Cara Membuat Blockquote Super Keren di Blog

Assalamualaikum sobat semua....

Kali ini saia akan berbagi tips mempercantik tampilan BLOCKQUOTE pada blog sobat, ngomong-ngomong sobat udah tau belum apa itu BLOCKQUOTE ??? BLOCKQUOTE adalah fitur mempercantik suatu paragraf/kata-kata yang kita anggap penting (kira2 begitulah makna'a :D), oke deh, tanpa memperpanjang muqaddimah, langsung aja kita olah TKP !! :D

• Masuk dashboard blogger
• Klik template 
• Edit HTML cari kode </head> dan letakkan kode dibawah ini tepat diatas kode  </head> , setelah itu klik simpan

<style> .post blockquote { background: linear-gradient(#d2ff00, #5A8F00) repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 20px #000;border-radius: 10px 10px 10px 10px; color: #000; margin: 25px 10px 5px; padding: 15px 30px; position: relative; font: 13px tahoma,sans-serif; font-weight: normal; } .post blockquote:after { border-color: rgba(0, 0, 0, 0) #d2ff00;border-style: solid; border-width: 30px 0px 0px 20px; top: -28px; content: ""; display: block; left: 7px; position: absolute; width: 0; } </style>

Setelah selesai, Bentuknya akan seperti ini :

Keterangan :

• Kode warna Biru : untuk ganti warna latarnya.
• Kode warna Merah : untuk ganti warna tulisannya.

Gimana sobat ? keren kan ? :D
selamat mencoba :D

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin