Tutorial Memasang Script Related Posts Blogger/ Blogspot

Related Post merupakan keterkaitan link dengan posting yang ada. Menggunakan script ini dapat menampilkan tautan secara otomatis pada bagian bawah artikel Anda, sehingga pengunjung akan lebih mudah menemukan artikel Anda yang lain sesuai dengan label yang Anda buat pada saat membuat postingan.

Tentu trik ini dapat meningkatkan jumlah page view karena ada kemungkinan bertambahnya jumlah halaman yang dibuka.

Berikut javascript related post beserta cara penempatannya.

1. Buka Template dan cari ]]></b:skin>
2. Aktifkan CSS dibawah ini dengan cara menaruh tepat diatasnya
#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}

3. Cari kode <div class='post-footer-line post-footer-line-1'>
Tempel kode berikut ini dibawahnya
<!-- Related Post Widget Start -->
<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;Artikel Terkait:&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='http://britha.com/BloggerScript/Related_Post.min.js'/>
</b:if>
<!-- Related Post Widget End -->
Simpan dan lihat hasilnya.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini