Cara membuat Blockquote cute!
Tau blockquote kan? itulho biasanya kotak buat naruh kode html...Oke kita mulai jadi tutorialnya
- Pergi ke template
- Tekan Ctrl+F, tulis blockquote {
- Hapus semua yang ada dibawah kode blockquote {
- Pastekan kode dibawah ini dibawah kode blockquote {
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
color:#000000;
font:12px Verdana;
padding:5px;
border-right:5px #FAAFBE solid;
border-left:5px #FAAFBE solid;
text-align:left;
opacity:1;
}
blockquote:hover {
background:#FDEEF4;
text-align:center;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
color:#000000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-right:4px #C38EC7 solid;
border-left:4px #C38EC7 solid;
}
- Merah: Kode warna blockquote sebelum diarahkan kursor
- Hijau: Warna Kode blockquote sesudah diarahkan kursor