Cara Membuat Related Post Manual dan Otomatis

Bookmark and Share
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.

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger