Wednesday, January 28, 2009

Cara menampilkan Realated post di posting


Keuntungan dari menampilkan artikel terkait( Related post) untuk posting Sobat adalah membantu pembaca atau pengunjung sobat menemukan lebih banyak informasi yang terkait dengan topik. Hal ini berdasarkan label atau kategori dan biasanya muncul di akhir artikel atau posting secara otomatis. Pengunjung atau pembaca sobat setelah selesai membaca artikel sobat, mereka akan menemukan beberapa link yang berkaitan dengan pos berdasarkan label atau kategori.

Berikut adalah tutorial untuk membuat Related post diakhir posting seperti yang saya kutip dari sobat Kendhin: sang master Tips and Tricks Blogspot:

1. Setelah sobat login ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog sobat dan klik Edit Html kemudian centang/beri tanda ceklis pada ' Expand widget template " ( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan )

2.Lalu sobat cari kode seperti dibawah ini

<data:post.body/>

Jika sobat sudah memasang fasilitas Tips memasang READMORE...mempersingkat tampilan postingan dan Tips memasang READMORE-2... sesuai judul posting di template sobat, sobat akan menemukan 2 buah kode yang sama , jadi sobat pedoman aja ke ke kode yang pertama ( seperti contoh kalau di template saya <p><data:post.body/></p>

3.Gimana sobat...? sudah ketemu, kalau sudah ketemu copy kode dibawah ini

<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>

Paste dibawah kode <p><data:post.body/></p>

4. Jika suda klik SAVE TEMPALTE

Silakan sobat lihat hasilnya, semoga berhasil dan sukses
Happy blogging

9 comments:

CIN_TA January 28, 2009 at 3:29 PM  

kalo ada waktu pasti aku coba bang. makasih infonya

Baka Kelana January 30, 2009 at 10:42 PM  

@ CIN_TA : Oke Cin
@ Cebong Ipiet : Sekarang ganti lagi lagi jadi whity2 ..he..he..he..biasa om Cebong suka gonta-ganti warna

saman January 30, 2009 at 11:44 PM  

sudah pernah dicoba lum..????
---
anyway.. TFS. jika OK.. let me know.. thanks

roozkey August 8, 2009 at 5:42 PM  

Nice post Sobat, It work !
Thanks

Paryono Selo September 25, 2009 at 3:30 PM  

Thx,s atas tips ini, Dah aku coba dan Insyaallah berhasil

http://puinters.blogspot.com

ade truna August 6, 2010 at 10:15 AM  

trim's tips saya langsung coba...salam kenal

Blog 'Jujur', suer..... February 19, 2012 at 4:39 PM  

sangat informatif...terima kasih..

Post a Comment

Indahnya berbagi ilmu , Indahnya berbagi komentar

Tips & Trick Blogging

017. Cara menampilkan HURUP RAKSASA di awal paragraf
-----------------------------------------------------------------------
016. Cara menampilkan Realated post di posting
-----------------------------------------------------------------------
015. Tips Ganti Template Blogspot dari Newbie untuk Newbie
-----------------------------------------------------------------------
014. Tip and Trik Mempublikasikan Blog
-----------------------------------------------------------------------
013. Tips Jitu Membuka Toko Online memikat pelanggan
-----------------------------------------------------------------------
012. Tips Dasar Bisnis Paid Review Bagi Pemula
-----------------------------------------------------------------------
011. Triks Membongkar Script Anti-Copy Pada Halaman Web
-----------------------------------------------------------------------
010. 15 Innovative Uses for Twitter (That You Probably Haven't Thought Of)
-----------------------------------------------------------------------
009. Tips membuat Top Post
-----------------------------------------------------------------------
008. 50 Creative Ways To Make Your Blog Popular
-----------------------------------------------------------------------
007. Tips Ampuh Membuat Situs Web Menjadi Mesin Penghasil Uang
-----------------------------------------------------------------------
006. Tips memasang READMORE-2... sesuai judul posting
-----------------------------------------------------------------------
005. Tips memasang READMORE...mempersingkat tampilan postingan
-----------------------------------------------------------------------
004. Triks membuat Form komentar dibawah posting
-----------------------------------------------------------------------
003. Tips settting SEMAT DIBAWAH ENTRI
-----------------------------------------------------------------------
002. Triks membuat RECENT COMMENTS lewat Feed
-----------------------------------------------------------------------
001. Triks membuat READMORE di LANGIT Blogger Template
-----------------------------------------------------------------------

Tips & Trick Fishing

006. Tips Casting Bawal di Kolam
-----------------------------------------------------------------------
005. Hal - hal penting saat mengikuti lomba dikolam pemancingan
-----------------------------------------------------------------------
004. Tips memilih Senar Mancing Berkualitas
-----------------------------------------------------------------------
003. TEKNIK MANCING IKAN PATIN
-----------------------------------------------------------------------
002. TEKNIK MANCING UDANG
-----------------------------------------------------------------------
001. Tip dan trik mancing galatama ikan mas
-----------------------------------------------------------------------

Tips & Tricks Love

006. Tips Berburu Cinta di Dunia Maya
-----------------------------------------------------------------------
005. Tips Rahasia nenggapai indahnya cinta
-----------------------------------------------------------------------
004. Makna ciuman menurut Dosen-Dosen
-----------------------------------------------------------------------
003. Tips Mendapatkan Wanita Idaman
-----------------------------------------------------------------------
002. Tips Mengatasi Putus Cinta
-----------------------------------------------------------------------
001. Cinta agar Awet dan Langgeng
-----------------------------------------------------------------------

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP