Jun 13, 2012

Cara membuat Recent Posts dengan Tampilan Gambar

Salah satu cara untuk mengurangi tingkat bounce rate adalah dengan memasang recent posts. Widget recent post bisa juga disebut artikel terbaru atau posting terbaru berfungsi sebagai petunjuk postingan yang baru di update. Blog sobat pastinya punya pelanggan tetap baik dari twitter facebook maupun feed rss. Tentunya saat mereka kembali setelah lama tidak ke blog kita mereka bisa tau apa saja post-post terbaru blog kita.

cara membuat gadget recent post di blogger


Pada tutorial kali ini saya akan memberikan tutorial cara membuat gadget recent post dengan thumbnail atau yang ada gambarnya, tentunya jika posting sobat ada gambarnya, namun jika artikel tidak memasukkan gambar, maka gambar pun tidak akan muncul. 

Yuk kita ikuti caranya berikut ini.

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML Javascript

3. Silakan klik Copy all pada text area di bawah ini, lalu paste di form yang ada. Lalu simpan template.






Buat sobat yang belum tahu cara menambah gadget silakan buka artikel Cara memasang gadget di blog

Pengaturan :

  • Untuk mengubah jumlah tampilan recent posts masuk silakan cari kode  numposts = 10; silakan ganti angka 10 nya.
  • Jangan lupa mengganti alamat blog saya  http://blogbelajar2.blogspot.com/ dengan nama URL blog anda sendiri.
  • Untuk mengubah ukuran gambar cari kode Silakan ubah angka 70, untuk memperkecil kurangi angkanya.

thumbwidth = 70;

thumbheight
= 70;
Untuk demonya bisa dilihat di sini

Widget recent post sobat sudah jadi. Selamat berkarya menghias blog dengan widget recent posts.


6 comments:

  1. Ini dia yang dicari. saya salin dulu ya...
    semoga bisa jalan scriptnya..
    Maksih...
    blogwalking sekalian mas..

    ReplyDelete
  2. Son, kalau mau buat ini dibawah postingan gimana?

    ReplyDelete
  3. keren dah tutorialnya... hehehe..

    ReplyDelete

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih