ads
Home » » Membuat Related Post Dengan Scroolbar

Membuat Related Post Dengan Scroolbar

Written By Ramadhan Fnw on Oct 21, 2011 | 2:42 PM

Kesempatan kali ini saya akan share cara membuat RelatedPost/Artikel Terkait seperti yang ada di blog ini. Oke langsung saja kita mulai steps-by-steps membuat related post dengan scroll

Pertama login akun blog kalian
Masuk ke "Rancangan"
Pilih "Edit HTML"
Lalu centang "Expand Template Widget"
Cari kode ini
<p><data:post.body/></p>
Jika tidak ketemu cari kode dibawah
<data:post.body/>
Nah, untuk kode yang kedua ini mungkin kalian akan menemukan 2 atau 3 kode tersebut. Saran saya letakkan saja kode yang akan saya berikan di kode yang kedua.

Ini kodenya.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:2px dotted #000000;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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>
Ganti teks berwarna biru dan merah sesuai keinginan kalian.
Selesai, Klik "SIMPAN TEMPLATE" dan lihat hasilnya.. Good Luck. :)
Share this article :

14 komentar:

Rama88 said...

kalau mau tukeran link, pasang link saya, nanti saya pasang balik, thx

Share Our Knowledge said...

@Rama88: sudah terpasang sob,, pasang link saya yaa. thx

Musa Khairul Umam said...

Boleh juga nih :D

Share Our Knowledge said...

@MUSA KHAIRUL UMAM: IYA,, :D

Shinobi Caemk said...

ga buat blog jadi lambat kan nih sob ???? :)

btw tukar link yuck, linknya udah saya pasang di blogroll ,backlink yaaCh sob .. :)

Varief blog said...

wah patut di coba nih :D

Share Our Knowledge said...

@Shinobi: oke sob,, link sudah terpasang :)

Share Our Knowledge said...

@Varief blog: silahkan sob,, :D

Cheshare : V_C_A said...

[Link Exchange]
link agan udah ane pasang di scrollbar

Share Our Knowledge said...

@CheShare: okee, thnks sob,,
link sobat juga sudah terpasang :)

Dayz said...

mntep ini, make scrollbar biar ga makan tempat^^
mntep bgt jurusnya :D

Share Our Knowledge said...

@dayz: hehe, thx

Uda Cucanto said...

@Agan-Aganwati Aye Punya Tantangan Nih!

http://tentangduniadanweb.blogspot.com/2011/10/silahkan-masuk-kalau-bisa.html

Siapa Yang Bisa Menyelesaikan Tantangan Tersebut Dapat Hadiah Lho!!

Hadiahnya Saya Akan Memberikan Review Tentang Blog Anda!

Ayo Silahkan Dicoba
Sekalian Asah Kepintaran
Kalau Bisa Pasti Anda Punya Skill Untuk Mjdi Hacker

Tantangan

Share Our Knowledge said...

Uda Cucanto: oke" ane coba. :D

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger