Membuat Related Post Berdasarkan Label Blog

|| || || 5 komentar


Tutorial | Membuat Related Post Berdasarkan Label Blog, Related Post dalam bahasa Indonesia berarti Post yang terkait atau post yang berhubungan. Related Post adalah salah satu fitur blog yang befungsi untuk menampilkan post yang berkaitan atau post yang berhubungan dengan artikel yang di buka. Memasang Related Post atau memasang Artikel Terkait pada blog sobat blogger akan membuat pengunjung blog bisa lebih lama menghabisakan waktu di blog kita. Karena kita sudah menyuguhkan mereka bacaan atau artikel yang ada kaitanyya dengan artikel yang mereka baca atau cari. jadi page view makin bertambah , hoho

Cara Membuat Related Post atau Cara Pasang Related Post :
  • Sobat blogger login dulu di blog sobat 
  • Di bagian dashboard--> Klik Layout- -> Klik Edit HTML 
  • Kasih tanda centang pada Expand Widget Template 
  • Copy kode berikut : 
<!--Related Post javascripts start from here-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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;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>
</div>
</b:if>
<!--Related Post javascripts End here--> 
  • Paste kode tersebut setelah kode <data:post.body/> (Kalau sobat blogger sudah memasang fitur Read More, Sobat blogger harus paste kode tersebut setelah kode Read More
  • Save Template sobat.
sekian posting Blogger Tutorial kali ini, semoga bermanfaat :)

/[ 5 komentar Untuk Artikel Membuat Related Post Berdasarkan Label Blog]\
Fatih Kharisma Sufi said...

kodenya diletakkan dimana gan ?
di bawah / di atas kode apa ?

adji sukmana said...

diatas sudah ada gan., bawah sendiri nomer 2, soalnya script tidak bisa di tulis di kolom komentar.,

Muhammad Nafarin said...

knapa widgetnya gak pakai gambar gan ?
seperti punya agan ini ?

oh ya, follow balik blog aku gan..
sekalian google plusnya jg ya..
thanks ..

mnafarin.blogspot.com

Apk Baru said...

mantep tutorialnya gan,, simple dan mudah di mengerti... nice post

Phuong Anh Nguyen Thi said...

your post showed main imformation and that easy to readers and biefly that is good post many thank. lagu terbaru

Post a Comment