Tutorial | New Blockquote Style 1 |

1) Tekan CTRL + F dan cari kod ini

.post blockquote {

2) Copy kod di bawah dan paste di bawah kod 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;
}

3) Jom tukar kod yang diwarnakan 

kod merah = warna tulisan

kod biru = warna border

kod kelabu = bentuk border boleh ubah kepada dotted

kod hijau = kedudukan font center, left or right

kod kuning = warna background 

4) Dah siap try preview

5) Kalau jadi boleh save 

---

LIKE kalau SUKA

---

---

SUKA blog ini LIKE jugak yer!

---