Menampilkan Artikel Terkait / Related Posts Di Blogspot

Artikel Terkait atau Related Posts biasa dipakai untuk memberi akomodasi pada pembaca menemukan artikel pada label atau kategori yang sama. Selain pada label atau kategori yang sama, related post atau artikel terkait ini juga menciptakan dan menampilkan artikel secara acak atau istilah lainya random artikel, sehingga bukan hanya artikel yang terkait saja yang akan muncul, keren kan...?

Contohnya ibarat gambar dibawah ini:

Pengunjung blog kita akan pribadi dapat menemukan judul postingan kita yang berkaitan dengan judul posting. Hal ini dilakukan tentunya tiada lain biar pembaca tidak terburu pergi dari blog kita.

Oke, mari kita mulai saja tutorialnya:

1. Biasakan Back up Template Anda sebelum melaksanakan perubahan apapun!
2. Dari Dashboard Blogger Anda Buka Template > Edit HTML.
3. Simpan arahan dibawah ini di atas ]]></b:skin>

#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/AVvXsEgwL5-Mw9xrTN5GoUngx98p-X9IM9GHNQJA7xGcUzZ7aYm1G9r2pDG_RekLvJNbi8k1WBXimNJZZNLVWQri2qkPdyJFG5zOm9_VlidLJBF9nquDcCKdfvpFFNDRwxXntVEEbtCn22yvR6hh/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}

4. Tambahkan arahan berikut dibawah <div class='post-footer-line post-footer-line-1'>

<!-- 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='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/> </b:if> <!-- Related Post Widget End -->

5. Save, lihat hasilnya... (sumber.)

Bagi yang gak ada waktu dan gak mau repot cara menciptakan dan mengedit blog, serahkan saja kepada Mung Bisnis | Jasa Pembuatan Blog.