DickeyMaru DickeyMaru
DickeyMaru v7 200k IDR
Guest
Book

Cara Membuat Artikel Terkait Dengan Scroll Box

Author: HarisKhan 17.37 8 Comments

Cara Membuat Artikel Terkait Dengan Scroll Box Artikel terkait tanpa scroll box dapatkan di katakan  terkesan memakan tempat.Untuk menghemat area artikel terkait tersebut kita dapat menghematnya dengan memasang scroll box.berikut gambaran untuk artikel terkati dengan menggunakan scroll box
Cara Membuat Artikel Terkait Dengan Scroll Box
Nah,Berikut Cara Membuat Artikel Terkait Dengan Scroll Box :
1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik exprend widget untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

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>
SELAMAT MENCOBA KOMENTAR YAH.... THANKS
Share and Backlinks
About Hariskhan
Awalnya cuman iseng main blog lama-lama jadi Gimana gitu saya senengngotakngatik,udah aboutnya sekian aja jangan kepo, pliss komentar di Artikel ini Terimakasih
You Might Also Like This
8 komentar (click here to add new comment)
  1. thanks gan infonya,,, saya mau coba dulu.. :D

    BalasHapus
  2. koq punyaku ga ada kode ini ;

    BalasHapus
  3. @Admin maksud nya apaan saya tidak ngerti. aku lihat profil mu kok tidak bisa dilihat ? Eror @Admin mana ?,kalau gitu kalau tidak ada kode ; beda kali kode nya ?????

    BalasHapus
  4. boleh juga nih....tapi ada ga artikel terkait yang pake gambar....

    BalasHapus
  5. Blog saya pada awalnya muncul related post dibawah postingan, tapi sekarang yang muncul adalah recent post. Padahal tidak merubah script related post, hanya melakukan edit utk script lainnya. Moga tutor ini bisa mengembalikan related post saya bisa muncul lagi

    Trims atas berbagi ilmunya :)

    BalasHapus
  6. Share yg bagus sob. Izin coba ya sob?

    BalasHapus

COMMENTS SOBAT :D

Labels

Like (y)

Pengikut

Hariskhanishaq

© 2008-2013 DickeyMaru v7 | design by Dark Ard ???? RedesignHarisKhan | Some Rights is Reserved
Selamat datang! di blog cahaya ilmu semoga artikel disini bermanfaat ^_^ ~