Membuat Related Post Berdasarkan Label Blog

|| || || 30 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 :)

/[ 30 komentar Untuk Artikel Membuat Related Post Berdasarkan Label Blog]\
Anonymous said...

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

Unknown said...

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

Unknown 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

Anonymous said...

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

Unknown said...

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

Rana Nurma said...

kalo buat wordpress gimana ya stafaband

Unknown said...

Yoyr post is give me informatin mp3 gratis

Unknown said...

ijin share ya
berbagai resep makanan , tips dan lowongan kerja ter update
http://www.foodshared7.com/

Unknown said...

i want use this blog on my website,download lagu

Seltra Regi said...

sepertinya sangat membantu. Thanks infonya Gan.. salam dari TV Online
lagu terbaru
Stafaband
Stafaband

Stafaband

curut said...

nice info. link Download lagu di www.awlagu.com

Unknown said...

mp3 gays dairilagu

Unknown said...

nice post
gudang lagu
mp3 download
planetlagu

dikkid said...

very good post, its so useful
download lagu

Informasi sederhana said...

download lagu
download lagu

IDN MUSIC said...

stafaband
Download Lagu

IDN MUSIC said...

Download Lagu MP3
Download Lagu

Gea debby said...

Download Lagu

Seltra Regi said...

download lagu

Akash said...

Thank you for sharing information, I am very interested to read your article.

stafaband
planetlagu

Sejutalagu said...

nice post
(y)

Seltra Regi said...

stafaband
stafaband mp3
Stafaband

Gendun Satrio said...

lagu 123
download lagu gratis
download lagu mp3
mp3 lagu
mp3 gratis

Unknown said...

Stafaband
Stafaband
Stafaband
Stafaband

Agung said...

Stafaband
Stafaband
Stafaband

KentRao said...

Stafaband

Stafaband

Stafaband
Stafaband
Stafaband
Stafaband
Stafaband
Stafaband

Maulanaaa said...

download lagu
download lagu

Seltra Regi said...

download lagu

Berita Islam said...

download lagu
download lagu
metrolagu online

Seltra Regi said...

mp3 gratis

Stafaband

Post a comment