Cara Gampang Memasang Artikel Terkait Di Blogspot/Blogger

Jika anda posting pastinya anda menggunakan kategori. Sehingga memudahkan bagi para pembaca blog anda memilih dan mencari postingan atau konten yang diinginkan pembaca.

Cara memasang artikel terkait ini berhubungan dengan kategori. Sehingga Artikel-artikel yang berkaitan dengan kategori yang sama akan muncul. Dan juga, Artikel terkait ini akan menambah jumlah Page View blog anda. Ada kebanggan tersendiri jika jumlah Page View lebih besar melebihi dari jumlah visitor. Ini menandakan bahwa konten-konten yang anda sajikan dalam blog berguna dan bermanfaat.

Oke langsung saja, ikuti langkah berikut ini:

1.Masuk ke Blogger/login ke dasbord blogger anda.

2.setelah itu masuk ke menu rancangan dan pilih edit Entri.

3.Cek list Expand Template Widget & jangan lupa download terlebih dahulu template nya untuk jaga-jaga bila ada kesalahan.

4. Cari code <data:post.body/> atau bila anda sudah memasang Read More maka akan ada dua code <data:post.body/>

5.Tambahkan kode berikut ini tepat dibawah code <data:post.body/> yang pertama.


<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>


6. Kemudian, cari kode ]]></b:skin>

7. 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);}

8. Simpan Template

Jika berhasil akan terlihat seperti gambar dibawah:



Selesaii...gampang kan??

Terimakasih Atas Kunjungannya
Judul: Cara Gampang Memasang Artikel Terkait Di Blogspot/Blogger
Ditulis oleh Belajar Online Shop
Rating Blog 5 dari 5
Item Reviewed: Cara Gampang Memasang Artikel Terkait Di Blogspot/Blogger
Semoga artikel Cara Gampang Memasang Artikel Terkait Di Blogspot/Blogger ini bermanfaat bagi saudara. Silahkan membaca artikel kami yang lain.

Artikel Terkait