Cara Membuat Related Post di Blogger/ Blogspot

Assalamualaikum Warahmatullahi Wabarakatuh...
 Related Post. Siapa sih yang nggak tahu fitur ini, selain untuk memperkeren blog, Related Post atau Artikel Terkait ini juga bisa menarik minat pengunjung. Pastikan sebelum anda memasang script ini label/category di blog anda udah tersusun rapi, karena script ini akan bekerja dengan baik jika label tersusun rapi. Berikut adalah langkah-langkah untuk membuat Related Post:

1. Login ke Akun Blogger.

2. Buka Blogger  Template.
3. (Opsional) Untuk jaga-jaga jika terjadi kegagalan, nggak ada salahnya kita backup dulu template blog kita dengan cara klik Cadangkan/Pulihkan > Kemudian klik Unduh template lengkap.

4. Klik Edit HTML.
5. Centang "Expand Template Widget".
6. Lalu cari kode </head>, untuk mempermudah gunakan Ctrl + F sebagai alat untuk mencarinya.
7. Setelah ketemu, letakan script dibawah ini tepat diatas 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> 

8. Cari kode <data:post.body/>, lalu letakan script dibawah ini tepat dibawah kode <data:post.body/>:
<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=15"' type='text/javascript'/> </b:if> 
</b:loop> 
</b:if> 
<b:if cond='data:blog.pageType == "item"'> 
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4> 
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels(); 
</script> 
</b:if>
9. Klik Simpan template, lalu liat hasilnya.


Sekian tutorial dari saya, semoga bermanfaat...

Jika ada pertanyaan silahkan curat coret di kolom komentar...
Wassalamualaikum Warahmatullahi Wabarakatuh...


EmoticonEmoticon