Rabu, 10 Desember 2014

Cara Buat Random Post Dengan Gambar (Thumbnail) di Blog

Cara Buat Random Post Dengan Gambar (Thumbnail) di Blogger – Widget Random Post ini sebenarnya sudah pernah saya bahas dalam posting sebelumnya (baca : Cara Memasang Widget Random Post di Blog). Namun, kali ini saya akan membahas widget random post yang memiliki thumbnail (gambar). Random post ini nantinya akan menampilkan gambar kecil (biasa dikenal dengan nama Thumbnail), dan sedikit kutipan teks dari posting yang ditampilkan. Berikut ini previewnya :

preview random post dengan gambar di blogger (Gambar tidak terlihat? Klik kanan tulisan ini, lalu pilih 'Reload Image!'
Tentu saja, widget random post ini lebih menarik (dan tentu saja keren) daripada widget random post yang pernah saya bahas sebelumnya. Dengan adanya gambar, pengunjung akan merasa lebih tertarik untuk mengunjungi posting lainnya di blog Anda. Walaupun, nantinya akan sedikit berimbas pada kecepatan loading blog Anda. Tapi, saya rasa tak masalah, mengingat kecepatan internet di indonesia sudah dapat dikatakan lumayan...
Berikut ini langkah – langkah memasang (membuat) random post dengan gambar (thumbnail) di Blogger
  1. Seperti biasa, login ke Blogger.com, lalu masuk ke Tata Letak
  2. Pilih Tambahkan Gadget ditempat Anda ingin memasang widget random post ini.
  3. Pilih HTML / Javascript
  4. Copy dan pastekan kode berikut pada window yang muncul (isikan pula isian Judul-nya)
UPDATE 12 JULI 2015
Karena banyak yang menginformasikan saya bahwa kode diatas rusak dan tidak berfungsi (mungkin Anda merasakannya juga), Anda dapat mencoba kode pada link berikut.
Kode HTML Random Post Dengan Gambar

Keterangan :
var numofpost=10; Angka 10 menunjukkan jumlah posting yang akan ditampilkan. Gantilah sesuai dengan keinginan Anda.
var lengthsummary = 120; Angka 120 menunjukkan panjang kutipan posting yang akan ditampilkan. Aturlah sesuai dengan keinginan Anda.
Ganti url blog saya (http://xxpc123xx.blogspot.com) dengan url blog Anda.
Mohon maaf, saya belum bisa menambahkan warna pada textarea diatas. Ada yang bisa mengajari?
  1. Terakhir, klik Simpan.

Bagaimana, mudah bukan? Jika Anda merasa artikel ini bermanfaat, tolong share artikel ini ke social media. Selamat mencoba memasang (membuat) widget random post dengan gambar di blog, dan salam blogger!
 

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

3 komentar:

  1. Gak work Gan

    www.resephariku.blogspot.com

    BalasHapus
  2. @Resephariku : Maaf gan, ada kesalahan. Sudah saya perbaiki. Terima kasih atas masukannya... :)

    BalasHapus
  3. udah gak jalan bro, help me..

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!