Si Tukang Copas - Selamat malam sobat blogger. Apa kabarnya nih? Pasti baik-baik saja
kan. Oke, karna sobat blogger baik-baik semua, sekarang saya akan share
artikel maengenai Cara Membuat Artikel Terkait Dibawah Postingan.
Kegunaan dari artikel terkait ini selain untuk mempercantik blog sobat,
keuntungan lain yang didapat sobat adalah mendapat pageview pengunjung
blog sobat. Selain itu, kegunaan yang paling utama dari Artikel Terkait
ini adalah, untuk mempermudah pengunjung blog mengetahui artikel-artikel
yang sobat buat dan membaca artikel-artikel di blog sobat. Sebagai
contoh, jika ada pengunjung blog sobat yang membaca artikel yang sobat
buat dan melihat widget ini dan ada artikel yang menarik untuk diketahui
atau dibaca pengunjung, pengunjung blog sobat pasti akan mengklik
artikel tersebut, dan seperti yang saya jelaskan diatas, ini bisa
menjadi keuntungan untuk sobat menambah pageview sobat.
 |
| Contoh Artikel Terkait |
Baik,
itu penjelasan saya mengenai artikel terkait, Bila ada kata-kata atau
penjelasan yang kurang sempurna silahkan sobat tambahkan sendiri.. hehe
:)
Jika sobat tertarik menggunakan widget ini, silahkan sobat ikuti langkah-langkahnya :
- Login ke akun blog sobat.
- Pilih Template =>> Edit HTML. (Saya sarankan untuk backup dulu template sobat untuk menghindari hal-hal yang tidak diinginkan)
- Sobat cari kode ini <div class='post-footer'>
Untuk mempermudah pencarian gunakan Ctrl+F di kotak Edit HTML.
- Copy kode berikut, dan letakan di atas kode <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong>
<div class='rbbox'> <div style='margin:0;
padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/> <script type='text/javascript'> var
homeUrl3 = "<data:blog.homepageUrl/>"; var
maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100; 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('ardi33').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> <script
type='text/javascript'>RelPost();</script></div>
</div> </b:if>
- Simpan Template dan lihat hasilnya.
Catatan :
- Jika Artikel Terkait Tidak muncul, silahkan Paste kodenya di kode no 3.
- Jika sobat ingin mengganti kata "Artikel Terkait" dengan kata-kata sobat, silahkan ganti kode yang saya beri warna Biru.
Sekian artikel tentang Cara Membuat Artikel Terkait Di Bawah Postingan Blog.
Semoga artikel yang saya buat ini dapat berguna dan bermanfaat buat
sobat blogger yang membutuhkan. Jika berkenan, silahkan tinggalkan
komentar di kolom komentar atau di chatbox. Terima kasih dan Salam
Blogger.
Title : Cara Membuat Artikel Terkait Di Bawah Postingan Blog
Description : Si Tukang Copas - Selamat malam sobat blogger. Apa kabarnya nih? Pasti baik-baik saja kan. Oke, karna sobat blogger baik-baik semua, seka...
