0

Притурка сходни публикации във вид на списък

Притурка сходни публикации
Хубав ден, приятели. Списък с подобни публикации под всяка статия в блога. Въпреки, че има и други възможности, тази опция служи като отлична алтернатива на показване на статии по темата или сходни публикации, както обикновено се наричат.




    Въведение

    В последно време тази притурка, чиито код е взет от различни специализирани чужди сайтове, ту работи, ту спира да се показва. Има сходни публикации в блогове, които се показват във вид на списък. От опит знам, че в този си вид притурката работи безотказно. Споделям с вас как да я реализирате в случай, че желаете сходните публикации да се показват под всяка ваша публикация, така да се каже, по-скромно. Ще изглежда ето така.

    притурки


    Читателите вече ме насочиха към този въпрос повече от веднъж.








    Инсталиране на притурката


    Инсталирането на притурката става посредством два кода в две стъпки.

    Първи код:


    #related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
    #related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
    #related-post li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png
    no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
    #related-post .widget{margin:0;padding:0}
    #related-post ul{list-style:none;margin:0;padding:0}




    Уточнение: Със червено е маркиран адреса на изображението пред всяка публикация в списъка. При желание от ваша страна го заменете с друго, по ваш избор.



    Втори код:


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div id='related-post' class='related-post'/>
      <script type='text/javascript'>
      var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
              &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop></b:if>];
      var relatedPostConfig = {
          homePage: &quot;<data:blog.homepageUrl/>&quot;,
          widgetTitle: &quot;&lt;h4&gt;Прочетете още:&lt;/h4&gt;&quot;,
          numPosts: 5,
          titleLength: &quot;auto&quot;,
          containerId: &quot;related-post&quot;,
          newTabLink: false,
          widgetStyle: 1,
          callBack: function() {}
      };
      </script>
      <script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
    </b:if>



    Уточнение: Заменете цифрата 5 на желания брой сходни публикации. И пояснителния текст също, ако имате нещо друго наум. 








    Първа стъпка:

    Сега трябва да отидете в раздела Тема (след като сте направили резервно копие) и намерите реда ]></b:skin>. Точно пред него вписвате посочения по-горе първи код.

    Втора стъпка:

    Продължавате да търсите реда

    <div class='post-footer-line post-footer-line-1'>

    Точно под него вписвате копирания по-горе втори код.
    За да се ориентирате по-лесно разгледайте скриншота




    Запаметете промените в кода на темата. Ако списъкът със сходни публикации не се появява в блога ви потърсете по описания по-горе начин следващия ред


    <div class='post-footer-line post-footer-line-2'>

    Или

    <div class='post-footer-line post-footer-line-3'>


    Така е, защото темите на блоговете ни са различни. И под него вписвате вече посочения код. В един от моите блогове това направих под втория ред.
    Списъкът със сходни публикации изглежда компактно, стегнато и скромно.

    Благодаря, че прочетохте и тази моя публикация. Ако ви е харесала, споделете я с приятели.

    Няма коментари :

    Публикуване на коментар

    Ще съм признателна и наистина оценявам вашите приятелски коментари. Всеки опит да бъдат въведени автора и читателите в дискусия, както и препратките към външни ресурси ще бъдат премахвани. Моля, прочетете Terms of use And Privacy Policy. Благодаря за вашия отзив.

    Loading Results...

    Copyright © БЛОГ ЗА БЛОГОВЕ  2016 - . All Rights Reserved