Mungkin bagi anda yang mengutamakan penampilan blog anda, sebisa mungkin pasti akan selalu berinovasi dengan tampilan blog anda. Anda pasti mengupayakan agar tampilan blog anda lebih menarik untuk di lihat. Maka dari itu pada kesempatan kali ini saya akan membagikan tutorial cara membuat widget recent post anda semakin keren.
Dari gambar di atas kita sudah bisa melihat bahwa yang akan ditampilkan adalah gambar dari masing-masing postingan di blog anda. Maka dari itu akan membuat blog anda lebih menarik untuk dilihat dan pasti juga akan lebih hemat tempat dan fungsional.
Langkah 1: Masuk ke blogger >> Dashboard >> Tata Letak >> Add Gadget
Langkah 2 : Pilih Gadget HTML/Javascript dari pilihan gadget yang keluar
Langkah 3 : Masukkan kode javascript di bawah ini ke kotak yang telah keluar
Langkah 4 : Simpan
Kalau sudah selesai silahkan anda lihat hasilnya, bagaimana jadinya sobat? Apakah anda berhasil untuk membuatnya? Saya rasa itu bukanlah hal yang sulit untuk anda lakukan.
Jika anda merasa tutorial kita kali ini bermanfaat, jangan lupa untuk mendukung membuat blog keren dengan follow blog ini atau bisa juga dengan like halaman facebook kami.
Dari gambar di atas kita sudah bisa melihat bahwa yang akan ditampilkan adalah gambar dari masing-masing postingan di blog anda. Maka dari itu akan membuat blog anda lebih menarik untuk dilihat dan pasti juga akan lebih hemat tempat dan fungsional.
Cara Untuk Membuat Widget Recent Post Lebih Keren !
Berikut adalah langkah-langkah yang mudah untuk anda ikuti, asalkan saja anda mau mengikutinya dengan seksama.Langkah 1: Masuk ke blogger >> Dashboard >> Tata Letak >> Add Gadget
Langkah 2 : Pilih Gadget HTML/Javascript dari pilihan gadget yang keluar
Langkah 3 : Masukkan kode javascript di bawah ini ke kotak yang telah keluar
<div id='bp_recent'></div>Ganti www.cofeemix.com dengan alamat blog anda,
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.cofeemix.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
</div>
Langkah 4 : Simpan
Kalau sudah selesai silahkan anda lihat hasilnya, bagaimana jadinya sobat? Apakah anda berhasil untuk membuatnya? Saya rasa itu bukanlah hal yang sulit untuk anda lakukan.
Jika anda merasa tutorial kita kali ini bermanfaat, jangan lupa untuk mendukung membuat blog keren dengan follow blog ini atau bisa juga dengan like halaman facebook kami.
sumpah cool bgt nih tutorialnya,..udah saya coba n' work,.skrg BLOG ane jd tambah sippp..trimakasih banyak sob.
ReplyDeleteOke gan..... Terima kasih udah berkunjung gan.... Nantikan update selanjutnya..q
Deletegak berhasil...gak muncul gambarnya:(
ReplyDeleteBlognya yang mana yang gunakan ini mbak?
Deleteterbaik..
ReplyDeleteMakasih... Salam kenal dan sukses selalu....
ReplyDeleteterimakasih infonya...
ReplyDeleteBro kenapa Ga muncul Gambar nya ? ada yang salah kah ?
ReplyDeleteMantap baru di coba langsung sreg sm desain yg ini..makasih baget bro keep it up!!
ReplyDelete