Deloiz.com - Pada artikel sebelumnya Deloiz pernah membahas tentang Cara Membuat Blockquote terseleksi Otomatis Ketika di Klik, tutorial blog kali ini masih berhubungan dengan blockquote yaitu sesuai judul diatas yaitu Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor. Untuk tekniknya pasti sudah bisa dipahami, ketika kursor mouse menyemtuh atau berada diatas blockquote maka blockquoter tersebut akan memiliki efek shadow.

Teknik ini Deloiz dapatkan dari situs negara tetangga yaitu lyssasecret.com, apabila Anda tertarik untuk mencoba dan menerapkannya pada situs atau blog Anda, ikuti saja caranya berikut ini:
Membuat Blockquote Dengan Efek Shadow Ketika Tersentuh Kursor
Blockquote Dengan Efek Shadow
1. Masuk ke Dasbor Blogger.

2. Pilih Template lalu Edit HTML.

3. Cari kode berikut (gunakan Ctrl+F untuk memudahkan):
blockquote:hover {
atau
.post blockquote {
4. Berikutnya copy-paste kode berikut dibawah salah satu kode diatas.
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
}
5. Selanjutnya silahkan Pratinjau Template untuk memastikan kodenya sudah benar. Kalau sudah OK klik Simpan Template. Untuk hasilnya kurang lebih seperti ini:
Blockquote Dengan Efek Shadow
Credit: lyssasecret.com
Cara merubah warna shadownya, ganti saja kode #FF3399 dengan kode warna lainnya yang Anda suka. Untuk kode warna bisa Anda cari disini atau disini. Demikian tutorial kali ini, apabila ada yang perlu ditanyakan, silahkan tinggalkan komentar dan jangan lupa ikuti kali +Deloiz untuk mendapatkan info terbaru lainnya.

Loading...
loading...

Post a Comment Blogger

 
Top