Sunday, 4 May 2014

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

Dee Gazaa

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

3 komentar:

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak