Cara Membuat Artikel Terkait dibawah Postingan Blog


Artikel Terkait atau yang lebih terkenal dengan sebutan Related Posts berfungsi untuk menampilkan artikel-artikel lain yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung blog. Biasanya Artikel Terkait ini ditampilkan tepat bawah postingan blog. Hal ini bertujuan agar pengunjung melihat dengan jelas artikel lain yang berkaitan dengan artikel yang telah dibacanya.
 Cara Membuat Artikel Terkait dibawah Postingan Blog, Cara Membuat Artikel Terkait Dibawah Posting, Cara Membuat Artikel Terkait Dibawah Artikel Blog, Cara Mudah Membuat Widget Artikel Terkait Dibawah Posting Blog, Tutorial Membuat Artikel Terkait Dibawah Posting  endolita.blogspot.com
Selain untuk memberikan kemudahan bagi para pengunjung untuk menemukan tulisan yang lainya, Artikel Terkait ini juga menjadi salah satu penilaian di mata search engine, karena menurut pengalaman saya, sebuah blog akan menjadi lebih SEO Friendly (mudah dicari di search engine) jika dipasang Artikel Terkait.

Bagaimana cara memasangnya?

Cara Membuat Artikel Terkait dibawah Postingan Blog
  1. Login ke akun Blogger
  2. Pilih Template >> Edit HTML
  3. Letakkan script berikut di atas kode ]]></b:skin>
  4. #related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; } #related-posts a{ color: #4b4b4b; }
    #related-posts a:hover{ color: #ca1717; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }
  5. Cari kode <head> , letakkan script berikut di bawahnya:
  6. <script src=’http://hbhost.googlecode.com/files/Related-posts.js’ type=’text/javascript’/>
  7. Terakhir, cari kode <p><data:post.body/></p> atau <data:post.body/>
    Lalu letakkan script berikut tepat berada di bawahnya:
  8. <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <div id=’related-posts’>
    <div style=’font-size:18px’><b>Related Posts:</b></div>
    <b:loop values=’data:post.labels’ var=’label’>
    <b:if cond=’data:label.isLast != &quot;true&quot;’/>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;’ type=’text/javascript’/></b:if>
    </b:loop>
    <script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div>
    </b:if>
  9. Simpan
Catatan: Ganti tulisan berwarna Biru sesuai dengan yang diinginkan

Jika ingin menampilkan widget Artikel Terkait atau Related Posts ini ditempat yang lain, silahkan bereksperimen untuk mencobanya sendiri, karena dengan demikian nantinya akan menjadi terbiasa menghadapi kode-kode seperti ini.

Itulah sekilas pemahaman saya tentang Cara Membuat Artikel Terkait dibawah Postingan Blog. Semoga bermanfaat. Jika mencari artikel lainnya silahkan cek tepat di bawah ini:

Artikel Terkait

Cara Membuat Artikel Terkait dibawah Postingan Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email