Search
Latest topics
Top posters
agoenk (2099) | ||||
viyan_cs (1036) | ||||
b-joe (749) | ||||
ieyaz_Chuit (725) | ||||
Zell Aristocrats (667) | ||||
jun43d1 (638) | ||||
Hetro_fabio (314) | ||||
twinkblack (265) | ||||
suzee_tkj2 (237) | ||||
harmoko (184) |
Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Blog
Page 1 of 1
Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Blog
Bagi-bagi tips,,
berikut adalah tutorial supaya gambar di blog membesar/zooming secara otomatis saat kursor diarahkan.
- Masuk ke dashboard blogger atau akun anda lalu pilih template
- Pilih Edit HTML
- Cari kode ]]></b:skin> dengan menggunakan CTRL+F
- Copy dan Paste kode dibawah ini tepat diatas kode ]]></b:skin>
.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); }
- Simpan perubahan
- Selesai
Visit me:
http://shin-tek.blogspot.com/
berikut adalah tutorial supaya gambar di blog membesar/zooming secara otomatis saat kursor diarahkan.
- Masuk ke dashboard blogger atau akun anda lalu pilih template
- Pilih Edit HTML
- Cari kode ]]></b:skin> dengan menggunakan CTRL+F
- Copy dan Paste kode dibawah ini tepat diatas kode ]]></b:skin>
.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); }
- Simpan perubahan
- Selesai
Visit me:
http://shin-tek.blogspot.com/
Similar topics
» BUAT BLOG DENGAN BLOGGER
» Cara Mengganti Icon/Favicon di blog
» membuat web/blog lebih hemat energi
» Shutdown Otomatis
» menyembunyikan file dalam gambar
» Cara Mengganti Icon/Favicon di blog
» membuat web/blog lebih hemat energi
» Shutdown Otomatis
» menyembunyikan file dalam gambar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|
Tue Feb 14, 2017 11:22 am by agoenk
» Verifikasi UPK 2017
Tue Feb 14, 2017 11:01 am by agoenk
» Simulasi UBK tahap kedua
Tue Feb 14, 2017 10:44 am by agoenk
» Mengganti favicon di wordpress
Sat Feb 11, 2017 11:22 am by agoenk
» Undangan Pertemuan Rutin MGMP TKJ Gugus Bisman SMKN 1 Slawi bulan Desember 2016 sekaligus Pelatihan Mikrotik
Sat Nov 26, 2016 9:59 am by agoenk
» SPMI ( Sistem Penjaminan Mutu Internal ) untuk sekolah Model
Wed Oct 26, 2016 1:58 pm by agoenk
» Pertemuan Rutin MGMP TKJ Gugus Bisman SMK Negeri 1 Slawi Bulan Oktober 2016
Fri Oct 14, 2016 10:17 pm by agoenk
» INFO PPDB SMKN 1 SLAWI TAHUN PELAJARAN 2016 / 2017
Mon Jun 13, 2016 6:35 am by Admin
» Kegiatan 3P Jurusan TKJ SMKN 1 Slawi
Tue Apr 26, 2016 10:16 am by agoenk