Cara Membuat Related Post Di Bawah Postingan Blog

Cara membuat related post di bawah postingan blog. Halo teman-teman jumpa kembali kita di blog share pengalaman, kali ini saya akan membagikan artikel tentang cara membuat Related Post atau postingan Terkait di bawah artikel/postingan blog. Baca Juga: Cara menampilak widget artikel masih hangat di blog
Related Post atu Postingan Terkait memiliki tampilan dan gaya yang sangat. Untuk artikel kali ini saya akan membagikan Related Post dengan gaya bentuk memanjang kebawah dan artikel yang di tampilkan dengan maksimal 5 tulisan. Degan menampilkan artikel terkait di blog blog anda akan dampak SEO, yang mana oleh pemirsa sangat mudah untuk mengakses postingan-postingan yang berhubungan lainnya. Tak usah berpanjang lebar karena saya harus masuk kerja kembali langsung saja kita masuk pada intinya.

Baca Juga:

• Cara Membuat Label Atau kategori Di Blog
• Cara Membuat Tombol Subcribe Youtube Tampila Di Halaman Blog

Cara Memasang Artikel Terkait Di Bawah Postingan Blog

• Pertama-tama silahkan login ke blog kalian dulu www.blogger.com
• Setelah masuk ke halaman blog, lihat pada menu blog dan pilih "Tema > Edit Html
• Tekan ctrl + f untuk dan silahkan cari kode </head>.
• Silahkan Copykan script di bawah ini di bawah kode </head> tadi.

<script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li> '); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul> ');} //]]> </script>

• Sampai disini silahkan klik Simpan Templeat dulu
• Selanjutnya masih pada html templeat, silahkan cari lagi kode "<data:post.body/>" yang pertama jika kalian menemukan dua kode yang sama
• Jika sudah ketemu silahkan salin dan tempelkan script di bawah ini dibawah kode <data:post.body/> tadi

<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/> </b:if> </b:loop> </b:if> <b:if cond='data:blog.pageType == "item"'> <h4> Artikel Terkait</h4> <script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels(); </script> </b:if>

Tinjau pada script yang kedua tadi, pada <h4>Artikel Terkait</h4> kalian bisa menggantikan sesuai dengan selera kalian ya teman-teman.

Sampai disini siap untuk cara membuat related post atau artikel terkait di bawah postingan blog. Lain kali saya juga akan membagikan cara membuat related post di blog dengan berbagai macam dan gaya yang lain. Sekian dan terimakasih.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

free

Artikel Terkait