Pilih Warna Kesukaan

translation

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.


Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

3 comments: on "Cara Membuat Related Post Manual dan Otomatis"

Akmil said...

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.

Nurulcall said...

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

Agung Ngurah said...

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

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Masukkan EMAIL anda untuk mendapatkan update terbaru dari Nurulcall

Enter your email address:

Delivered by FeedBurner

NURULCALL LINK EXCHANGE
Mau Tukar link silahkan Copy-Paste code HTML dibawah ke blog anda lalu beri commentar di postingan terbaru atau di buku tamu sebagai pemberitahuan secepatnya link anda saya pasang tanks.

NurulCall

Photobucket

BENNER NURULCALL

LINK NURULCALL

BUKU TAMU

Silahkan Komentar Disini Setelah Anda Tukar Link