4 мая 2013 г.

Похожие сообщения без миниатюр виджет для Blogger

Доброго дня, дорогие друзья! Этот виджет похожих сообщений без миниатюр, для тех кто, по каким то причинам, не хочет ставить в блог виджет с эскизами. У каждого должен быть выбор.

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

Похожие сообщения

Как установить виджет похожих сообщений под каждым постом без миниатюр

Для этого нам понадобиться всего пару шагов.Зайти в Blogger - Шаблон - Изменить HTML и ищем при помощи сочетания клавиш (CTRL+F) в шаблоне такой тег: </head> и над ним вставляем код стиля виджета и скрипт:

<!--Related Posts Scripts and Styles Start-->
<!--Remove--><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 .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #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:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://lh6.googleusercontent.com/-2JWL1R0i0i0/TxsH-tOc_lI/AAAAAAAAENs/pgk0U-IDGsE/w10/green.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Похожие сообщения:";
</script>
<script src='http://dl.dropbox.com/u/48089857/related-posts.txt' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles  End-->

Здесь, в этой строке Вы можете сразу поменять название var relatedpoststitle="Похожие сообщения:"; на своё, а также сменить картинку. Теперь переходим ко второму шагу. Найти одну из этих строчек (ищем внимательно): <data:post.body/> или  <div class='post-footer'>  или  <div class='post-footer-line post-footer-line-1'>   или <div class='post-footer-line post-footer-line-2'>  и чуть ниже одной из строк какую нашли вставляем такой код:

<!-- Related Posts Code  Start-->
<!--Remove--><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&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='#'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyFOT4CmhI/AAAAAAAAADM/MvlLp1fyfoM/s1600/blogger-widgets.png" /></a>
<script type='text/javascript'>
var maxresults=8;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<!--Remove--></b:if>
<!-- Related Posts Code  End-->

Здесь, в этой строчке - var maxresults=8; указать количество выводимых заголовков сообщений. Готово. Сохраните шаблон. На этом позвольте с вами попрощаться. Удачи всем.

С уважением, Сергей - блог helpblogger-ru


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

3 коммент. :

  1. Tutor leader in the market. Do not pass the best site with online advice before exams. Perhaps that is what you are looking for.

    ОтветитьУдалить
  2. у меня почему то не работает. Не понятно. [-(

    ОтветитьУдалить
    Ответы
    1. Привет,Павел!Должно работать.Пробуйте ещё раз.

      Удалить

 
Яндекс.Метрика