Cara Membuat Recent Post Dengan Thumbnail Di Blog

Recent post Thumbnail
My Dream ○ Hai sobat My Dream yang setia dan yang selalu rajin untuk mengikuti artikel-artikel terbaru My Dream ini.Semoga kalian semua sehat-sehat saja aminnnn...Untuk Artikel saya hari ini saya akan membuat beberapa Tutorial tentang Cara Membuat Recent Post Keren Dengan Thumbnail Di Blog.Mungkin dengan memasang Widget yang seperti ini akan membuat Artikel Blog sobat lebih mudah muncul di Halaman-halaman Home Page maupun di Posting-postingan sobat.Makin banyak Artikel kita yang bisa diperlihat kan kepada para Visitor maka makin besar pula kemungkinan Artikel Blog kita itu untuk dikunjungi oleh banyak visitor juga.Fungsi Recent Post sendiri adalah untuk menampilkan Artikel-artikel terbaru kita saat ini.Bagaimana sobat tertarik kah?.Jika sobat tertarik silahkan ikuti Tutorial berikut ini.
  • Loggin ke Blog sobat.
  • Setelah itu Klik Tata Letak > Tambah Gadget > HTML/Javascript.
  • Copy kode berikut ini dan pastekan dikotak yang disediakan.
<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='http://ivo25.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
  • Ganti Angka yang berwarna merah dengan Jumlah Artikel yang sobat inginkan untuk dimunculkan.
  • Terakhir Klik Save.
Oke sobat semoga berhasil dan semoga Template Blog sobat makin Indah dipandang sehingga membuat pengunjung jadi betah berlama-lama di Blog sobat.Eitsss pergi dulu...mau kemana tuh buru-buru amat :v...Tolong kasih komentar dan likenya dulu donk sobat habis itu baru deh minggat ^_^ .... Terima kasihh...

7 Responses to "Cara Membuat Recent Post Dengan Thumbnail Di Blog"

  1. wow keren tuh widgetnya.. kalau boleh tau cara bikin back to top gimana ? :)

    ReplyDelete
    Replies
    1. Oke gan kapan" ane bikin tutornya gan .....

      Delete
  2. Ini yang ane cari cari gan :D . Thx

    ReplyDelete
  3. keren gan artikelnya sangat bermanfaat :)
    by Ziwipedia

    ReplyDelete

>>>>>Peraturan Berkomentar di Blogger Ini.<<<<<

[+] Komentar membangun lebih disukai
[+] Kami wajib menghapus komentar yang melecehkan, kasar, dan bertendensi SARA.
[+] Link aktif dalam komentar akan terhapus secara otomatis.
[+] Jika ingin menaruh Link Aktif Silahkan klik menu Tukar Link.
[+] Jika ingin berkomentar diluar topik postingan harap beri tanda OOT atau Klik Tombol OOT.
[+] Jika Ingin menggunakan Emoticon silahkan Klik Tombol Emoticon.
[+] Jika Ingin Request Tutor silahkan Klik Tombol OOT dibawah atau pergi ke Menu OOT.

Terima Kasih........

Konversi Kode Emoticon OOT