Membuat Postingan Terbaru / Recent Post dalam Bentuk Grid / Thumbnail

Diposting oleh Unknown on Rabu, 13 November 2013

     Widget Recent Post? untuk apa kita memasang Widget Recent Post? Widget Recent Post digunakan untuk menampilkan postingan-postingan terbaru kita disaat seseorang tidak berada pada Home / tampilan awal. Ada berbagai macam widget recent post, seperti widget yang hanya menampilkan judul post, menampilkan judul post dengan sedikit ulasan, dan ada juga yang disertai dengan thumbnail. 
     Disini saya akan memposting bagaimana cara membuat postingan terbaru / recent post dalam bentuk thumbnail.

Cara membuatnya adalah:
  • Pertama buka http://www.blogger.com/ dan kemudian pilih blog yang akan ditambahkan widget recent post
  • Setelah itu pilih Tata Letak
  • Pada tampilan Tata Letak pilih Tambahkan Gadget
  • Kemudian pilih HTML/JavaScript dan kemudia masukkan kode berikut:
<div id='bp_recent'></div>
        <script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.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://kurniasepta.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Angka 10 adalah banyaknya thumbnail postingan terbaru yang akan ditampilkan. Ubah sesuai dengan keinginan Anda.
Angka 70 adalah ukuran dari thumbnail. Sesuaikan dengan tampilan Blog Anda.
http://kurniasepta.blogspot.com adalah alamat website. Ganti dengan alamat Anda sendiri.

  • Kemudian Simpan dan Lihat Blog Anda

Posting Komentar