Tutorial: BLOCKQUOTE MACAM CCI

salam semua.. ^_^

ok kat sini cci ade 1 tutorial yang diminta oleh cik pipi merah

iaitu Blockquote mcm CCI 

Sebelum letak corsor

Selepas letak cursor

Memula seperti biasa

Buka blog korang pilih:-

Template  ›  Edit HTML

 Expand Widget Templates

search 

/* Posts

cari 

.post blockquote {     

 (ataupun)     

blockquote{

Da jumpa korang copy semua  kod yang ada di bawah.
Pastekan di bawah kod yg korang cari tadi.

 sebelum tu kene buang apa yang ada dibawah kod tu dulu ek, gantikan dengan kod yang cci bagi tu:-

border:1px solid #F6CECE;
background:url(background yang korang nak);
color:  #F6CECE; (warna font dlm blockqoute)
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
box-shadow: inset 20px 0 0px 0  #FFFF99;
padding: 10px 10px 10px 26px;
font-size:14px;
font-weight:bold;
line-height: 1.5em;(ketinggian font korang)
border-radius:0px 20px 20px 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius:20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 0px;
}
blockquote:hover{
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
border:2px solid #99FF33;
color:#fff; (warna font hover)
background:#FF9999;
box-shadow: inset 280px 0 0px 0 #FF99CC;

dan paste sampai atas

}
.post blockquote p {

lepas tu korang preview jadi ke tak... :) kalo jadi syukrann...


Entry yang lepas:-
http://ccicutedollylicious.blogspot.com/2012/09/bestnya-dapat-kereta-vwbeetle.html

---

◕‿◕✿ Terima Kasih singgah baca...kalo senang datangla lagi yer ✿◕‿◕

---