> Warung Bebas

Cara Membuat Artikel Terkait Menggunakan Scroll

Cara Membuat Artikel Terkait Dengan Scroll Box


Artikel Terkait adalah Widget bagus Untuk Blog. Dengan memasang ini, Pengunjung akan mudah menavigasi Blog kita.
Berikut cara membuat artikel terkait dg Mode Scroll


1. Masuk Ke dashboard Blogger anda.
2. Klik rancangan -> edit html
3. Klik Expand Widget.
4. Cari kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/> Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.
5. Copy kode di bawah ini dan pastekan  kode diatas <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>



<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='similar'><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><!-- *****************Related Articles by Labels - Take Two****************** --><div class='widget-content related-by-cat'><h3>Artikel Terkait</h3><div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><div id='data2007'/><br/><br/><div id='hoctro' style='display:none;'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u></div><script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 50;var maxNumberOfLabels = 40;

maxNumberOfPostsPerLabel = 40;maxNumberOfLabels = 40;



function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);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 &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}function search10(query, label) {

var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);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 = &quot;<data:label.name/>&quot;;

var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div></div>
</div></b:if>

NB : Tulisan yang berwarna Merah Bisa Diganti Sesuai Keinginan.



Cara Membuat Artikel Terkait Menggunakan Scroll 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Share 'Cara Membuat Artikel Terkait Menggunakan Scroll' On ...

Ditulis oleh: Arya Dharma - Sabtu, 05 Mei 2012

2 komentar untuk "Cara Membuat Artikel Terkait Menggunakan Scroll"