Cara membuat border blockquote berwarna warni

Untuk memodifikasi blockquote agar lebih keren banyak sekali tipsnya,
salah satunya adalah dengan menambahkan border di sisi-sisinya.
Yang biasa kita jumpai adalah border yang sisinya sama warna.
Simak deh tutorialnya...

1. Login blog
2. Rancangan dan edit html >expand widget template
3. cari kode .post blockquote {
4. tambahkan kode border menjadi seperti dibawah ini
.post blockquote {
COLOR: #BFBFBF;
font-family:'Short Stack',Arial, Georgia,Trebuchet MS,  Sans-Serif;
border-left: #7ADED4 dotted 2px;
border-top:#BA5ED1 dotted 2px;
border-bottom:#FFA95E dotted 2px;
border-right:#C9FF5E dotted 2px;
background:#121211;
}

keterangan:
warna kode merah adalah warna teks blockquote
warna kode kuning adalah warna border blockquote
warna kode hijau adalah warna background blockquote
warna kode biru adalah style border, sobat dapat menggantinya dengan style yang lain.
misalnya: dashed, double, groove, inset, outset, ridge, solid atu inherit
Ganti warna sesuai keinginan sobat!

5. Save template dan selesai.

Demikian tutorial cara membuat border blockquote warna warni.
semoga infonya bermanfaat. ✿◕ ‿ ◕✿
 
Top