Cara membuat gambar di blog membesar saat disentuh cursor - Aldi Blogger

Cara membuat gambar di blog membesar saat disentuh cursor



Selamat pagi kawan-kawanku blogger sekalian bertemu lagi sama admin aldiblogger yang baik dan tidak sombong ini hehe pada kesempatan kali ini kita akan sama-sama membahas tentang seputar blogging lagi.

Mungkin dari kalian pernah melihat website yang di kunjungi ada keunikan sendiri seperti gambar yang ada di artikel mereka bisa membesar sendiri pada saat cursor di arahkan ke gambar tersebut.

Tidak sedikit para blogger yang ingin mencoba keunikan tersebut, didalam blogging istilah tersebut dinamakan "image zoom effects" dan pada artikel ini mimin akan mencoba memberikan cara tersebut supaya kita bisa merasakannya.

Masih banyak sekali berbagai macam trik yang bisa kita coba untuk membuat blog menjadi lebih terlihat profesional lagi contohnya dengan memberikan efek di tulisan yang kita buat.

Sebab blogging pada dasarnya bukan hanya dinilai dari seberapa berkualitas artikel yang dibuat melainkan juga harus didukung dengan macam-macam kategori salah satunya ialah memperhatikan gambar yang diupload serta membuat gambar bisa lebih mudah dipahami oleh para pembaca.

Oke langsung saja tanpa basa basi lagi.

• Perbesar gambar di blogging menggunakan trik ini!

1. Login blogger

2. Pergi ke tema - edit html

3. Kemudian klik di keayboard CTRL + F kemudian cari kode ]]></b:skin>

4. Jika telah ketemu pastekan kode dibawah ini tepat di atas 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); }

5. Simpan dan lihat hasilnya


Mungkin cukup sampai disini saja tips nya semoga bermanfaat dan untuk yang senang dengan artikel diatas bisa langsung berkomentar dibawah ini sebab satu komentar sangat berharga buat saya dan situs ini kedepannya.

Berlangganan update artikel terbaru via email:

0 Response to "Cara membuat gambar di blog membesar saat disentuh cursor"

Post a Comment

Jika kalian senang dengan artikel diatas bisa langsung berkomentar dengan baik dan sopan, satu komentar sangat berharga untuk saya dan website ini kedepannya.

Terimakasih, admin aldi blogger

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel