Pasang Artikel terkait plus scroolbar2

Share

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: