Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Trik dan Tutorial Blog

Cara Menciptakan Artikel Terkait Dibawah Postingan Blog


Artikel Terkait atau yang lebih populer 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 sempurna bawah postingan blog. Hal ini bertujuan supaya pengunjung melihat dengan terperinci artikel lain yang berkaitan dengan artikel yang telah dibacanya.
  atau yang lebih populer dengan sebutan Cara Membuat Artikel Terkait dibawah Postingan Blog
Selain untuk memperlihatkan fasilitas bagi para pengunjung untuk menemukan goresan pena yang lainya, Artikel Terkait ini juga menjadi salah satu evaluasi di mata search engine, alasannya yaitu berdasarkan pengalaman saya, sebuah blog akan menjadi lebih SEO Friendly (mudah dicari di search engine) kalau 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 arahan ]]></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; }
  4. Cari arahan <head> , letakkan script berikut di bawahnya:
    5. <script src=’http://hbhost.googlecode.com/files/Related-posts.js’ type=’text/javascript’/>
  5. Terakhir, cari arahan <p><data:post.body/></p> atau <data:post.body/>
    Lalu letakkan script berikut sempurna berada di bawahnya:
    6. <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>
  6. Simpan
Catatan: Ganti goresan pena berwarna Biru sesuai dengan yang diinginkan

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

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