Memberi efek shadow pada Blockquote

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  Jika belum berhasil,,, Jangan putus asa... coba terus mungkin anda melakukan kesalahan kecil saat melakukan pengeditan...
Semangat yaa...

1 comment:

  1. wah kren ne......blog yg mantap.....
    salam blogger...
    kunjungan balik ya.....
    - http://kasarongan.blogspot.com
    - http://katingotake.blogspot.com

    ReplyDelete