Informasi mengenai semua hal teknologi terbaru, tutorial, berita, edukasi, pembelajarn.

Jumat, 30 Agustus 2013

Membuat Recent Post Berbentuk Grid Thumbnail

Membuat Recent Post Berbentuk Grid Thumbnail
Recent Post adalah widget yang menampilkan post-post terbaru dari blog. Salah satu bentuk recent post adalah Grid Thumbnail, yaitu widget yang menampilkan Gallery Thumbnail dari post terbarunya. Jadi hanya gambar atau foto dari post terbaru yang ditampilkan.

Cara Membuat Recent Post Bentuk Grid Thumbnail
1. Login ke www.blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<div id='bp_recent'></div>
<script style='text/javascript' src='https://lioneldandy.googlecode.com/files/xc-recentpost.js'></script>
<script style='text/javascript'>
var numberOfPosts = 10;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 70;
var imgFloat = 'left';
var myMargin = 3;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://xpress-community.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
5. Ubah xpress-community.blogspot.com dengan URL blogmu sendiri. 
var numberOfPosts = 10;  adalah banyaknya thumbnail post terbaru yang ditampilkan. 
Sedangkan var imgDim = 70; adalah ukuran dari thumbnailnya. 
Kamu bisa menyesuaikan tampilannnya dengan blogmu sendiri.
6. Simpan / Save Template jika sudah selesai.

Jika ada yang ingin ditanyakan silahkan berkomentar. Sekian dari saya, semoga artikel ini bisa bermanfaat.
Terimakasih.

Tidak ada komentar:

Posting Komentar