Kukuh Cakra Darma

Cara Memasang Related Post Dengan Fungsi Scroll

Hai kawan, kembali lagi saya mengupdate blog saya. Lihat pada gambar
Berikut adalah gambar Artikel terkait dengan fungsi Scroll.. Cara membuatnya hampir sama dengan Cara Memasang Related Post.Yang membedakan hanya trik ini lebih hemat tempat dan higienis hehe.. Oke langsung saja Pertama Login ke blog anda --> Rancangan --> Edit HTML klik untuk memberi tanda centang pada Expand Template Widget.
Next Cari kode  
<data:post.body/>
. Gunakan F3 atau Ctrl + F
* Jika anda sudah menggunakan read more pada template sobat, maka anda akan menemukan 2 kode <data:post.body/>
Kemudian, Letakkan kode berikut pada <data:post.body/> yang kedua.
* Jika anda sudah pernah menggunakan Related Post (Artikel Terkait) yang biasa, hapus saja kode itu dan ganti dengan

<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>
Next, letakkan kode berikut diatas kode ]]></b:skin>


.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);}
 * Anda dapat mengedit edit kode diatas jika anda mahir bermain CSS.
Sekian, Semoga Bermanfaat. Terima kasih.



Artikel Terkait:

3 Comments:

isal | 27 September, 2010 22:38 | [Reply]

makasi sob telah berbagi...

jadi sedikit lebih pinter dh nih...,,hehee...

Kukuh Cakra | 28 September, 2010 16:54 | [Reply]

@isal hehe, sama sama gan

Unknown | 27 March, 2016 18:56 | [Reply]

om motherboard tipe amptron ane kan processornya pentium 4 bisa di ganti gak sama yg lebih baru yg core atau yg lainnya

Post a Comment | Classic Comment's Form