Kukuh Cakra Darma

Trick Blog | Recent Post With Thumbnail Horizontal

Halo pembaca blog kukuhcdh sekalian, mari kita bersama sama membuat "Recent Post With Thumbnail". Sebagai contoh, anda bisa membuka blog saya yang sangat berantakan dan tak terurus pada blog yang satu ini "LabCakra". Kalau anda  ingin melihat gambarnya secara langsung, berikut screenshotnya

Menarik bukan? Walaupun tanpa animasi jQuery pada post saya pada zaman dulu kala yakni "Recent Post Animated With jQuery"
Pada Recent Post kali ini, saya lebih menekankan kepada ringannya blog saat dibuka, karena pada saat kita menggunakan Recent Post yang teranimasi dengan jQuery tentu saja akan sedikit lama untuk dimuat karena harus memuat script jQuerynya.
Dan, pada Recent Post With Thumbnail ini, saya menggunakan Script sederhana yang tidak lama untuk dimuat di blog kesayangan anda.

Oke, Berikut Step-By-Step nya

1. Login ke Blogger --> Pilih Blog anda --> Layout
2. Click "Add a Gadget" --> HTML/JavaScript
3. Masukkan script berikut
<center><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[1] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[2] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[3] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[4] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[5] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[6] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[7] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[8] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[9] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
showRandomImg = true;

tablewidth = 900;
cellspacing = 2;
borderColor = "#eeeeee";
bgTD = "transparant";

imgwidth = 110;
imgheight = 100;

fntsize = 12;
acolor = "Black";
ahover = "#444444";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 100;
summaryFontsize = 10;
summaryColor = "gray";
icon2 = " ";

numposts = 5;

home_page = "http://kukuhcdh.blogspot.com/";

</script>
<script src="https://sites.google.com/site/kukuhcdh/home/javascript/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script></center>

***---***
Ganti text yang bewarna merah dengan alamat blog anda.
Ganti nominal yang bewarna biru untuk menentukan banyaknya jumlah post yang akan ditampilkan.
Ganti nominal yang bewarna hijau untuk banyaknya huruf yang dimuat untuk setiap post (Read More)
Silahkan berkostumisasi sendiri ya :)

Sekian dari trik blog saya, mohon maaf apabila ada kesalahan.. Sekian terima kasih...





Artikel Terkait:

10 Comments:

Alex Irfani | 15 March, 2012 09:24 | [Reply]

wah.... mantaph negh. biar jadi auto slide ato berjalan otomatis gimana sob ? ditunggu yach infonya..

alitputra | 23 December, 2012 20:38 | [Reply]

Makasi sob, lumayan bisa dipake untuk memperindah blog

Akang Kredit | 19 February, 2013 23:45 | [Reply]

saya lagi nyari script recent post buat tampilan selular gimana ya?! Mohon pencerahan nya..

Vishwas Navada | 15 March, 2013 21:35 | [Reply]

not working correctly..

Moch. Imron | 31 December, 2013 12:39 | [Reply]

Mas Kukuh saya sudah mencoba mengcopy script yang dicontohkan ... dan sudah muncul hasil postingan saya ..., hanya saja kok kenapa tidak bisa jalan... apakah ada yang salah

Ginny Laura | 03 August, 2014 04:12 | [Reply]

WOW Keren nie artikelnya
Sambil baca artikel ini, Aku numpang promosi deh !
Agen Bola, Bandar Bola Online, Situs Taruhan Bola, 7meter

pakrus jaya | 16 December, 2014 16:49 | [Reply]

ijin coba ya gan,, tapi sudah saya coba kok tidak ada gambarnya gan,, bagaimana gan, apa saya harus bikin ke photbucket gan, thanks gan,,

sherlina halim | 29 July, 2015 20:37 | [Reply]

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : asianbet77@yahoo.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
http://asianbet77.com/

Sujono Jember | 02 September, 2015 03:19 | [Reply]

makasih gan, ijin coba pada blog saya http://malik-alamsyah.blogspot.com

jelita | 23 September, 2017 13:32 | [Reply]

his articles are nice and helpful

Post a Comment | Classic Comment's Form