Cara Membuat Artikel Terkait DiBawah Postingan Blogger




Cara Membuat artikel terkait di bawah postingan blogger dengan sangat mudah dan dengan model list kebawah hingga menampilkan postingan blog sampai 5 buah postingan,Yang di mana postingan mengenai artikel terkait ini di refer dari blog Blogooblok.com.

Bagi kamu yang sedang mencari artikel yang membahas tutorial untuk membuat atau bisa juga memasang artikel terkait tepat di bawah postingan blog,Mungkin kamu tidak salah jika masuk ke blog ini,Karena inilah postingan yang membahas cara membuat artikel terkait di bawah postingan,Khusus buat pengguna blogger blogspot.

Artikel terkait bisa di sebut dengan istilah Related Post,Dan related post ini memiliki sangat banyak sekali macamnya,Seperti related post di samping navigasi,Related post di bawah postingan dengan tampilan grid dan bergambar,dan juga related post di tengah postingan dengan judul postingan berupa list biasa.

Namun pada pembahasan kali ini,Bloginjase.club hanya akan membahas cara membuat artikel terkait tepat di bawah postingan saja.Dan inilah cara pembuatannya.

1.Pertama silahkan login ke akun bloggermu dan langsung saja meunuju Theme.

2.SUdah di theme ? Klikk langsung edti template,Dan secara cepat Tekan ctrl F pada keyboard pcmu,Dan ketikan kode tag </head> pada kolom template blogger.

3.Tekan enter,Dan kamu akan menemukan tag head template blogmu.

4.Jika sudah tahu,Selanjutnya ,kamu copy paste kode script di bawah ini,Dan tempelkan tepat di bawah tag </head> yang kamu temui 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>  

5.Jika sudah selesai menempatkan kode di atas ,Ingat kodenya di tempel tepat pada bawah tag </head> template blogmu.Langkah seterusnya ialah,Mencarai tag <data:post.body/> dan kemudian copy kode javascript di bawah ini.Kode java script ini di letakan pada bawah tag <data:post.body/> yang pertama,Karena tag <post:data.body/> ini berjumlah ada dua.Cukup letakkan tepat di bawah yang pertama saja.

<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&amp;callback=related_results_labels&amp;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>  

6.Jika sudah melakukan semuanya,terakhir klik simpan dan save template,Lihat hasilnya pada blogmu,Apakah sudah berhasil atau tidak.

Nah itulah cara mudah untuk membuat dan memasang artikel terkait tepat di bawah postigan blogspot yang bisa menampilkan postingan secara automatis di saat halaman blog di kunjungi,Aatu bisa juga di reload.Karena postingan semacam ini bisa membuat blog semakin banyak populer.

Cukup mudah bukan caranya ? SElamat mencoba dan salam sukses.


Artikel Terkait





Postingan populer dari blog ini

Download Template Igniel versi premium Gratis

Cara memasang artikel "Baca juga" ditengah postingan blog

Begini Cara Memasang iklan penelusuran bersponsor google adsense Di Blog

Cara membuat Link Model no follow dan Do follow

Cara Terbaru Membuat Privacy Policy Blog Untuk Google Adsense

Tutorial Full Flash Smartphone OPPO A37 ,Lupa Pola

Koleksi Symbol Text Keren Untuk Blog Dan Sosial Media

Cara Menampilkan Traffic Data Koneksi Internet Pada Laptop

Membuat Related Post Grid Untuk Template AMP Blogger

Cara Mengembalikan Title Bar Pada Aplikasi Sublime Text Yang Tersembunyi Atau Hilang