Membuat Artikel Terkait Valid HTML5 Di Blog

Membuat Artikel Terkait Valid HTML5 Di Blog - Related Post atau biasa disebut dengan Artikel Terkait mempunyai peran yang penting pada blog kita, fungsinya untuk menautkan artikel yang terkait dengan artikel yang sedang dibaca pengunjung saat mereka memasuki blog kita, mereka akan berpindah lagi ke artikel lainnya melalui artikel terkait tersebut, sebenarnya sudah banyak cara di google mengenai cara membuat artikel terkait di blog, tapi saya akan menyebarluaskannya lagi dan kali ini yang valid html dan tidak memakan loading blog kita.

Cara Pemasangan

Langkah pertama silahkan masuk ke dashboard blogger sobat kemudian masuk ke menu Template > Edit HTML, kemudian cari kode ]]></b:skin> lalu letakkan kode dibawah ini 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3WoFjReHwF5FU4k5WS1nCeiokfjvieLnAFOhVLlcl5i3QveBCMOZERyRWeJenAZ_6GFCqkF_Gb6lj7rQBTQL3NNJGjBku9QFA0xg3GO36Dc2eFyijBwp2ngNZtjyRSWlcTaJvuGrFdsR/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}

Langkah berikutnya letakkan kode ini dibawah <data:post.body/> atau <div class='post-footer-line post-footer-line-1'> tentunya letakkan di bagian bawah html artikel blog anda

<!-- Related Post Widget Mulai -->

<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='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>

</b:if>

<!-- Related Post Widget Selesai-->

Langkah terakhir klik simpan template anda.

Nah itu dia cara singkat dan mudah untuk cara Membuat Artikel Terkait Valid HTML5 Di Blog, Semoga Bermanfaat. 

Salam ./Kum4n

Source : http://www.businessadexchange.com