Kode Css untuk Postingan "Album Buku" di Postinganku

Udah berkunjung di postinganku yang ini kan? Kalo belum silakan kunjungi postinganku yang ini: Album Buku

Untuk kode CSS, silakan cek spoiler ini, terus taruh di RANCANGAN TEMPLATE sobat. Tepatnya di atas kode ]]><skin>

Kodenya:

CSS

#objek { float: left; margin: 10px; overflow: hidden; position: relative; } .ket { width: 80%; height: auto; text-align: left; padding: 5px 10px; background: #000; opacity: 0.6; color: #fff; line-height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 0x 25px 0px 0px; -moz-border-radius: 0px 25px 0px 0px; -o-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; } #objek .ket { position: absolute; bottom: 0; left: 0; margin-left: -1000px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #objek:hover { -webkit-box-shadow:0px 0px 25px #000000; -moz-box-shadow:0px 0px 25px #000000; -o-box-shadow:0px 0px 25px #000000; box-shadow:0px 0px 25px #000000; } #objek:hover .ket { margin-left: 0px; }

Nah, terus Simpen deh tuh rancangan templatenya. Sekarang kalo mau bikin postingan kek album di postingan ini. Silakan kode html ini pake saat sobat mau nampilin gambarnya. Cek kodenya ya, Sob

<div id="objek"> <img src="url%20gambar" /> <br /> <div class="ket"> <b>JUDUL GAMBAR</b><br /> keterangan/penjelasan dari gambar </div> </div>

saat posting, silakan deh ... sobat ganti URL GAMBAR dengan link gambar sobat. kalo ane pake PICASA. jadi ane copast link gambar (salin lokasi gambar) gitu deh di klik kanannya.