Kurang lebih tampilan Widget Recent Post With Thumbnail itu seprti di atas, sekarang mari kita lihat cara pemasangannya, tapi menurut saya sih cara untuk memasangnya mudah tinggal ikuti saja langkah pemasangan widget recent post di postingan sebelumnya. Tapi kayanya g asyik kalau saya hanya memberikan scriptnya aja, oke lihat langkah pemasangannya :
- Pertama login ke blogger.com
- masuk ke Rancangan >> Elemen Halaman
- Setelah berada pada elemen halaman maka tambahkan sebuah gadget
- pilih yang HTML/Javascript
- taruh kode di bawah ini kedalamnya
<script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9KClYQmjLXJqiSFbcPoT5drCG4gGXjuB7n_gswhE7FqTYb-HIq6LNGYnsP41cFBZJn-7cRxFE1mQXxzYuI3rI9yoBMOoJ3SAECcx56U0phYn9scGi2uR5omDFiuMdG4jjDys7eWYazTA/s1600/No+Image.gif"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9KClYQmjLXJqiSFbcPoT5drCG4gGXjuB7n_gswhE7FqTYb-HIq6LNGYnsP41cFBZJn-7cRxFE1mQXxzYuI3rI9yoBMOoJ3SAECcx56U0phYn9scGi2uR5omDFiuMdG4jjDys7eWYazTA/s1600/No+Image.gif"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9KClYQmjLXJqiSFbcPoT5drCG4gGXjuB7n_gswhE7FqTYb-HIq6LNGYnsP41cFBZJn-7cRxFE1mQXxzYuI3rI9yoBMOoJ3SAECcx56U0phYn9scGi2uR5omDFiuMdG4jjDys7eWYazTA/s1600/No+Image.gif"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9KClYQmjLXJqiSFbcPoT5drCG4gGXjuB7n_gswhE7FqTYb-HIq6LNGYnsP41cFBZJn-7cRxFE1mQXxzYuI3rI9yoBMOoJ3SAECcx56U0phYn9scGi2uR5omDFiuMdG4jjDys7eWYazTA/s1600/No+Image.gif"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9KClYQmjLXJqiSFbcPoT5drCG4gGXjuB7n_gswhE7FqTYb-HIq6LNGYnsP41cFBZJn-7cRxFE1mQXxzYuI3rI9yoBMOoJ3SAECcx56U0phYn9scGi2uR5omDFiuMdG4jjDys7eWYazTA/s1600/No+Image.gif"; showRandomImg = true; tablewidth = 248; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#ffffff"; imgwidth = 118; imgheight = 100; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 50; summaryFontsize = 11; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://ALAMATBLOGANDA.blogspot.com/"; label = "tagname"; </script> <script src="http://oketrik.googlecode.com/files/horizontal_only_thumbnail.js" type="text/javascript"></script>
Penjelasan
- tablewidth = 248 >> menunjukan lebar dari widget tersebut.
- borderColor = "#ffffff" >>Warna dari garis pinggir widget.
- bgTD = "#ffffff" >> Menunjukan warna latar belakang widget recent post with thumbnail.
- imgwidth = 118; imgheight = 100 >> Lebar dan panjang gambar recent post.
- numposts = 5>> jumlah Postingan terbaru yang ditampilkan
- ALAMATBLOGANDA >> Ganti dengan alamat blog anda
- setelah itu simpan dengan judul recent post
- selesai
Memasang widget recent post with thumbnail tidak sesulit mencari jarum di gundukan jerami kok, ikuti step de mi step untuk mempermudah cara pemasangannya. Kalau sudah buntu dan tidak bisa melakukan pemasangan silahkan tanyakan pada saya dengan meninggalkan link pesan di kotak komentar. Terima kasih Dan Happy Blogging.
21 Komentar untuk Recent Post With Horizontal Thumbnail
thx om sudah berbagi, semangat!!!!!
thanks bos...
cuma mau tanya ni om, seandainya dimunculkan judul nya juga bagaimana caranya.
@Doddy Padmiadhi >> sip, klo trik yang ini g bisa om, tapi ane punya trik yang ente mksd coba search di mari :)
udah ane ubek2 dimari tapi gak nemu om.. namanya apa ya.. tampilannya horizontal seperti itu akan tetapi ada title nya...
makasih kk... lihat deh blog aku jadi makin keren... pokoknya keren banget tutornya keep blogging kk,
Gan...
Bisa yang sekalian ada judul posting da summary gak??
Inilah yang aku cari.Thank infonya gan.
lo mo buatnya populer post gimana?
hahahahahahahay... mantapbbbppbpbpbpbp mas brooo...
work 100% ...
thanks bgd yeaah....!!
silakan dicek hasilnya di http://bit.ly/Energi27
udah saya coba gan, n sukses berat, mkasih gan
saya coba dulu ah semoga aja bisa muncul.. trims mas tipsnya
akhirnya ketemu juga tips yang sesuai dengan keinginan.,
Thank ya!
selalu berkarya.. mantap.. sudah di coba dan barhasil...terima kasih
Makasih gan infonya
kalo ingin bergerak dari kanan ke kiri bagaimana ?
mas klo dibikin jalan gimana yah !!!!!!!!!!
makasih kk atas informasinya ya...
kalau untuk wordpress gimana gan?
Info bagus banget... Makasih
kalo yang bergeser gimana carannya https://kajenstore.blogspot.co.id