Pages

Cara Membuat Related Post Manual dan Otomatis

Pagi sobat semua dah pada ngopi, sarapan belum tentunya sudahkan pagi ini Nurulcall mau kasih tips sedikit tentunya untuk blogger setelah kemaren posting Cara Membuat Daftar isi Otomatis sekarang Nurulcall akan posting Cara Membuat Related Post atau lebih singkatnya Artikel terkait soalnya Related Post ini penting gunanya untuk SEO coba bayangkan kalau pengunjung harus klik post lebih lama jadikan susah and ribet kalau ada Related Post atau artikel terkait pengunjung jadi gampang untuk mencari artikel-artikel di websit kita sebenarnya membuat Related Post atau artikel terkait ini ada 2 secara manual atau otomatis jadi terserah anda mau yang manual atau yang otomatis ok langsung saja disimak dibawah ini:


Untuk cara MANUAL:

  • Login ke Blogger klik rancangan edit HTML
  • Cari code seperti berikut  <data:post.body/>  atau lebih mudahnya tekan CTRL+F.
  • Kalau sudah ketemu Copy code dibawah ini:
<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>
  • Letakan code diatas ini tepat dibawah code <data:post.body/> 
  • Terus cari code ]]></b:skin> copy code dibawah ini letakan di atasnya 

.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);}

  • Eeettt jangan buru-buru di simpan sob di pratinjau dulu ya biar nanti kalau salah gak susah kalau sudah ok kemudian simpan templat.

Kiranya cukup sudah Cara Membuat Related Post Manual dan Otomatis selamat mencoba semoga berhasil oooohh iya lupa untuk cara yang Otomatis silahkan kunjungi url berikut LinkWithin silahkan ikuti petunjuknya tentunya anda sudah bisa.

3 comments:

  1. kayaknya udah gak bisa deh gan, soalnya sudah saya coba tetapi masih saja tidak ada related postnya...
    mohon pencerahannya, semoga blog kita makin banyak pengunjung :) amin.

    ReplyDelete
  2. Mungkin Template agan kagak cocok dengan java script ini saya sarankan pakai yang otomatis saja gan kagak ribet2 buatnya tanks sudah berkunjung.

    ReplyDelete
  3. Oke banget mas bro ... page speed insight bisa tetap stabil. Thks

    ReplyDelete