Cara Tutorial Membuat Efek Thumbnail Membesar

Cara Membuat Efek Thumbnail Membesar Saat disentuh Kursr

Pada tutorial ini akan membahas cara menggunaka thumbnail (gambar mini)

1. Masuk ke Blogger, buka dasbor Blog. Selanjutnya Klik Template HTML
2. masuk ke Blogger, buka dasbor blog, selanjutnya pada menu Klik Template HTML
3. Kemudian letakan kode berikut ini diatas </head>

eeee

Pengisian


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-thumbnail{float:left;margin:0;padding:0;width:90%;overflow:hidden}
.post-thumbnail img{display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:0;position:static;transition:all .8s ease-out;border-radius:5px !important;overflow:hidden}
.post-thumbnail img:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
</style> </b:if> </b:if>

Simpan template, dan lihat

Semoga Berhasil dan Bermanfaat

Jika Anda menyukai Artikel di Postingan, silahkan kirim Email untuk berlanggan gratististis, anda akan mendapatkan kiriman/menerima setiap ada postingan terbaru dari kami.

Delivered by FeedBurner