Cara Membuat Gambar Otomatis Membesar Jika Diarahkan Kursor
hai para viewers, kali ini admin akan membagikan trik untuk membuat blok kalian menarik
berikut ini adalah cara membuat gabar otomatis perbesar jika diarahkan kursor
1. Login dulu ke Blogger
2. Setelah di dashboard
3. Pilih menu template dan pilih edit HTML lalu klik lanjutkan
4. Selanjutnya kalian centang tanda expand
5. Cari kode ]]></b:skin> (pakai bantuan fitur find aja(CTRL+ F) biar lebih mudah)
6. Copy dan Paste Kode berikut diatas kode yang tadi kita cari
.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); }
7. Simpan Template dan lihat hasilnya
Cukup mudah bukan..? semoga bermanfat :) . baca juga artikel tentang 3 Situs Terbaik untuk Cek Kecepatan Loading dan Optimasi Blog
0 Response to "Cara Membuat Gambar Otomatis Membesar Jika Diarahkan Kursor "
BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :
- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya
Konversi KodeEmoticon