28 Februari 2012

Cara Memasang Related Post di Blog

Cara Memasang Related Post di Blog | Assalamualaikum sobat blogger semua, bagaimana kabranya, hmm akhirnya punya kesempatan mosting lagi nih, seteah postingan terakhir mengenai Biodata Lengkap Afika, setelah beberapa waktu lalu kita membahas mengenai afika, maka kali ini kita akan membahas tutorial blog dalam optimasi SEO,

Kali ini kita kita akan membahas bagaimana Cara Memasang Related Post di Blog. Okey berikut ini caranya :

1. Masuk ke Edit HTML pada akun blog sobat, Jangan lupa di backup dulu yah

2. Centang pada Expand Widget Template

3. Cari kode <data:post.body/> Jika menemukan banyak kode tersebut, gunakan kode yang ke dua yah. kalo masih gagal, cobain lagi kode yang lainnya hehehe

4. Setelah ketemu, copykan kode berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</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 = 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. Kemudian cari kode berikut ]]></b:skin>

6. Udah ketemu? copykan kode berikut di atasnya

/*-- modifikasi related posts oleh http://www.diditrinjano.com/--*/
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

7. Nah, sekarang pekerjaan kita udah selesai, Klik Save dan lihat hasilnya

Nah demikianlah postingan tentang Cara Memasang Related Post di Blog, semoga bermanfaat yah :D

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Memasang Related Post di Blog

1 Komentar:

  1. Trims tutornya gan,,

    Salam kenal.
    Mampir ke blog ane ya gan,,

    BalasHapus

Terimakasih telah meninggalkan Komentar di Didit Blog | Silahkan berkomentar dengan bebas, tidak mengandung SARA | komentar dengan link HIDUP akan dihapus | Terimakasih ^_^