Cara Membuat Related Artikel/Artikel Terkait Tanpa Gambar Di Bawah Blog. Kegunaan Related Artikel atau Artikel terkait ini tidak hanya mempercantik Blog, tapi yang lebih penting dari itu adalah Untuk meningkatkan Page View Blog sobat. selain itu pengunjung / Visitor juga bisa mengetahui artikel artikel sejenis yang ada pada blog sobat. sebagai comtohnya adalah jika pengunjung membaca artikel sobat tentang Tips Blog, maka pada kolom Related Artikel/Artikel terkait nanti juga akan menampilkan Artikel tentang Tips Blog. dan biasanya kolom Related artikel/Artikel Terkait ini secara otomatis muncul berada di bawah Posting blog. Oke sepertinya Cukup Mudah untuk memahami apa itu istilah Artikel terkait / Related artikel pada blog. langsung saja ikuti tutornya di bawah ini :
Cara Membuat Related Artikel/Artikel Terkait Tanpa Gambar Di Bawah Blog.1. Silahkan berdo'a sesuai agama dan kepercayaan Masing Masing. hehee..
2. Login ke Account Blogger Anda.
3. Pilih Template.
4. klik Edit Html.
5. Cari kode seperti ini <data:post.body/> biasanya kode ini ada 2 di template, usahakan untuk memilih yang no 2 ya.
Ingat : Setiap Blogger yang mau Meng Edit template wajib untuk MemBackUp template dulu. hal ini di lakukan Untuk mengantisipasi jika Edit yang kita Lakukan ternya malah bikin kacau, Maka kita bisa mengembalikan template seprti sedia kala (sebelum di edit).
6. Copy Kode di bawah ini dan pastekan di bawah kode <data:post.body/>
<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>
7. Selesai. Klik Save /Simpan .
Catatan :
*Kode Warna Biru Bisa Anda sobat Ganti Sesuai keinginan.
Baca Juga:
Cara Membuat Related Post / Artikel Terkait Tanpa Gambar Di Blog
SELAMAT BERKREASI.. HAPPY BLOGGING..
Artikel Terkait
Tidak ada komentar:
Posting Komentar