Blockquote Style for Blog #1

Yuk, langsung aja! Gak usah basa-basi

Hasil blockquote:

Hasil tanpa hover

Hasil dengan hover

1. Pertama tama, kamu cari kode .post blockquote { Kalau ngga ada, tambahkan dulu. Letaknya di bawah kode /* Headings

2. Lalu, copy kode ini:

background : #FFFFFF;
color : #000000;
padding : 6px;
margin : 2px 2px;
border :2px solid #CC6BFF;
border-radius :15px
}

- Merah #FFFFFF: Warna background blockquote
- #CC6BFF: Warna border blockquote
- solid: Jenis border
- Pink #000000: Warna tulisannya di blockquote
- Biru muda 15px: Ukuran border, bisa diubah-ubah.

Dan paste di bawah kode .post blockquote {

P.S: Kalau kamu mau blockquotenya bisa di-hover, copy kode ini:

blockquote:hover {
background:#FFFFFF;
border: 3px dotted #0000FF;
background-repeat:repeat;
}

- Merah #F781F3: Warna background blockquote setelah di-hover
- Dotted: Jenis border
- #0000FF: Warna border blockquote setelah di-hover

Dan paste dibawah kode blockquote tanpa hover tadi.

3. Save Template!

Selesai, deh! Kalau ada yang bingung tanya di komentar ya..

Kalau mau tahu jenis-jenis border, bisa klik ini
Kalau mau tahu warna-warna, bisa klik ini