Dalam artikel ini Saya akan menunjukan bagaimana
Cara Membuat Artikel Terkait Dibawah Postingan Blog Anda, seperti yang terdapat pada kebanyakan blog para blogger Indonesia, Khususnya Saya yang telah memasang Artikel terkait dibawah postingan blog Saya ini.
Keuntungan Anda memasang artikel terkait adalah, bahwa pengunjung mungkin saja membaca judul artikel Anda yang menarik bagi mereka sehingga mereka langsung tinggal klik saja tanpa harus mencari cari artikel yang dia inginkan. Maka dari itu ikuti langkah
Cara Membuat Artikel Terkait Dibawah Postingan Blog Anda berikut ini :
1. Log in pada Blogger Anda
2. Masuk pada halaman dashboard Anda
3. Pilih Template, Lalu Klik Edit HTML
4. Cari Kode :
</head> (supaya mempermudah menemukan kode tersebut ketik Ctrl+F secara bersamaan dan masukan kode
</head>)
5. Copy dan Paste Kode Di bawah ini tepat di atas 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>
6. Setelah itu Anda cari kode
<data:post.body/> (Tekan Ctrl+F Untuk mempermudah)
7. Anda akan menemui 2 Kode
<data:post.body/> dan Copy kode dibawah ini,
Catatan : saran saya pilihlah yang kedua dan letakan tepat dibawah
<data:post.body/>. Jika gagal dan tidak ada perubahan silahkan lakukan hal yang sama pada kode
<data:post.body/> yang pertama.
<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=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>
Untuk lebih jelasnya bisa Anda lihat gambar dibawah ini :
8. Jika sudah Silahkan Simpan Template / Save.
Lihatlah hasilnya pada Blog Anda, Selamat mencoba, dan jangan lupa berikan komentar Anda. Terimakasih sudah mengunjungi blog saya.