Шаблон для 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwlYs0h7l4eZ4uW1V9qPAm_xnstcE6r9fS5DnrjB94rkHBMqtv1oVtan_D7JaXVAQ73kk373chYvUKG0LlQuYFOUETYlXuOx8zFWvMxGElFJ-NgYJH90v-_Tz9HPeaCWsTNVmfRyvfqfQ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnlrK5IE_hvGfhzjKSM-xBLxY90TfRnc47R8icPLinyXlIvcVwQvhkkMcVVAVatzm3QV-h2_6rWlGkHiapwB5XaCVcvorGZX7xg4V5qrMfMc3vVt7q_Vwzr_YZq7-aW3-J4V6kvgeXiqk/s1600/twitter.png" title='twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhftK3QP-bQH_kOsfl77vmhIHS_Oywr_lxqBCUX30O9U1c_C-mB-zx3Xe1p79NphQTGEZHEjLM8lH-6DiF3SAHnpuFcJV84hUtwOlGViZmEORoVjbz6b_utzMXXrpGbfsR76EkiQLXqII/s1600/facebook.png" title='facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='google plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHokQGkHYOUV8F2j7yQ595Vs2dDBjiKvKTBBPzmaYhHj5pqyp7HNTurTltimp8MT6dXm3XXF1RUBXn-qJAUK8FLiyr1fiVWnAsCAHzLgRdem_rsQXKNRykafhkaIDqkB9Hs1Zas9a-6go/s1600/gplus.png" title='google plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='linkedin' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxisf0E0Qdby9-SevfABAAQzgzjDZCxMbCTvhqAPPrlOHkgjSrih7w-Rg5l2eAtK_2dm0Oik7s2zkg4z1VDcl_J353VHakBwaKK6gx-1bSVeRWuDDYjIK8MIZLBrGBHEQIe7332dc8YU/s1600/linkedin.png" title='linkedin'/></a><a href='http://feedburner.com' target='_blank'><img alt='rss feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihH0y7EBtkRGu5a_dy1K8xkzyai32uBiR7Mn5nmI_8U3Qh_XLHTBXaUWWdkrmk-ajs9qYg4XYmOO3FCbzE_A9yG7kh36amziSUCUs5NADyiV72eJuglcqR09x0u3a8cFqsp7MrPpOzAIc/s1600/rss.png" title='rss feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='email' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-KCGwKEPd-D6-ihCfMUOHqQsu2EqFufnhm_iW_bqZ7WyBBRBTOI_8fBAAbaZP4yR6irj9AEm2411fgK0ppRXDZzXiTCoiuTUzXWUOtBFQggUuGj2-IeCAVCVVJxONr7o3usY9Dm0GJ8c/s1600/email.png" title='email'/></a>

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

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

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

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