Membuat Related Post

Rizki Prasetyo | 17.17 | 0 comments



kali ini aku akan menjelaskan tentang membuat related post blogger.Seperti Gambar Disamping contoh related post yang akan kita buat.Oh ya sebenarnya apa fungsi related post itu?

Sebenarnya Related Post itu memudahkan pengunjung blog yang datang untuk menemukan artikel-artikel lama yang terkait pada postingan yang sedang ditampilkan.Related post diharapkan juga dapat meningkatkan page view pada blog kita, karena jika pengunjung melihat satu halaman maka akan tampil posting yang berkaitan yang mudah-mudahan Agar pembaca Blog Lebih senang Mampir Ke Blog kita.Manfaat related post lainnya adalah mempercantik tampilan blog agar lebih hidup dan kreatif atraktif smile.Udah Pahamkan oh ya kli ini kita akan belajar membuatnya.Bagaimana Mau???

1.Seperti biasa log in dulu ke blog Anda
2.Pilih Rancangan kemudian pilih Edit HTML jangan lupa centang Expand Template Widget
3.Pada menu edit Html Lalu cari kode berikut <data:post.body/>
4.Ok sudah ketemu bukan,Kemudian Letakkan script dibawah ini di bawah kode diatas ( apabila anda telah membuat read more, biasanya kode ini ada dua. Taruh kode di bawah kode yang pertama ).


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>


<div class='widget-content'>
<h3>Related Posts by Categories</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>

5.Oh ya jangan lupa Klik Simpan Template kawan
6.Selesai

Ket :
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

( Sumber : http://trik-tips.blogspot.com )

Category :

About Blogtyo.com :
Rizki Prasetyo Hutomo seseorang yang cinta sepakbola, namun tidak bisa bermain bola. Biasa dipanggil Rizki atau Tyo. Biasa menulis di kala senggang, tulisannya telah masuk dalam proyek nulisbuku.com

0 comments

Terima Kasih Udah Baca Artikel Blog Tyo. Silahkan berkomentar, bebas dan bertanggung jawab. Oh ya, masih banyak artikel bagus lho di blog ini, ditunggu komentar dan kunjungannya kembali