13 мар. 2012 г.

Как вывести в конце поста похожие сообщения (без миниатюр)

Мой blogger. Seo оптимизация

tweetn

Как вывести в конце поста похожие сообщения (без картинок)


Заходим в Blogger-Дизайн-Изменить HTML-ставим галочку-Расширить шаблоны виджета(не забываем перед изменениями сделать копию шаблона). Ищем с помощью клавиш Ctr+F  </head> и перед ним вставляем код стиля для виджета. Разумеется цвета,размеры шрифтов и т.п. вы можете подправить, но лучше сначала убедиться в работоспособности виджета а потом делать изменения. Кстати обратите внимания на тег H2, возможно его лучше заменить на H3  или P по вашему желанию и для улучшения оптимизации блога.

   <!--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-->
Ищем одну из этих строчек:   <div class='post-footer'>    или    <div class='post-footer-line post-footer-line-1'>   или <div class='post-footer-line post-footer-line-2'>  и чуть ниже одной из строк (которую нашли) вставляем cледующий код:
  <!-- 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='http://bdlab.blogspot.com'><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 количество выводимых заголовков постов.


http://uwblogger.blogspot.com/
Виджет похожие сообщения (без миниатюр)

Блог на платформе блоггер похожий на сайт