Cara Membuat Artikel Terkait (Related Post) Pada Blog

Pada postingan yang ke-21 ini akan membahas tentang Cara Membuat Artikel Terkait (Related Post) Pada Blog
Sebenarnya apa sih fungsunya Cara Membuat Artikel Terkait (Related Post) Pada Blog?
Fungsinya untuk menampilkan postingan anda yang terkait berdasarkan label yang anda berikan pada postingan yang tertampil tersebut
Mungkin ini juga bermanfaat juga, karena visitor bisa melihat beberapa postingan anda dan merasa nyaman berada di blog anda
Masih penasaran seperti apa?
Lihat langsung ke TKP
Mengingat seberapa pentingnya Cara Membuat Artikel Terkait (Related Post) Pada Blog ini, pasti anda ingin menampilkannya bukan?
Nah bagi yang ingin mencobanya mati ikuti tutorial di bawah ini :

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode <data:post.body/></b:if> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

<!--related post--><br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='similiar'><div class='widget-content'><h3>Artikel Yang Sejenis</h3><div id='data2007'/><br /> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div></div></b:if><br /> <!--related post-->

7. Kemudian paste DI BAWAH kode <data:post.body/></b:if>
8. Jangan lupa disimpan


Sekian tutorial tentang Cara Membuat Artikel Terkait (Related Post) Pada Blog
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Jangan Lupa Untuk Membaca Juga Yang Ini