Pasang Artikel terkait plus scroolbar2

Jika sobat berkunjung ke tempat blogger sobat lain pasti banyak banged
yang memasang artikel terkait atau related post.
tapi kalo related post yang ini yang seperti saya pakai sekarang.
hehe.
dari related post ini sangat banyak gunanya .
bisa untuk memperbnyak pengunjung supaya mereka tidak pergi dari blog 
kita karna pasti penasaran banged sama postingan terkait yang ada di 
bawah ini.hehe
gak cuma itu aja sob masih banyak lagi, biasanya makin banyak pengunjung
alexa rank makin tinggi.
dan kalu page rank tinggi kan enak bisa masuk peringkat 10 besar di google
ya seperti blog saya ini walaupun newbie banged tapi ada juga lho yang
dapat nomor 1 di google contohnya blog saya yang masuk nomor 1 di google
bisa sobat lihat disini.
bukan maksudnya sombong lho sob.hehe.hmm
ane kelamaan ya sob..
yaudah langsung saja kita mulai tipsnya seperti dibawah ini

1. Masuk ke Dashboard , pilih Layout , pilih Edit HTML
2. Sangat disarankan untuk Download Full Template sebagai backup
3. Contreng .. eh centang Expand Widget Templates
4. Cari kode : <data:post.body/> , bagi yg sudah pakai Red more kode ini ada dua, nah ambil saja kode yang pertama
5. Copy kode dibawah ini dan pastekan dibawah kode no. 4 diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
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;albri&#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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>


6. Seterusnya cari lagi kode : ]]></b:skin> , kemudian copy kode dibawah ini dan simpan diatas nya.
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}
7. Tulisan Related Post pada point 5. (warna biru) bisa diganti apa saja misalnya artikel yang berhubungan, artikel terkait dsb.


8. Selesai. Selamat mencoba untuk Pasang Related Post Dengan menggunaan Fungsi Scroll ini .
(saungweb)

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.




Artikel terkait:

{ 12 komentar... read them below or add one }

ryan basta mengatakan...

wahhh... jadi pengen nyoba.....

ntar mampir di blog-ku ya sob.....

fajarnoverdi mengatakan...

hehe..
silahkan di prktekin soba..

cw mengatakan...

buku tamunya mana sob?

fajarnoverdi mengatakan...

@cw hehe..
ntar mw ane pasang sob..
czz bnyak yg mw ane prbaiki dlu..
thx y sob dh koment

RAGIEL19 mengatakan...

Siplah bos

fajarnoverdi mengatakan...

thx y sob..

Tukang Pamer mengatakan...

wah, bole di coba nih..

fajarnoverdi mengatakan...

@tukang pamer
monggo sob.heheh

Dzulf mengatakan...

Silahkan Saja Bos di HAhahahahahaha

Saung Gadget Blogspot mengatakan...

Mantap boss infonya ..
klo saya mau tanya2 lagi .. standby ya .. hhha :)

Edot Herjunot mengatakan...

thanks mas bro ... sukses tutorialnya ...
hehe

Anonim mengatakan...

thx ilmunya sob..

Posting Komentar

terima kasih telah berkunjung sobat.
Silahkan komentar,kritik dan sarannya
setidaknya tegur sapa.heheh