mas template

Membuat Recent Post Dengan Thumbnail 1

Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisa menggunakan source code dibawah. Mengenai cara penggunaan code telah saya jelaskan pada posting Full source code "Recent Comments" for blogger" jadi tidak ada perbedaan dalam cara menggunakannya caranya hampir sama, yang membedakan hanyalah source code nya. Jadi, yang ingin saya sampaikan disini adalah recent post dengan thumbnail.

recent post

Bagi temen-temen yang berminat sialahkan copas kode di bawah ini, dan masukkan ke gadged di sidebar teman-teman.
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 250px; height: 450px; text-align: left;">

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;

float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>

<script style="" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>

<script style="">

var numposts = 10;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>

<script src="http://creatingwebsite-maskolis.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
  1. Login Blogger
  2. Design-->> Page Element-->>Add Gadged-->> HTML/Javascript
  3. Save
Catatan :

Yang berwarna merah silahkan ganti dengan URL teman-teman dan jumlah post yang ingin ditampilkan.

Selamat mencoba, semoga berhasil.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

29 comments:

  1. maskolis tx atas pencerahannya...
    tapi saya mau tanya neh?

    Kalau membuat post sesuai kategori tapi cuma 1 thumbnail,paling atas kayak post magezine...gmn ya?

    kaya contoh di crottt.blogspot.com (test maskolis)pada area kesehatan, kehidupan,teknologi....

    jadi yang nongol cuma gambar di atas saja...bawahnya ga usah di tampilin gambarnya,
    gmn ya cr bikinnya?

    Tx ya Maskolis??

    ReplyDelete
  2. maaf om...., ininya kayaknya udah nggak aktif..
    http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js
    kalo udah di edit kabar2 ya om.....

    ReplyDelete
  3. Threelas.com merilis all widgets with one code. anda bisa buat macam-macam widget hanya dengan satu kode. silahkan datang

    ReplyDelete
  4. mas klo mau buat recent post di body (dibawah slider) seperti ini http://jamumartin.blogspot.com/ gmna ya? saya nemu script disebelah, saya modif tapi ga bisa rapih kaya itu... http://jamumartin.blogspot.com/, saya lagi belajar utak atik template.. gpp kan mas? maap ngerepotin..

    ReplyDelete
  5. info yang bermanfaat...

    kenapa yah di blog saya jadi gak muncul?


    follow balik ya kang..

    ReplyDelete
  6. Izin nyobain kang... mau tanya sekalian ada gak yang recent postnya itu gambar berjejer kesamping ke bawah seperti kotak kotka gitu? mohon rekomendasi..

    ReplyDelete
  7. javascriptnya dah erro, da link fixnya gk?

    ReplyDelete
  8. ya nggak muncullah.. hosting google codenya dah rusak kok www.pasirsilika.com

    ReplyDelete
  9. sudah sy coba tapi ko ga bisa yah,saya ingin pakai untuk menampilkan produk diskon dengan label Sale di template toko online saya..apa source kodenya sudah tidak ada atau tidak dipakai untuk template toko online..mhn pencerahannya

    alamatnya : http://butikadhe.blogspot.com/

    ReplyDelete
  10. DUNIA BLOG Widget recent post dengan thumbnail ini sepertinya sudah tidak dapat berfungsi lagi, saya sudah pernah mencoba mempraktekkannya, namun tidak dapat jalan di blog saya. Apa ada masalah dengan template blog saya ? Mohon pencerahan, salam.

    ReplyDelete
  11. mas boleh minta backlinknya gak buat runeanime.blogspot.com

    ReplyDelete
  12. mantap, klo cra buat widget yg mengabungkan 3, sprti pda widget yg ada di blog ini.
    yg ada menu Tutorial blog, Wordpress dan Jombla ??
    bleh minta script.y g om..
    mksih..

    ReplyDelete
  13. atau ada tutorial membuat widget sprti itu ?
    jika ada, tolong ajarkan dunk..
    hehehee
    Makasih

    ReplyDelete
  14. Produk di Jamin Asli.
    ELECTRONIC SOLUTION-SHOP.
    Menawarkan harga Promo , Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi Tam .Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya,
    Berminat Hub: Hotline/sms: 0857-7087-2865 ATAU KLIK WEBSET RESMI KAMI http://electronicsulution-shop.blogspot.com
    BlackBerry>Samsung>Nokia>Apple>Acer>Toshiba
    Led tvlg>Led tv Samsung>Nikon>Canon>DLL

    Dijual,
    Ready Stock !
    Blackberry Bold 9780
    Harga Promo Rp.1.500.000,-
    Ready Stock !
    BlackBerry Bold Curve 9300,
    Harga promo Rp.1.000.000,-
    Ready Stock !
    BlackBerry Torch 9800
    Rp.1.600.000,-
    Ready Stock !
    BlackBerry Z10
    Rp.3.500.000,-
    Ready Stock !
    BlackBerry Q 10
    Rp.4.000.000,-
    Ready Stock !
    Samsung Galaxy S3 Mini
    Rp. 2.700.000,-
    Ready Stock !
    Samsung Galaxy Ace
    Rp.1.400.000,-
    Ready Stock !
    Samsung Galaxy S2
    Rp.2.500.000,-
    Ready Stock !
    Samsung Galaxy S4
    Rp.4.500.000,-
    Ready Stock !
    Nokia 808 Pure View
    Rp.4.200.000,-
    Ready Stock !
    Nokia Lumia 820
    Rp. 2.700.000,-
    Ready Stock !
    Nokia Lumia 920
    Rp.3.400.000,-
    Ready Stock !
    Nokia Lumia 620
    Rp. 1.500.000,-
    Ready Stock !
    Apple iPhone 5G 16GB
    Rp.4.100.000,-
    Ready Stock !
    Apple iPhone 4G- 32GB
    Rp.3.500.000,-
    Ready Stock !
    Apple iPhone 3G-16GB
    Rp.2.900.000,-
    Ready Stock !
    Apple iPhone 4S-64GB
    Rp.4.000.000,-
    Ready Stock !
    Acer Aspire one 756
    Rp.1.400.000,-
    Ready Stock !
    Acer Aspire E1-471G
    Rp.2.800.000,-
    Ready Stock !
    Acer Aspire S5 Ultrabook Core 17
    Rp.7.000.000,-
    Ready Stock !
    Toshiba Satellite C800D-1006
    Rp.2.500.000,-
    Ready Stock !
    Toshiba Satellite C800D-1003
    Rp.1.500.000,-
    Ready Stock !
    Toshiba Satellite L840-1045XR
    Rp.3.700.000,-
    Ready Stock !
    Led TV Lg 42 inch LN5100
    Rp 3.500.000,-
    Ready Stock !
    Led TV Lg 42 inch LN5710
    Rp. 4.000.000,-
    Ready Stock !
    Led TV Lg 39 inch LN5100
    Rp. 3.000.000,-
    Ready Stock !
    Led TV Samsung UA 32 inch F5000
    Rp. 2.100.000,-
    Ready Stock !
    Led TV Samsung UA 32 inch F4000
    Rp.1.500.000,-
    Ready Stock !
    Nikon D5100+18-15Kit
    Rp 3.500.000,-
    Ready Stock !
    Nikon D3000 Kit 18-15mm VR
    Rp. 1.500.000,-
    Ready Stock !
    Nikon D3200 Kit 18-105mm VR
    Rp 3.100.000,-
    Ready Stock !
    Canon Eos 600D Kit EF-S 18-135mm
    Rp.3.800.000,-
    Ready Stock !
    Canon Eos 70D Kit EF-S 18-55mm is stm
    Rp.4.700.000,-
    Ready Stock !
    Canon Eos 600D Body
    Rp.2.500.000,-


    Kami melakukan Pengiriman barang lewat Tiki atau Jne ,Pos,Cargo,bagi luar kota,Ongkir ditanggung pembeli
    Berkat Anda Usaha Kami Jadi Semakin Lancar,Terima kasih telah berbelanja di Electronic Solution-Shop.

    Nikmati berbagai keuntungan berbelanja di sini.
    *Barang berkualitas dan harga relatif lebih murah
    *Dapat diantar ke seluruh indonesia
    *Keamanan di jamin karna setiap pengiriman di sertai asuransi proses cepat dan sederhana
    Barang di jamin 100% original baru dan bergaransi resmi.
    Selamat Berbelanja ! ! !

    ReplyDelete
  15. makasih mas, kunjungi juga blog adik ya http://prediksibola888.blogspot.com

    ReplyDelete
  16. Salam kenal , Dari Blogger Newbe. Artikelnya Sangat Membantu Sob

    ReplyDelete
  17. Sudah dicoba di blog saya, dan widgetnya berhasil muncul di side bar, terima kasih sudah berbagi Mas.

    ReplyDelete
  18. bisa gak di update lagi jsnnya, butuh nih buat blog http://thejokowi.blogspot.com

    ReplyDelete


  19. thanx ya gan atas info nya semoga sukses selalu blog nya gan :)
    dan sukses selalu gan info nya :)

    PROMOSI
    HOT PROMO DARI RAJAPOKER88 di

    http://www.rajapoker88.com/?ref=577053


    Untuk member setia rajapoker88 dapatkan bonus referal dari kami sebesar 10% dari kemenangan teman Referal anda dan dapatkan juga 10 POINT setiap turn over 1 juta rupiah point ini akan di undi setiap 1 minggu sekali

    peringatan: untuk bonus selalu di bagikan setiap hari senin
    dan untuk batas mengklaim bonus setiap hari minggu selama 7 hari
    jika batas mengklaim bonus lewat dari seminggu maka bonus dinyatakan hangus!!

    keterangan lebih lanjut untuk mengklaim bonus silakan hubungi :
    YM: afb88_cs1@yahoo.com
    YM: idr.afb88@yahoo.com
    pin bb : 2257e32b

    segera bergabung dengan kami dan kumpulkan pointnya.
    Terima Kasih.

    Permainan yang kami sediakan yaitu :
    * Poker
    * Tangkas
    * Domino99

    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK BRI, BANK MANDIRI, DAN BANK DANAMON.

    Untuk keterangan lebih lanjut, silahkan Hubungi kami di :
    * WWW.RAJAPOKER88.COM (pingbox)
    * TWITTER : @RAJAPOKER88
    * YM : RAJAPOKER88.indo
    * PIN BB : 75CB33AF
    * PHONE NUM : (+84) 169 859 6613
    * SKYPE : RajaPoker88

    Terima Kasih,
    Salam Rajapoker88.com

    ReplyDelete
  20. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  21. Kenapa di blog saya tidak berhasil yaa? bisa di bantu mas Kolis

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger