Buat Artikel Berkaitan yang bisa discroll pada blogger

Menambahkan Related post atau bahasa lainnya artikel yang berkaitan di blog bisa dibilang wajib bagi blogger mania, bagaimana tidak? agar konten blog anda banyak dibaca, perlu untuk memperlihatkan artikel-artilkel yang masih mempunyai kaitan/ Berkaitan satu sama lain. Oleh karena itu menurut saya, dirasa sangat perlu untuk dipasang artikel yang berkaitan.Nah, sobat Blogger, Bagaimana cara buat Artikel Berkaitan (Related Post) di blogger? mari kita lihat cara-cara dari para master blog dunia maya yang sudah memberi ilmunya pada saya..
Artikel yang berkaitan nantinya akan disusun berdasarkan label yang telah kita terapkan pada masing-masing postingan.. Cekidot..gan!

cara menambahkan Artikel yang berkaitan di blogger

1. Login ke Blogger anda, masuk ke"Rancangan --> Edit HTML --> centang kotang (expand widget template)", setelah itu cari kode
   <p><data:post.body/></p>
2. copy Script di bawah ini
   <br /> <b:if cond='data:blog.pageType == "item"'><br /> <H2>Artikel Berkaitan:</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><br /> </div><script type='text/javascript'>RelPost();</script><br /> </div></b:if><br />
   Paste atau tempel setelah(dibawah) kode yang saya sebutkan pada no 1
   (jika terdapat dua buah kode <p><data:post.body/></p>, maka paste script setelah kode yang kedua)
   
3. Temukan script
   ]]></b:skin>
4. copy script dibawah ini :
   /*-- Artikel Berkaitan--*/<br /> .rbbox{border: 1px solid #D8D8D8;padding: 5px;<br /> background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}<br /> .rbbox:hover{background-color: #EFFBEF;}
   kemudian paste diatas script yang telah disebutkan pada no 3
   (catatan: warna background related artikel diatas adalah biru. jika warna tersebut tidak matching dengan paduan warna blog, bisa di edit bagian {background-color: #EFFBEF;}. Ganti kode warna #EFFBEF dengan kode warna html yang anda sukai..

oce. sekian dulu nulis arsip.. he he.. cuman untuk pakek pelengkap konten blog ajja..

salam..

Artikel yang Berkaitan :