Ashwamedia - Biasanya Related Post berada di sidebar atau di akhir Postingan, namun buat kami yang ingin memperkaya internal link. Dan bisa menjadi cara mempromosikan postingan kamu kepada pembaca. Kamu bisa menggunakan cara berikut ini, yaitu membuat Related Post atau related-middlepost. Related post ditengah postingan ini biasanya dikasih tulisan, Baca Artikel Terkait, Baca Juga atau bisa Juga Artikel Menarik Lainya.
Kalau untuk Wordpress kita bisa menggunakan Plugin namun untuk Blogger kamu bisa menggunakan metode berikut ini :
Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost
Baiklah, Langsung saja ke cara untuk memasang kode-kodenya.
Cara Membuat Related Post atau postingan terkait di Tengah Postingan Blog
1. Klik Tema (Theme)
2. Klik Edit HTML
3. Simpan Klik 2x atau copas kode CSS related post berikut ini di atas tepat diatas kode </head>
<b:if cond='data:view.isPost'>
<style>
.related-middlepost{background:#f1f1f1 none repeat scroll 0 0;margin:30px auto;padding:35px 15px 5px;position:relative;clear:both}
.related-middlepost h4{color:#c00;font-size:15px;font-weight:700;left:23px;margin:0;position:absolute;text-transform:uppercase;top:10px}
.related-middlepost ul{margin:0!important;padding:0!important}
.related-middlepost ul li{border-bottom:1px solid #e3e3e3;font-size:15px;font-weight:700;margin:auto;padding:10px 0 10px 10px;position:relative;transition:all 0.3s ease 0s;list-style:disc inside}
.related-middlepost a{color:#1958df}
.related-middlepost a:hover{color:#c00}
.related-middlepost ul li:nth-child(n+4){display:none}
.related-middlepost ul li:nth-child(3){border-bottom:medium none}
.related-middlepost ul li:before {display:none}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedmiddle = new Array(); var relatedmiddleNum = 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]; relatedmiddle[relatedmiddleNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedmiddleNum] = entry.link[k].href; relatedmiddleNum++; 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] = relatedmiddle[i];}} relatedmiddle = 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((relatedmiddle.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedmiddle.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedmiddle[r] + '</a></li>'); if (r < relatedmiddle.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
Kemudian Cari (Ctrl+F) kode <data:post.body/> dan Nonaktifkan! Jika ada dua kode, Nonaktifkan kode <data:post.body/> yang kedua.
Cara menontifkan Tambahkan kode berikut <!--kode--> atau simpelnya ganti menjadi kode seperti ini :
<!--<data:post.body/>-->
<div expr:id='"post1" + data:post.id'/>
<b:if cond='data:view.isPost'>
<div class='related-middlepost'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div style='margin:15px 0'>
<!-- Iklan AdSense -->
</div>
</b:if>
<div expr:id='"post2" + data:post.id'>
<data:post.body/>
</div>
<b:if cond='data:view.isPost'>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/1.5);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
</b:if>
Kemudian silahkan Klik Simpan.Silakan cek salah satu postingan blog Kamu. Agar postingan terkait muncul di tengah artikel kamu harus memiliki minimal 5 Label pada artikel tersebut.
Baca juga Artikel tentang : Cara Memasang Kode HTML dalam Postingan Blogger
Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost
Harga : *Belum termasuk Ongkos kirim