Виджет для блога, похожие посты

Виджет для блога который называется  похожие посты оптимизированный для платформы  Blogger(blogspot) представляет из себя информационную полосу из блоков в которых отображается фото картинки и заголовок статей похожих по теме читаемого сообщения(статьи). Зачем это нужно. Ну во-первых  виджет для блога это очень удобно для читателей вашего блога или сайта.похожие посты это отличное дополнение к ресурсу ! Ведь вы же, если читаете эту статью видимо имеете свой блог, и естественно боретесь как и все за увеличение посещаемости вашего блога и постоянных читателей. Так вот представьте себе, человек ищет в поисковике нужную ему информацию, заходит на ваш блог и читает статью, в процессе чтения у него неизбежно возникает ряд косвенных вопросов по теме статьи, и он начинает искать похожие посты для уверенности, и по статистике 90% людей уходят искать эту информацию на другие блоги и сайты, если ему на глаза не попадается интересующая его информация в виде похожие посты на вашем блоге. А ведь юзер он как косяк рыб, - очень пуглив, и не заходит вновь туда откуда ушел с ощущением что не получил то чего искал. Это факт. Вот для того чтобы устранять такие ошибки блоговодов и создан был виджет для блога который зовется похожие посты для Blogger. Читатель читает вашу статью, проходит вниз и сразу под статьей он видит виджет для блога, в нем красивые картинки под которыми названия ваших статей на похожие темы статьи которую он читает. И он нажимая на понравившуюся ему картинку в виджет для блога называющийся похожие посты и попадает на интересующую его статью. А мы таким образом удерживаем время его пребывания на своем блоге, от чего повышается релевантность наших страниц поисковиках. Плюс к этому многие подписываются на блог нажимая кнопки ретвит, RSS и подписка по почте, чтобы не пропустить ваши новые статьи из виду. Чем еще больше рекламируют ваш блог в социальных сетях, приманивая все больше посетителей на ваш блог. Поэтому такие вещи очень важны и нельзя сбрасывать их со счетов. Плюс ко всему этот гаджет дает дополнительную перелиновку страниц вашего блога о которой я писал ранее.

Выглядит он в блоге вот так :

Можно сделать чтобы отображалось сколько угодно картинок хоть с десяток.  Я думаю полезность этого виджета вам уже ясна поэтому переходим к установке :
Заходите в админ панель своего блога - Шаблон-Изменить HTML. не забываем ставить галочку всегда на “Расширить шаблоны виджетов” Потом с помощью поиска (Ctrl+F)  находите эту строчку в вашем шаблоне: </head> и прямо над ней вставьте код:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://dl.dropbox.com/u/48089857/relatedthumbs19.js'
type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Дальше ищите все таким же способом такое место в вашем шаблоне:  <div class='post-footer-line post-footer-line-1'>  если вдруг не найдёте (только хорошо ищите) тогда  такую:  <p class='post-footer-line post-footer-line-1'> Теперь сразу после любой из этих строчек (смотря какую из них Вы нашли) вставляем этот код:

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max
-results=6&quot;' type='text/javascript'/></b:if></b:loop><a
href='http://new-school-blogger.blogspot.com/2012/01/stati-miniatjurami-vidz
het-blogger.html' style='display:none;'>Related Posts with thumbnails for
blogger</a><a href='http://new-school-blogger.blogspot.com/'
style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Похожие сообщения";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Дальше вам останется только настроить виджет для блога под себя как вам больше нравиться. Вы можете настроить максимальное число сообщений для показа их под каждым вашим сообщением(статьей), изменяя эту строку в коде: var maxresults=5; поставьте цифру равную количеству нужных вам показов блоков виджета, - можно отображать даже в два ряда, если вам такое будет нужно, по всей ширине вашего поста.Также можете заменить слова "Похожие сообщения" на своё, типа “ух ты ! еще интересные статьи по этой теме !” – для этого просто найдите в шаблоне слова “похожие сообщения” через Ctrl+f и замените на свое что вам нравиться.

После установки бывает такое что виджет может появиться не сразу, нужно закрыть страницу вашего блога почистить cookies  в браузере и зайти снова и все будет на месте.                         PS/ на главной странице гаджета нет, для главной страницы пользуйтесь гаджетом “газетный стиль”.

 Так же читайте про виджет хлебные крошки для Blogger
      виджеты для блога, похожие посты

Хотите получать свежие статьи на свой E-mail ?