Cara Mudah Membuat Related Post di Blog

Cara Mudah Membuat Related Post di Blog - Hello sahabat blogger, kali ini saya akan membagikan tutorial membuat relatd post nih. Tutorial ini saya tujukan untuk yang belum tahu saja ya, untuk yang sudah tahu skip aja hehehe. Dari para sahabat blogger mungkin sudah sering mendengarlah related post ini, namun belum tentu tahu fungsinya untuk apa.

Nah sebelum menuju tutorialnya saya akan menjelaskan terlebih dahulu fungsi related pos ini. Related post berfungsi untuk memudahkan para pembaca mencari atau menemukan konten yang hampir sama atau berhubungan dengan halaman yang saat itu dibuka. Dengan mudah para pengunjung mencari konten yang serupa tentu saja mereka akan betah dan berlama-lama di blog kita. Bagaimana sudah paham kan? jika belum mah kebangetan hehehe

Oke sekarang kita menuj ke tutorial nya, silahkan ikuti langkah langkah dibawah ini :
1. Masuk ke akun blogger dulu.
2. Lalu pilih Template --> Edit HTML
3. Selanjutnya cari kode </head>, gunakan Ctrl+f agar lebih mudah.
4. Kemudian masukka kode di bawah ini tepat diatas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#at-gambar{text-transform:none;overflow:hidden;margin:0;
padding:0}#at-gambar h2{font-size:17px;font-weight:bold;padding:0 0 8px;margin:0}#at-gambar a{color:#222;overflow:hidden;text-align:left;font-size:13px}#at-gambar a:hover{background:#eaeaea;color:#000}#at-gambar img{width:100%;margin:0;padding:0}
</style>
<script> var defaultnoimage = &quot;http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg&quot;; var maxresults = 6; var splittercolor = &quot;#ddd &quot;; var relatedpoststitle = &quot;Related Posts :&quot;; </script>
<script src='https://dl.dropboxusercontent.com/u/122336262/JavaScript/related-post/terkait6.js'/>
</b:if>

 5. Lalu cari kode <data:post.body/>, dan letakkan kode dibawah ini tepat dibawah kode <data:post.body/>.

<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>
</div>

6. Langkah terakhir klik Save dan lihatlah hasilnya

Seperti dengan judulnya kan sahabat sangat mudah sekali. Mungkin sekian dulu dari saya tentang Cara Mudah Membuat Related Post di Blog dan semoga bermanfaat!