Cara membuat gambar membesar saat di arahkan cursor

Oleh Byrdty

Minggu, 10 Mei 2015

Bagikan :

Tweet

Cara membuat gambar membesar saat di arahkan cursor

BCA Site.-Setelah tadi saya memposting Cara membuat Daftar Isi di Blog,kali ini saya akan membagikan Cara membuat gambar membesar saat di arahkan cursor.Menurut saya hal ini layak untuk dicoba karena dapat membuat blog elegant,keren dan juga tidak mengurangi SEO Score di Blog.





Langsung saja ikuti langkah-langkah nya di bawah ini.

1. Masuk ke Blogger kalian
2. Pilih blog mana yang ingin kalian beri widget diatas
3. Pilih Template
4. Pilih Sesuaikan/Customize
5. Tekan Tambahkan CSS dan copy kode berikut dan tekan Terapkan di Blog/Apply

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Cukup sekian,semoga bermanfaat.Apabila ada yang perlu ditanyakan silahkan beri komentarnya di bawah.

Tag : Tutorial Blogger