Info Baru
Hosting Unlimited Indonesia

Cara Pasang Widget Artikel Terkait (Related Post) Blogger

jogjamitsubishi jogja kredit murah mitsubishi all new pajero sport wilayah jogja jateng delaer resmi mitsubishi jogja


Cara Pasang Widget Artikel Terkait (Related Post) Blogger. Mungkin beberapa kalian pernah membuka sebuah postingan dimana dibawah postingan terdapat link-link artikel yang terkadang saling berkaitan maupun tidak, nah itu yang dinamakan Related Post atau Artikel Terkait.


Nah kenapa ini perlu??? Karena dengan adanya fasilitas ini di blog akan mempermudah pengunjung dalam melihat postingan yang lain di blog tersebut serta tentunya meningkatkan SEO Blog itu sendiri menjadi Friendly . Maka related Post (artikel terkait) sangat penting dan wajib ada diblog kalian.

Contoh Related Post atau Artikel Terkait di blankON-ku


Cara Pasang Related Post (Artikel Terkait) :

1. Langkah pertama tentu Login ke blogmu
2. Klik menu template lalu pilih Edit HTML
3. Centang Expand Widget Templates
4. Cari kode <data:post.body>
5. Copy kode dibawah ini letakkan dibawah <data:post.body> 

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>

<h3>Jangan lupa baca juga artikel dibawah ini :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
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;data2007&#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>
</span></div>
</b:if>
6. Jangan lupa SAVE ya

Kalian bisa merubah font atau judul dari Related Post diatas sesuai kesukaan kalian

NB : sebelum kalian merubah (menambahkan/mengurangi) kode di menu HTML Blog terlebih dahulu backup template blog nya




10 Postingan Terbaru :

9 Responses to "Cara Pasang Widget Artikel Terkait (Related Post) Blogger"

  1. sipp gan...
    baru saya mau masangnya (y)

    ReplyDelete
  2. terimakasih buat infonya gan.
    klw berminat silahkan mampir ke blog saya http://yogi-artha.blogspot.com/

    ReplyDelete
  3. terimakasih boss, gimana kalau gak ada di html saya.

    ReplyDelete
  4. Waw keren kk blognya mantap
    jangan lupa berkunjung ke tmpat saya yah

    http://zf-rizal.blogspot.com

    ReplyDelete
  5. ijin copy codenya gan... saya lagi nyari2 untuk dipasang di blog saya.

    sebelumnya makasih gan.

    ReplyDelete
  6. mantap gan. ijin sedot ilmunay
    http://curhattekeh.blogspot.co.id

    ReplyDelete
  7. mantap postingannya gan. mau tek praktekin

    ReplyDelete