Jumat, 16 November 2012

Membuat Artikel Terkait Dalam Kotak Scrol Bar


Artikel Terkait dalam blog menunjukkan keterkaitan antar artikel yang sedang dibaca dengan artikel yang lain atau artikel sejenisnya, Membuat artikel terkait dapat mempermudah pengunjung untuk mencari artikel yang dibutuhkan, berikut akan saya uraikan cara membuat artikel terkait dalam kotak scroll bar, ikuti langkahnya
1. Masuk Ke akun Blog
2.Masuk ke dashboar blog
3.Klik Edit HTML

4.Centang Expant
5.Cari Kode <data:post.body/>     (Gunakan  ctrl f ) Untuk mempermudah
6.Copy dan paste kan kode dibawah ini tepat dibawah <data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Menarik:</H2>
<div class='rbbox'>
<div style='margin:0; padding:15px;height:150px;overflow:auto;border:5px 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>

7.Simpan Template dan lihat hasilnya

Catatan : Sobat boleh ganti angka dan tulisan warna biru sesuka hati sobat

Semoga Berhasil
Baca Juga Artikel Menarik Dibawah Ini :
Dapat uang melalui internet

~ Team Penerbit ~ prabu ~ Jobs Police RI ~ Blogger Indonesia Raya ~

Prabu Helau DinataPenulis » prabu

Anda Telah Membaca Artikel Ber Judul » Membuat Artikel Terkait Dalam Kotak Scrol Bar Label » Home » Prabu Helau Dinata

Terimakasih Atas Kunjungan Sobat Ke Blog Ini. Tinggalkan Jejak Dengan Cara Berkomentar Jangan Segan Untuk Kembali Bila Ingin Membaca Artikel Menarik terbaru Lainnya, Andai Menurut Sobat Artikel Ini Bermanfaat Silahkan Share Via Share Button Diatas, Bila Sobat Berniat Share Dengan Cara COPAS, Di Mohon Untuk Menyertakan Link Sumber Dibawah

:: Get this widget ! ::

0 komentar:

Posting Komentar

Warning !!!!!! Dilarang Meninggalkan Link Aktif Di Isi Komentar, Dilarang Menggunakan Kata/Kalimat Atau Nama Berbau Porno & SARA



◄ Posting Baru Posting Lama ►