Blog Berita Teknologi Terkini


Berita Terbaru

Tuesday, February 14, 2012

Cara Menciptakan Related Post jQuery beserta Read More-nya

Yang menarik adalah widget ini dapat menampilkan 'read more' atau 'baca selengkapnya' pada tiap-tiap related post,menarik bukan?
Untuk caranya sangat mudah sob,tinggal pergi ke Dashboard lalu pilih Tata Letak / Rancangan / Design [1] lalu pilih Add a Gadget [2] kemudian pilihlah Html/Javascript [3],lihat gambar:

Membuat Related Post Read More di Blogger
[1]


Related Post Untuk Blogspot/Blogger read more
[2]


Membuat Related Posts dengan Thumbnail read more
[3]


Dan letakkan kode berikut disana:

<div id="bp_recent"></div><div class="bp_footer"></div>
<script style='text/javascript' src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/recentpostspelajaranblog.js'></script>
<script style='text/javascript'>
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>
<script src='http://geliat-bisnis.blogspot.com/feeds/posts/summary?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


**
Untuk kode yang bercetak warna merah 5 gantilah dengan jumlah relate posting yang akan ditampilkan,sedangkangeliat-bisnis.blogspot.com gantilah dengan nama blog sobat.

Simpan template,dan lihat blog sobat sekarang

Unik

Desain Blog Oleh VungTauZ.Com