Sep 26, 2012

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

 

/* 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 ✿◕‿◕

19 comments:

Anonymous said...

wow. boleh try nieh ! hihi :)

Unknown said...

kawaii..

maceh taw..sweetnyer..

farisha fadzly said...

Kawai ~

BiskOt said...

aoohh blockquote kata kuncinya.. ngahaa ^e^ patut la magik2 je dalam tu. wehee. tq 4 sharing.

Unknown said...

tak jadi laa.. takpe mungkin takde rezeki.. hehehe bajet padahal template tak menepati piawaian.. kan.. :)

Kakak Macho's said...

Assalamualaikum kak cci ;)

Thanks for sharing . Sharing is caring . hehe XD . maaflah lambat reply comment sebab sekarang exam nak dekat , jarang on , lepas exam baru on balik . hehe .

Diari Si Froggie said...

awesome gitu cci.. pastu terleka dok main cursor tu je. hehe

Everything's Everythings said...

wahhh bagus jgua ad benda ni..
mana nk cari eh kotak2 yg comel mcm ni..
lps tu, waktu kita tulis entry tu mcm mana nk buat jdi dalam kotak tu?

Cikgu Ma said...

waaa...syukran cikgu...hehehe...

saya dok cari x jumpa sbb pakai templete picture window..sebelum ni pakai yg simple senang jer cari kod dia...nnt line dah ok sket nak ikut tutorial ni..

tensennn line siput...huhuu

Unknown said...

wahh .. boleh bertukar.. cantik. thnx sharing ^^

syiela said...

cantik la.... kalau mood rajin mai blh try

Nurul Fatihah said...

Wah !! Nak try lah...Hehe..

dEdEQ dE wIshEs said...

TUTO YG POWERRR .. HIHI .. T TRY LER

Azzah said...

cantiknya warna..nak try gak la..

Anonymous said...

tq share yek bagus ni

Unknown said...

ia bertukar wajah ~~~ hehe..tq cci share ni

rAIHan said...

nnt ade mse nak try lah..^^

Shida Radzuan said...

wahhh special nya kak..nk cuba hehehe :)

FaTiMah aZ-zArAh said...

wah ! mesti try nie .. so sweet..

 

Copyright © 2012 Reserved to Gerbang Perkahwinan (Doodle Blog)
Design by Ccicutedesign