Всем привет!
В сегодняшней статье вы узнаете как установить не разных страницах разные виджеты. Для чего вам могут понадобится такие изощрения? Ну к примеру вам необходимо перенести форму обратной связи в на отделенную статическую страницу, или другой случай. Ведь наша фантазия безгранична и случаи могут быть разными.

И так начнем.
Для начала нужно перейти на вкладку Шаблон - Изменить HTML. Так как нам потребуются  “внутренности” виджетов, отмечаем галочкой “Расширить шаблоны виджета”. Как правило, все виджеты в шаблоне Blogger выглядят так:

<b:widget (id, название и тип виджета)/>
<b:includable id='main'>
(содержимое виджета)
</b:includable>
</b:widget>

С помощью комбинации клавиш CTRL+F находим название нашего виджета. Для того, чтобы настроить показ виджета, в его код достаточно добавить теги:

<b:widget (id, название и тип виджета)/>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "тип страницы"'>
(содержимое виджета)
</b:if>
</b:includable>
</b:widget>

Сам по себе тег <b:if cond='data:blog.pageType == "тип страницы"'> не имеет функциональности, в данном контексте это условие, обозначающее тип страниц для показа виджета либо для его запрещения и обозначено для примера.

В Blogger существуют следующие типы страниц:

homepageUrl – главная страница
static_page – статичные страницы, например, страница контактов, содержания блога и т.д.
item – страницы сообщений
index – страницы ярлыков
archive – страницы архива
Чтобы вывести или наоборот скрыть виджет на определенной странице вместо открывающего тега <b:if cond='data:blog.pageType == "тип страницы"'>, служащего образцом, воспользуйтесь кодами ниже. На основе этого вы можете регулировать показ виджета на любом типе страниц.

Давайте я Вам покажу пример на виджете "Счетчик".

b:widget id='HTML7' locked='false' title='Счетчик' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Теперь виджет "Счетчик" будет показан только на главной странице блога.

Теперь сами коды:

Показ виджета Blogger только на главной странице:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
 виджет/код
</b:if>

Показ только для страниц сообщений:


<b:if cond='data:blog.pageType == "item"'>
 виджет/код
</b:if>

Показ только для страниц архива:


<b:if cond='data:blog.pageType == "archive"'>
 виджет/код
</b:if>

Показ для всех страниц, кроме главной:


<b:if cond='data:blog.url != data:blog.homepageUrl'>
 виджет/код
</b:if>

Показ только для статических страниц:


<b:if cond='data:blog.pageType == "static_page"'>
 виджет/код
</b:if>

Показ только для главной и для страниц ярлыков:


<b:if cond='data:blog.pageType == "index"'>
 виджет/код
</b:if>

Показ на всех страницах, кроме указанной:


<b:if cond='data:blog.url != "url_страницы"'>
 виджет/код
</b:if>

Показ на определённой странице:

<b:if cond='data:blog.url == "url_страницы"'>
 виджет/код 
</b:if>

Показ только на страницах ярлыков:


<b:if cond='data:blog.searchLabel'>
 вижет/код
</b:if>

Вот вроде всё. Если что упустил из виду, прошу писать в комментариях. Всем пока. Удачи.
Привет дорогие друзья!

Виджет: похожие сообщения для Blogger/Blogspot
Такой виджет поможет вам отображать под каждым из ваших сообщений в блоге, похожие. Похожие статьи выбираются на основе ваших меток. Такой виджет весьма полезен для блога. Так как с его помощью можно задержать пользователя на вашем блоге предолгая ему все новую и новую информацию по тематике которую он ищет.

            Как установить виджет похожих сообщений для блога

1. Перейти в Дизайн> Изменить HTML в вашей панели инструментов Blogger.

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

3. Удостоверьтесь,чтобы была поставлена галочка " Расширить шаблоны виджета".

4. Поиск строчки </head>

