English French German Spain Italian Dutch
Translate Widget by Google

2.11.09

Buat Artikel Terkait dengan Fungsi Scroll

Langsung aja kita coba bikin artikel terkait dengan fungsi scroll:
Biasakan simpan dulu template sobat sebelum edit HTML,

Masuk ke tata letak dan edit HTML,
sobat cari kode ini : <data:post.body/>

Jika ada dua ( karena udah pasang read more ), sobat pilih yang kedua

Letakkan kode script di bawah ini tepat di bawah <data:post.body/>
Pada sebagian template ada yang memasang kode ini di atas <data:post.body/>


copypaste kode ini


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</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>


Kemudian sobat cari kode ]]></b:skin>
Letakkan kode di bawah ini di atas kode ]]></b:skin>


.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #083E00;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(0, 0, 0);}


Nah, simpan lalu kita lihat hasilnya..
Bookmark and Share


Berita Terkait :

1 komentar:

junior on 23 Maret 2011 18.56 mengatakan...

it's work guys.. thanks

Posting Komentar

Ini adalah blog doFollow, mohon PENGERTIANNYA ya..
Klo ada salah, mohon diingatkan.. makasih dah berbagi

 
TOP Commentator
Comment Terbaru
TUKERAN LiNK

Lebih Cepat pake | Mozilla Firefox