TERMINAL GUIDE
Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Postingan Blog
sys.init · load_article()
status: reading · scroll_to_learn()
network: web3.edu · chain: learn-mainnet
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 (hapus tanda "+")
- 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
Semoga Berhasil
- Masuk ke dashboard blogger atau akun anda lalu pilih template
- Pilih Edit HTML
- Cari kode ]]><+/b:skin> dengan menggunakan CTRL+F (hapus tanda "+")
- 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
Semoga Berhasil
// COMMENTS