Sunday, November 7, 2010

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??matahari
Terimakasih Atas Kunjungannya
Judul: Cara Gampang Memasang Artikel Terkait Di Blogspot/Blogger
Ditulis oleh winarno adhi Prasetyo
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

3 komentar:

Cerita Dewasa said... Balas Komentar

Terima kasih informasinya. Nanti kapan-kapan dicoba kalau pas punya blog di blogspot :D

azhari said... Balas Komentar

wah tips nya sangat menantang, tapi saya masih pikir2 dulu untuk tips yang satu ini...

tanya; kalau cara pasang iklan google dalam blog bhsa Indonesia seperti pada blog ini bagaimana??. by www.bangngangan.com

Wienz said... Balas Komentar

@cerita dewasa
thanks gan...

@azhari

coba baca

http://tukangblog.blogspot.com/2010/11/cara-menampilkan-google-adsense-di-blog.html

Post a Comment

Komentar anda sangat berguna untuk perkembangan blog anda dan blog ini. Anda mendapat backlink GRAATIS , Silahkan Berkomentar...

 
Copyright © tukang blog
Designer : belajar internet