Tutorial Blockquote Versatile di Blogskin

Hey hey there!! Ok jom kita buat blockquote baru,lebih versatile tau kali ni..Sbelum tu,kepada sesiapa yang tak tahu blockquote yang DIya nak ajarkan ni macam mana,tengok gambar bawah ni :

sebelum dihalakan cursor

selepas dihalakan cursor

1.Pergi >> Template


2.Serentak tekan CTRL + F dan search kod blockquote {


3.Kemudian,delete dulu kalau ada kod² lain yang berkaitan dengan blockquote dekat bawah dia ok.


4.Pastekan kod ni 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:#FF9900;font:10px Arial;padding:5px;border-left:10px #FF9900 solid;text-align:left;opacity:1;}blockquote:first-letter {font:24px Script MT Bold;color:yellow;}blockquote:hover {text-align:right;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transition-timing-function: ease-out;-moz-transition-duration: 350ms;color:gold;border-right:10px yellow solid;border-left:0px yellow solid;} 

Then,perkataan gold tu untuk warna dia,tukarlah dengan citarasa korang k


Preview dan Save
Thanks :FaqihahHusni