Membuat Related Posts Sederhana

Kali ini saya akan memberikan sebuah tutorial bagaimana
cara membuat Related Posts atau juga Artikel Terkait,
Sebelum saya memberitahu cara nya saya akan memberitahu
apa kegunaannya, Menurut saya sih kegunaan nya gak banyak
tapi manfaatnya sih cukup banyak bagi kita dan bagi blog kita
sendiri, Mengapa ?. Karena jika ada pengunjung yang ingin
berkunjung ke blog kita dan ia ingin melihat sebuah artikel yang kita,
ia tidak perlu mencari artikel yang berkaitan dengan artikel
yang ia baca kini, dia cukup melihat artikel yang sama atau Related Posts nya di bawah
artikel kita, Walaupun cara ini sedikit sederhana, Saya akan memberikan tutorial nya,
Simak tutorial berikut,

• Masuk / Login Dahulu ke Akun Blogger Anda
• Pergi ke Rancanagan / Layout
• Selanjutnya Edit HTML
• Setelah itu jangan lupa Expand Template Widget
• Kemudian, Cari kode berikut, ]]></b:skin> ,
• Lalu Copy Paste kode di bawah ini tepat di atasnya,

Spoiler:

/* related box version box by http://fadhil49.web.id (Learn From Failure) */
.rbbox{-moz-border-radius:5px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMj4m8q6BlOKO6vxT_OXh_neJH5bMCa5ScsTEiP4DlR_X3uJbU9dmILyFQ08X8fe1y_qOe3O5Bi3hwxmD-a1zXHXXGBVH6Z2oOTg8M56sK43bLL6Qrxyty87AFTww-3xTEjHhO6bbOHU53/s1600/Wallpapers.png);border:1px solid #D8D8D8;margin:5px;padding:5px}.rbbox:hover{background-color:#EFFBEF}

• Tulisan berwarna Abu - abu diatas bisa agan ganti dengan link background yang lainnya,

• Setelah itu cari pula kode <data:post.body/> lalu copy dan pastekan kode berikut  ini, tepat dibawahnya:

Spoiler:

<b:if cond='data:blog.pageType == "item"'><H2>Related Post:</H2><div class='rbbox'><div style='margin:0;padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 50;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('albri').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></b:if>

• Dan jangan lupa di SAVE ya