Sunday, May 4, 2014

Cara Membuat Related Post Simple dan Ringan


Salam kenal dari saya kali ini saya akan memosting tentang Cara Membuat Related Post Simple dan Ringan. knp saya memosting Cara Membuat Related Post Simple dan Ringan ? karna Sesuatu yg ringan itu berhubungan dengan SEO langsung aja.

  • Langkah awal pastinya login ke akun blogger anda.


  • Langkah ke2 edit HTML



  • Langkah ke3 cari kode ]]></b:skin> jika sudah ketemu salin kode di bawah ini dan letakan di atas kode ]]></b:skin>


.rbbox_blitarian4rt{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox_blitarian4rt:hover{background-color: #EFFBEF;}
.rbbox_blitarian4rt ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/007.png) no-repeat 0px 0;
margin-left : -10px;padding-top : 0;padding-right : 0px;padding-bottom : 1px;padding-left : 20px;margin-bottom : 5px; line-height : 1em; border-bottom:1px dotted #cccccc;}


  • Langkah ke4 cari kode <data:post.body/> jika sudah ketemu salin kode di bawah ini dan letakan di bawah kode <data:post.body/> tapi ingat pilih kode <data:post.body/> yang ke2


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox_blitarian4rt'>
<div style='margin:0; padding:10px;height:150px;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 = 15;
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>


  • Langkah ke5 Save TEMPLATE anda.


CATATAN : 
Anda dapat mengubah kode warna pada background-color: #F2F2F2 dengan kode warna yang anda inginkan untuk kotak related post,background-color: #EFFBEF untuk warna background ketika disorot kursor.
Anda juga dapat mengubah angka pada maxNumberOfPostsPerLabel = 50 untuk mengatur jumlah artikel terkait yang akan ditampilkan,dan angka pada maxNumberOfLabels = 3 untuk mengatur jumlah artikel terkait yang ingin ditampilkan

jika langkah2 di atas sudah anda ikuti dengan baik dan benar hasil nya akan seperti gambar di bawah ini


mungkin hanya ini saja untuk Cara Membuat Related Post Simple dan Ringan semoga trik di atas bermanfaat buat mas mas semua.

Cara Membuat Related Post Simple dan Ringan Rating: 4.5 Diposkan Oleh: kah vin

0 komentar:

Post a Comment