Sunday, February 12, 2012

Membuat Related Post jQuery beserta Read More-nya



Jika masih ada yang bingung tentang, related post jquery yaitu postingan kita yang berjalan dari atas kebawah itu loh tau kan ? nah kali ini gue akan share cara related post dengan thumbnailnya juga beserta fitur readmorenya. Untuk contohnya bisa dilihat diatas..

Langkah-langkahnya yakni :

1. Masuk ke akun blogger
2. Pilih Tata Letak / Rancangan / Elemen Laman



3. Kemudian pilih/klik Tambah Gadget ---> dan pilih lagi Html/Javascript 



Dan masukan kode dibawah  ini di dalam Html/Javascript tadi :

<div id="bp_recent">
</div>
<div class="bp_footer">
</div>
<script src="http://hzndi.googlecode.com/files/hzndi.blogspot.com-readmore.js">
</script>
<script>
    var numberOfPosts = 5;
    var showPostDate = true;
    var showSummary = true;
    var summaryLength = 200;
    var titleLength = 100;
    var showCommentCount = true;
    var showThumbs = true;
    var showNoImage = false;
    var imgDim = 100;
    var imgFloat = 'left';
    var myMargin = 5;
    var mediaThumbsOnly = true;
    var showReadMore = true;
    var readMore = 'Read More';
   
</script>
<scriptsrc="http://hzndi.blogspot.com/feeds/posts/summary?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails">
</script>

Ganti tulisan merah diatas dengan nama blog kamu.

4. Simpan dan lihat hasilnya :)

Postingan Terkait:

0 komentar:

Post a Comment

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More