
Lanjut-lanjut nulis Postingan....
Kali ini saya akan bagikan cara membuat Kotak Blockquote kita menimbulkan shadow bila tersentuh oleh kursor... keren kan ???
Yuk simak cara-caranya....
Seperti biasa,
- Masuk ke Dashboard
- Template > Edit HTML
- Anda tekan CTRL+F untuk memunculkan kotak pencarian,
- kemudian anda tempelkan kode berikut untuk menemukan dimana letaknya, jangan lupa tekan Enter yaa...
.post blockquote {
- Sudah ketemu belum ??? Kalo sudah tempelkan kode berikut di bawah kode yang barusan anda cari.
blockquote:hover {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 ; }Setelah itu coba anda simpan, kemudian anda refresh tampilan Blog anda... gimana ?? apa hasilnya seperti yang kita harapkan ??? Jika berhasil, meskilah ucapkan Alhamdulillah
Semangat yaa...
No comments:
Post a Comment