Шаблон для Blogger "MerryChristmasBlog"

Очень красивый новогодний шаблон для Blogger. Яркие сочные цвета, встроенные слайдеры, социальные иконки, 2 горизонтальных меню. В шаблоне 2 основные колонки, а подвал (футер) разделен на 3 блока для размещения гаджетов.


ДЕМО шаблона
СКАЧАТЬ шаблон из источника


Про сайт, где размещен этот новогодний (или рождественский) шаблон с названием "MerryChristmasBlog", я уже писала в статье 300 бесплатных шаблонов в 3 колонки

В шаблоне, который сегодня представляю, колонки 2, но зато масса других преимуществ.

В архиве с шаблоном, кроме файла самого шаблона в формате .XML, еще 3 текстовых файла (открываются в программе Блокнот).


Открыв в настройках блога пункт Дизайн, видим встроенные гаджеты.
   
Гаджет Featured Posts - это и есть большой горизонтальный слайдер. В гаджете есть только название. "Внутрь" надо скопировать и вставить код из файла с аналогичным названием, предварительно отредактировав в Блокноте или другой программе.       Насколько я поняла, картинки в слайдере и текст на слайде должны вести на определенный пост.
Если постов пока нет, то и слайдер можно не добавлять в блог. Или, как вариант, заменить пока на другие картинки. Например, про Новый год.

В блоге автора в слайдере картинки размером 615х300 px. Можно взять примерно такие же.                                                                           Кусок кода, в котором редактируются картинки, ссылки, название поста и ссылка на него, текст на слайде: 
<!-- Featured Content Slider Started -->
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="http://2.bp.blogspot.com/-Kyj1WfYGxDU/TzbNXVnGeMI/AAAAAAAAEAQ/fA9SUnvUp44/s1600/1.jpg
"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc. Video tutorial is available, also a support forum which will help to install template correctly. By DeluxeTemplates.net
</p>
</div>

Вместо # вставляем ссылки (если нужны). Голубым цветом выделена ссылка на картинку в слайде 1 (картинки я загружаю в пустое сообщение блога, затем копирую ссылку на изображение).

Розовым цветом выделено название поста, желтым - текст. 

По аналогии редактируем все остальные слайды.

Второй слайдер расположен в боковой колонке справа - гаджет SlideshowКартинки в нем показываются из альбомов Picasa, Flickr или из другого канала.

Социальные иконки.  При установке шаблона Вы их сразу не увидите. В гаджете Social Icons есть только название. Код берем из файла с аналогичным названием, скачанного вместе с шаблоном. 
По умолчанию, кнопки ведут на Twitter, социальные сети Facebook, Google+, Linkedin, сервис Feedburner, на какой-то email. 



В коде гаджета все ссылки можно заменить на ссылки, ведущие на Ваш аккаунт в соцсетях или Твиттере. Также адрес Вашего канала RSS в Feedburner, адрес e-mail на Ваш.

<a href='http://twitter.com/' target='_blank'><img alt='twitter' src="http://2.bp.blogspot.com/-oFF4HrEbwaI/To9NpETr6dI/AAAAAAAAEJk/jowvXNvTKcY/s1600/twitter.png" title='twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='facebook' src="http://4.bp.blogspot.com/-O6nMA1_akTo/To9NmwKzo4I/AAAAAAAAEJU/UFiFTyAJbnw/s1600/facebook.png" title='facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='google plus' src="http://3.bp.blogspot.com/-NbS3DZVbHU0/To9NnX6odTI/AAAAAAAAEJY/SvIFghHPw-k/s1600/gplus.png" title='google plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='linkedin' src="http://3.bp.blogspot.com/-bzutYp7uln0/To9Nn2z36jI/AAAAAAAAEJc/-_kgc1MkEB4/s1600/linkedin.png" title='linkedin'/></a><a href='http://feedburner.com' target='_blank'><img alt='rss feed' src="http://1.bp.blogspot.com/-SLbNOLbWhs0/To9NoZ-cOHI/AAAAAAAAEJg/uRl444L2fyg/s1600/rss.png" title='rss feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='email' src="http://1.bp.blogspot.com/-zyZkki5OJqE/To9Nmf1xb8I/AAAAAAAAEJQ/dlUOxjZ0H5U/s1600/email.png" title='email'/></a>

Верхнее горизонтальное меню отображает Страницы блога. Если страницы у Вас уже созданы и опубликованы, то из самого блога надо в гаджете Страницы проставить галочки, для того чтобы названия страниц отображались в меню.


На втором горизонтальном меню на красном фоне будут отображаться выбранные Вами ярлыки в гаджете Labels. Пока нет ни одной опубликованной статьи (поста) в блоге с присвоенными ярлыками, меню будет пустое.


В остальных настройках этого красивого новогоднего шаблона для Blogger, я думаю, разберетесь сами. Пишите в комментариях, если что не получается. Будем думать вместе :)

P.S. От всей души поздравляю с началом зимы и оставшимся месяцем до Нового года.


Комментарии

  1. А что именно? На каком этапе?

    ОтветитьУдалить
  2. Никакого встроенного гаджета не нашла :(((...

    ОтветитьУдалить
  3. Я не профи, просто стараюсь следовать инструкциям. Если честно ничего не понятно: куда идти, что нажимать...Для меня определенно сложно..Ну ладно будем дальше искать, как украсить свой блог. Удачи!

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Детский новогодний шаблон "Рождество Винни"

Поделись с друзьями!

Followers