Berikut kodenya [boleh simpan di HTML/Javascript, boleh juga simpan di postingan]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#mini-gallery {
  width:380px; /* Tentukan lebar yang tepat sesuka hati atau buang saja deklarasi ini */
  margin:0px auto;
  font:normal 11px Verdana,Arial,Sans-Serif;
  color:#666;
  padding:8px;
  background-color:#222;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#mini-gallery h2 {
  font:normal 14px Impact,Arial,Sans-Serif;
  color:#999;
  text-shadow:0px 1px 0px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#3c3c3c;
}

#mini-gallery .rp-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('http://3.bp.blogspot.com/-Z0w4M80kNoE/Tz4_RrLC4fI/AAAAAAAACJY/2mQ2yk5hCdU/s1600/loading.gif') no-repeat 50% 50%;
  width:72px;
  height:72px;
}

#mini-gallery .rp-item img {
  display:block;
  width:72px;
  height:72px;
  border:none;
  margin:0px 0px;
  padding:0px 0px;
  background:transparent;
}

#mini-gallery .rp-item .rp-child {
  position:absolute;
  top:95%;
  left:95%;
  z-index:1000;
  width:200px;
  background-color:white;
  border-top:4px solid #3399ff;
  -webkit-border-top:4px solid #3399ff;
  -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
}

#mini-gallery .rp-item .rp-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#2473A8;
}

#mini-gallery .rp-item:hover .hidden {display:block;}
</style>
<script type="text/javascript">
var rpTitle     = "Artikel Terbaru", // Tentukan judul widget
    numposts    = 20,                // Tentukan jumlah thumbnail/posting
    numchar     = 300,               // Tentukan jumlah karakter pada deskripsi tooltip
    rcFadeSpeed = 600,               // Tentukan kecepatan efek .fadeIn() saat tooltip tampil
    pBlank      = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar
    blogURL     = "http://simple-semua.blogspot.com"; // Alamat blogmu
</script>
<script src="http://hompimpa.googlecode.com/files/rp-mini-gallery.js" type="text/javascript"></script>
Klik Save.

Ini Karya Si Hompimpa Alaihum Gambreng

Berikut Samplenya

28 comments

18 Februari 2012 16.21

Keren om :'(

18 Februari 2012 16.26

@Om-Riecothx om

18 Februari 2012 16.35

mantep om tutorialnya

18 Februari 2012 16.39

@Jasri DMiyo om

18 Februari 2012 17.09

bagus juga tambah ismple aja nih blog :d

18 Februari 2012 17.17

@Ф дфѕдғфдғ Фsimple mas.. bukan ismple

18 Februari 2012 18.43

keren juga galerynya :D

18 Februari 2012 20.54

wah mampir ke sini eh ada artikel bagus :D

18 Februari 2012 20.58

MAnteb tenan blognya..!!

Terus semangat untuk kemajuan Umat..!!

Salam Blogger Indonesia..!!

18 Februari 2012 22.59

Mantep tambah simple :)

19 Februari 2012 02.02

@cyb3r-exploitsering2 dah

19 Februari 2012 02.03

@Habluez ShareSalam...

19 Februari 2012 02.04

@Admin Torayasurabayathx dah tora

19 Februari 2012 02.56

kerent om, simple ^_^

terus berkarya demi nusa dan bangsa :)

19 Februari 2012 03.06

@Awell eighteensip

19 Februari 2012 04.35

@Simple Semua ya maap salah ngetik tadi >,<

19 Februari 2012 04.57

@Ф дфѕдғфдғ Фgpp deh

19 Februari 2012 07.29

wkwowkow bikin galllery juga nih sob,boleh aja sob,but cari ciri khas ya sob,jgn ampe sama dengan yang laen awkwk

19 Februari 2012 07.30

@randy oktaran aye dah duluan sob bikin,cekidots klik link GAllery di blog aye,kasih kritik ya

19 Februari 2012 15.12

@randy oktaransip...
lebih mantap galerymu daripada galeryku

20 Februari 2012 02.53

@alprablogthx

21 Februari 2012 04.10

Mantap, cocok untuk untuk programmer.

21 Februari 2012 04.16

@belajarpengetahuaniya

22 Februari 2012 08.04

Konflik JQuery nih mas. Templatemu sudah ada JQuerynya, jadi untuk script ajax.googleapis.com blabla.. yang ada di dalam posting harus dilepas supaya tooltipnya kelihatan :)

22 Februari 2012 13.13

@Taufik Nurrohmanoo gitu yaa.. tak coba dulu lah

24 Februari 2012 10.20

nice post..
numpang sedot codingnya ya,kebetulan blog gua temanya tentang musik, jd kayanya keren ni kalo buat shortcut widget diblog gua, boleh kah???

24 Februari 2012 12.50

nice post..
numpang sedot codingnya ya,kebetulan blog gua temanya tentang musik, jd kayanya keren ni kalo buat shortcut widget diblog gua, boleh kah???

24 Februari 2012 14.56

@Arya Saputraboleh dehh

Posting Komentar

Konversi Kode
[Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar