Cara Membuat Recomendasi Post Otomatis Dalam Postingan – Sobat semua pasti sudah tidak asing lagi dengan Getged Recomendasi Post, adalah sebuah weidget yang memberikan informasi tambahan bagi pengunjung di sebuah Blog atau Website yang berisi beberapa Link Hidup yang mengarah ke artikel lainnya di Blog tersebut.
Recomendasi Post sudah banyak sekali di pasang oleh Banyak orang di Blog mereka, hal ini di karena kan fungsinya yang sangat bermanfaat karena bisa memberikan nilai tambah pengunjung untuk artikel lainnya. di samping itu Recomendasi Post juga akan membuat tampilan blog sobat menjadi lebih terisi dan juga menjadi salah satu ciri Template SEO Friendly.
Kali ini saya akan memberikan tutorial Recomendasi Post dengan otomatis, jadi sobat tidak usah lagi mengisi artikel sobat dengan Link artikel lain dengan manual dan pastinya sangat menghemat waktu. Langusng saja kita cari tahu cara membuatnya berikut ini.
1. Pertama Buka blog sobat > Pergi ke menu Template > Edit HTML > lalu Cari kode ]]></b:skin> atau </style> setelah itu Salin script dibawah ini dan taruh di atas ]]></b:skin> atau </style>
]]></b:skin> atau </style>
/*RelatedPost*/
.post-terkait{display:block;position:relative;background:#fff;padding:0;margin:15px auto 20px;width:100%}.post-terkait h4{background:#07ACEC;padding:7px 10px;display:inline-block;font-size:12px;text-transform:uppercase;color:#fff;border-radius:3px;line-height:normal;border:0}.post-terkait h4:before{display:none}.post-terkait ul{margin:0;padding:0}.post-terkait ul li{list-style:none;padding:1px 0;line-height:1.5em}.post-terkait a{color:#07ACEC;font-size:13px}.post-terkait a:hover{color:#000;text-decoration:underline}
2. selanjutnya cari kode <data:post.body/> ( yang kedua jangan yang pertama ) , Jika sudah ketemu maka hapus kode tersebut dan ganti dengan script dibawah ini
<data:post.body/>
<div expr:id='"post1" + data:post.id'/>
<div class='post-terkait'>
<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=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='"post2" + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<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/3);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
3. salin kode dibawah ini tetap di atas </head>
<b:if cond='data:blog.pageType == "item"'> <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> </b:if>
4. Terakhir simpan Template dan lihat hasilnya.
Demikianlah tutorial mengenai Cara Membuat Recomendasi Post Otomatis Dalam Postingan, yang harus sobat ketahui. Semoga dapat memberikan ilmu yang bermanfaat dunia dan akhirat.
0 Komentar