Cara Membuat Efek Shadow Pada Blockquote

Efek kotak bayang-bayang akan muncul apabila cursor menyentuh Blockquote. Penasaran? Ikuti langkah-langkah dibawah ini:

1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode .post blockquote { atau blockquote:hover {
4) Copy kode di bawah ini dibawah kode pada nomor 3 tadi

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 ;
}

Keterangan:
000000 - warna garis border. Tukar kepada warna yang Anda suka. Cek kode warna disini
FF3399 - warna bayang-bayang efek shadow

0 komentar:

Posting Komentar