Cara Membuat Related Post

Posted by Gani Mugni Sabtu, 31 Maret 2012 0 komentar
Related post adalah bagian penting dari blog yang berfungsi memberi rujukan artikel yang mirip atau terkait dengan artikel yang di baca. dengan begitu berarti pageview blog sobat akan lebih meningkat. Satu lagi yang perlu sobat ketahui tentang kegunaan related post ( artikel terkait ) yaitu nantinya blog sobat akan kelihatan keren. lihat aja blog gue.. keren kan???  ( sombong banget ni admin ) hehehe...




Kali ini saya akan share tentang cara pasang related post blogger. Hasilnya nanti akan jadi sama seperti relatedpost di blog ini.. Bagi sobat yang tertarik silahkan ikuti tutorial berikut.

Blogger Related Post

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit html --> centang kotak expand template widget.
3. Letakkan kode berikut di atas kode ]]></b:skin>

.rbbox{border:1px solid #F2F2F2; padding:px; font-family:"Julee"; font-color:#000; background:#ffffff; border:; margin:;}
.rbbox:hover{background}

4. Letakkan kode berikut di bawah kode <data:post.body/> ( gunakan Ctrl + F untuk memudahkan pencarian )
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:; 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 = 50;
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>

5. Klik save dan lihat hasilnya..

sekian posting tentang Blogger Related Post... semoga membantu




MobGold Banner 468x60
MobGold Banner 468x60
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Related Post
Ditulis oleh Gani Mugni
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2012/03/cara-membuat-related-post.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.