Tuesday, February 21, 2017

Cara Mudah Membuat Daftar Artikel Terkait di Bawah Postingan Blogger

Ada banyak cara untuk memberitahu visitor blog tentang artikel-artikel lain yang ada di blog selain yang sedang dibaca oleh visitor. Salah satunya adalah dengn meletakan list / daftar artikel terkait dibawah postingan, yaitu daftar dari artikel yang berhubungan dengan artikel yang sedang dibaca oleh visitor. Dengan meletakannya tepat berada di bawah postingan maka setelah visitor selesai membaca artikel pada sebuah haaman akan otomatis melihat daftar artikel yang mungkin dia butuhkan.

list artikel terkait ini sendiri banyak variasinya ada yang dilengkapi dengan gambar ada juga yang berbentuk sederhana hanya menampilkan judul dari postingan. Kali ini yang akan kita buat adalah list artikel terkait yang simpel sehingga tidak terlalu memenuhi halaman dan terkesan clear dan clean.

----- How toMake List of Related Article on your Blogger -----



Berikut adalah langkah - langkah untuk membuat daftar artikel terkait dibawah postingan blogger :

1. Masuk ke akun blogger anda.
2. Masuk ke menu template kemudian edit HTML
3. Dalam kolom HTML cari kode </head> , gunakan ctrl+f untuk memudahkan pencarian.
4. jika sudah ketemu, salin kode berikut tepat dibawah kode </head>

<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>  


( Lihat Juga Tutorial Blogger Lainnya di Daftar Isi Sinauyuk.com )



5. Setela itu cari lgi kode <data:post.body/> salin kode berikut tepat dibawahnya
     **jika ditemukan lebih dari 1 kode 
<data:post.body/> salin kode berikut tepat dibawah <data:post.body/> yang kedua.


<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>  

    **Tulisan Artikel terkait bisa diganti dengan kata-kata anda sendiri

6. Simpan Template





List artikel terkait anda sudah jadi. Jika ada yang igin ditanyakan silahkan tulis di kolom komentar Disqus. Selamat mencoba dan teruslah belajar,,



Jika menurut anda artikel ini bermanfaat silahkan share di media sosial anda, Terimakasih.
Share/Bagikan ke :


Tampilkan Komentar

0 komentar