Deloiz - 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:
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:
 |
| Credit: lyssasecret.com |
Cara merubah warna shadownya, ganti saja kode #FF3399 dengan kode warna lainnya yang Anda suka. Demikian tutorial kali ini, apabila ada yang perlu ditanyakan, silahkan tinggalkan komentar dan jangan lupa ikuti kali +Deloiz untuk mendapatkan info terbaru lainnya.
