Cara Membuat Related Post diBawah Postingan Blog - Cara Membuat Related Post | Cara membuat artikel terkait ( related post ) tepat di bawah postingan blog - Tips ini sebenarnya sudah sangat banyak beredar, namun tidak ada salahnya di ulas kembali untuk membantu blog-blog pemula yang masih awam dengan tips ini. Berikut ini Cara Membuat Related Post diBawah Postingan Blog.
Login ke blogger Anda.
Pilih Rancangan, kemudian kli Edit HTML
Beri tanda centang pada Expand Widget Template.
Cari kode <data:post.body/>, supaya mudah, gunakan kotak Find dengan menekan tombol F3
tempatkan script/kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3> <div id='data2007'/>
<script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>
Dan yang terakhir klik Simpan
NB:
Jika Anda sudah memasang 'Readmore Otomatis' maka harus menempatkan script related post di bawah kode <data:post.body/> </b:if>
Jika Anda memasang iklan di bawah posting, maka tempatkan script related post di bawah kode iklan tersebut.
tes meta dari HTC : ojelhtc.blogspot.com/2012/01/cara-membuat-related-post-di-bawah.html
Cara Membuat Related Post diBawah Postingan Blog
Artikel Terkait Cara Membuat Related Post diBawah Postingan Blog :
Cara Mengganti Gambar Kursor di BlogCara Mengganti Gambar Kursor di Blog - Berbicara tentang Cara Mengganti Gambar Kursor di Blog sebenarnya sangat lah mudah sekali, ...
Cara Membuat Banner Tukar Link Pada BlogCara Membuat Banner Tukar Link Pada Blog - Pada Postingan kali ini mengenai cara membuat banner tukar link untuk mening ...
Cara Pasang Script Adsense di Tengah Post WordPressCara Pasang Script Adsense di Tengah Post WordPress - Dengan kata lain Cara Pasang Script Adsense di Tengah Postingan WordPr ...
Cara Membuat Fitur Reply Thread Comment KerenCara Membuat Fitur Reply Thread Comment Keren -Setelah kamu membaca postingan Kamu Klik sebelumnya, yakni Cara Mudah Mengakt ...
Cara menghilangkan tulisan powered by google pada blogspotCara menghilangkan tulisan powered by google pada blogspot | tips blog kali ini adalah Cara menghilangkan tulisan powe ...