5. Добавьте следующий код только перед </head> тега.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjq_EMVMagmVTx96eFDWL4BLId0GeYllh2zzqGUwb10Shi4If4F370rqZYNBw43-72r4oJMiHwK2wGLTvcmqxsyHrpTHYXGbun8LesnwO1kUOgpw83iAs2b4mwlOJ37pzzmW5SBJT9yfE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://db.tt/Sm54s9oF' type='text/javascript'/>

6. Теперь поиск <data:post.body/> . В некоторых шаблонах этот код может выглядеть следующим образомclass='post-body> <div или <data:post.body/>

7. Добавьте следующий код только после <data:post.body/>  

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

8. Теперь сохраните шаблон и все готово!

Настройка: для того чтобы изменить  количество связанных сообщений ,поиск кода (выделенно зелёным) и измените " 5 "на любое Ваше число.

Всего доброго.Желаю Вам удачи.
Бесплатный премиум шаблон для blogger -  GalaunessШаблон в стиле минимализм. Шаблон идеально подходит для творческих людей. Подходит для создания портфолио. С демо версией шаблона вы можете ознакомиться по ссылке 



Как изменить шаблон своего блога вы можете узнать в статье.



Адаптивный шаблон блога в современном стиле. Идеально подходит для создания творческих блогов, блогов о дизайне, и других творческих тематиках.
Шаблон адаптивный под все виды браузеров и мобильных устройств.


Как изменить шаблон своего блога вы можете узнать в статье.



Добрый день! Если Вы попали на эту страничку, значит у вас возникли трудности с установкой нового  шаблона  blogger. Если Вы дорогой мой посетитель захотели сменить надоевший стандартный шаблонна приглянувшийся зарубежныйнестандартный, тогда эта статья для вас.

Как установить нестандартный шаблон Blogger

Прежде всего вам надо найти и скачать шаблон.Каталоги с шаблонами для blogger можно найти на  зарубежных сайтах. Просто глаза разбегаются, один лучше другого. Когда скачали, распаковываем архив. Затем входим в свой аккаунт www.blogger.com, в панели инструментов в разделе управление блогами переходим на вкладку шаблон:
В правом в верхнем углу нажимаем "Резервное копирование и восстановление
Сохраните копию шаблона, прежде чем вносить в него изменения, нажав "Загрузить шаблон полностью". Это нужно для того, чтобы вернуться к прежнему шаблону, если у Вас пойдёт что-то не так. Ваша копия шаблона сохранится на жёстком диске. Далее нажимаем кнопку "Выберите файл". Указываем место на диске, куда распаковали скачанный шаблон, выбираем файл XML.

После загрузки нового шаблона,нажимаем "Сохранить шаблон". Вполне возможно появится следующее сообщение: Внимание! В вашем новом шаблоне нет следующих виджетов: (видим список виджетов, отмеченные красным цветом). Щелкаем кнопку --" Сохранить виджеты" или не сохранять, на Ваше усмотрение. Всё готово.

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

Когда Вы решите поменять шаблон, лучше его сначала подготовить. Делается это просто. При помощиNotepad или другой программы, открываете файл шаблона  XML и редактируете его.

Очень удобно. На представленном скриншоте, видно меню шаблона и его легко отредактировать. После всех настроек (meta-теги, меню, перевода, удаления не нужных ссылок и так далее) меняем старый шаблон на отредактированный следующим способом. В Панели инструментов в разделе управление блогами переходим на вкладку шаблон и нажимаем - "Изменить HTML". Затем выделяете весь код шаблона:

и просто его удаляете ( перед удалением сохраните копию старого шаблона). Копируете в Notepad новый настроенный код шаблончика  и вставляете в редактор. Нажимаете "Сохранить шаблон". Готово.Нестандартный шаблон для blogger установлен.

На этом, позвольте с вами попрощаться. До новых встреч. Если чего не понятно, не стесняемся спрашиваем в комментариях. Всем пока.