Related Post with Roll (Artikel Bersangkutan dengan Roll)

Oleh Ade Sanusi

8.30.2008

Bagikan :

Tweet

Artikel terkait blogger teman teman pastinya membutuhkan banyak tempat kan... jadinya berantakan...? Apa lagi jika Kategori dan Artikel bersangkutan makin banyak Pasti Gak Rapih jadinya....!!. Ha ha ha :D kali ni [Dunia Blogger] menampilkan Artikel yang Unik Lagi nih... mudah-mudahan membantu yaitu Related Post with Roll (Artikel Bersangkutan dengan Roll) Pastinya Sudah banyak Teman teman yang Sudah Tau donk atau sudah memasang Artikel Terkait/bersangkutan di Blogger, Nah.... Gimana kalu Sekarang ganti dengan yang Ini...? mau ga...?

Berikut Kode Yang Saya Berikan:
<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <!-- *****************http://blogger.com*****Jan,2007****************** --> <!-- *****************Related Articles by Labels - Take Two****************** --> <!-- 1. Now, users don't need to change anything to use this widget. just copy and paste, and done! 2. The current article will also be listed, now it's no more. --> <div class='widget-content'> <h3>Related Posts by Categories</h3> <div style='border: 2px solid rgb(51, 255, 51); overflow: auto; width: 510px; height: 160px;'> <div id='data2007'/></div> <div id='Scrapur'> Widget by <u><a href='http://scrapur.com'>Scrapur</a></u> -: With Roll by: Ade Sanusi :- [<a href='http://dunia-blogger.blogspot.com'>Dunia Blogger</a>] </div> <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('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>
Selanjutnya Silahkan masuk Ke Edit HTML dan Cari Kode <data:post.body/> kemudaian Copy Paste kode Atas dan pasang di Bawah kode <data:post.body/>


Untuk melakukan Pengaturan Besarnya Roll, Silahkan Cari Kode di bawah ini:
<div style='border: 2px solid rgb(51, 255, 51); overflow: auto; width: 510px; height: 160px;'> 
dan Silahkan ganti nilay 510 untuk Lebar dan 160 untuk Tingginya.... adapun, Pengaturan kode seperti di atas sudah pernah di bahas di Blog Roll ala youTube, Roll Pada Widget label ataupun Roll pada widget Archive

Nah Adapun hasilnya bisa di lihat pada gambar di bawah ini:

 

Nah Lebih Simple dan Gak perlu banyak Tempat kan..... Oke makasih banyak yah Udah baca Artikel ini :d dan Kalau bersedia jangan lupa berkomenter... :) Ide muncul dari mana aja, Tapi taukah anda bahwasanya Mencoba dan Memaksimalkan IDE itu yang lebih penting... thx for Scrapur.com atas Widgetnya /* Mohon maaf Widgetnya saya modifikasi */ :d dan Buat teman teman Blogger yang selalu setia Mampir dan berkomentar di Dunia Blogger,

Tag : Dunia Blogger, Tips and Trik, Tutorial, Unik, Widget