hyee :) salam semuanya :) hari nie una nak share dengan korunk code untuk korunk letak dalam bahagian code blocquote. una dah tweak kan code2 dia semua , dan una dah letakkan gambar mcm mana rupanya sebelum & selepas cursor menyentuh :) colour , background & etc korunk boleh tweak sendiri ikut citarasa korunk kay ? tak tahu nak guna kan ? boleh ikut tutorial ini --> About Blockquote :)
BLOCKQUOTE LIP LAP
.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOlaXhfFu87nkHWkT67UAWn5yC6lxw5532vzB-pQeYxFDuO81arAVXpUNyuBtLWTMCloBH4FJjjY-_jPg8dQydqVUlLtb9eq051ASaGiXJH07WDtSE1kAfkdesZZ5xigka4ju6e4a9ny9/s1600/pinkgrain.png);
color: #000000;
-webkit-transition: 3s;
}
BLOCKQUOTE BORDER SOLID TURN DASHED
.post blockquote {
background:#FFC6C6;
Border:2px solid #DEB1B1;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
Border:2px dashed #DEB1B1;
color: #000000;
-webkit-transition: 3s;
}
BLOCKQUOTE SWINGING 360deg
.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
background-color: transperant;
-webkit-transition-duration: 2s;
border:2px dashed #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote {background:#FFC6C6;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;border-left: 6px solid #DAB0B0;border-right: 2px dashed #FFFFFF;border-bottom: 2px dashed #FFFFFF;border-top: 2px dashed #FFFFFF;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.post blockquote:hover {color: #000000;-webkit-transition: 3s;background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif);background-position:bottom right;background-repeat:no-repeat;}
BLOCKQUOTE ICON CHOMEL TEMBAK
.post blockquote {background:#FFC6C6;-webkit-transition-duration: 2s;padding: 12px;margin: 2px 2px;color: #ffffff;border-right: 6px solid #DAB0B0;border-left: 2px dashed #FFFFFF;border-bottom: 2px dashed #FFFFFF;border-top: 2px dashed #FFFFFF;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}.post blockquote:hover {color: #000000;-webkit-transition: 2s;border-left:20px double #DAB0B0;background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif);background-position:bottom right;background-repeat:no-repeat;}
BLOCKQUOTE BORDER SQUARE TURN TO RADIUS
.post blockquote {background:#FFC6C6;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;border:2px solid #FF9696;}.post blockquote:hover {color: #000000;-webkit-transition: 3s;border:2px solid #E8BEFF;border-radius:10px}
NOTA BIT BOTT :
penat una tweak kan satu-satu :) harap korunk minta permission dari una if nak re-freebies okey ? una tak kan marah punyer ^^ and please credit me if you use this :) kalau tak pun comment okey ? una takkan marah punyer , thanks yupp sebab guna :) kalau korunk nak masuk kan code nie korunk preview dulu okey ? then tengok hasil yang sepenuhnya , gambar tuh takut korunk blurr plak kan ? sooo , kalau cantik baru save ^^ soo , semoga berjaya korunk !
thanks for the Tuto :)
ReplyDeleteBLOCKQUOTE macam awak :D .
ReplyDeletethanks. Saya punya blockquote dah lawa dah... hikhok. THANKS A LOT.
ReplyDeletenak re-freebies ye sayang ? i'll credit to you . XD
ReplyDeletetake the first one. thanks :)
ReplyDeletewah best lah una ni. tia terus ambil code first tu tau. and thanks for the freebies. cool gila :)
ReplyDeletetengs for the tuto una !:)
ReplyDeletewoah thanks ! ilove it :D
ReplyDeletePakai satu , lawanya :3
ReplyDeletethanks una :)
ReplyDeleteThanks :)
ReplyDeletethanks kak una blockquote yg lawa
ReplyDeletethanks kak una ! sebenarnya, dah lama carik tuto camni :D
ReplyDeletethanks kak una ! mmg dh lama cri tuto nieyh :)
ReplyDeleteUna, sis amek yg 1st tu. interesting job ! keep up the good work :)
ReplyDeletethanks kak una ;D loveyou!
ReplyDeletetake code blockquote ade icon comel :) thank you .
ReplyDeletethanks kak una
ReplyDeletethanks sis , already credit it .. :D
ReplyDeleteNak try lah :) Btw, thanks for the tuto :D
ReplyDeleteambil lah :3
ReplyDeletekak una, yaya try jadi laa. terima kasih kak. lavya <3
ReplyDeleteadek una , sys pinjam satu , haha
ReplyDeletenak guna code tu tau :)
ReplyDeleteambik satu oke :)
ReplyDeletetQ
thanks una! :) menjadik!
ReplyDeletekite nk try lah buat blockquote niyh... btw,thanks yer kak una.. :)
ReplyDeleteKak Una , yana guna satu auu..Yang "BLOCKQUOTE BORDER SQUARE TURN TO RADIUS " tuh.. Thanks kak Una .. cool <3 XD
ReplyDeletetake code BLOCKQUOTE ICON CHOMEL TEMBAK. thank you :)
ReplyDeletethanks kak una, i use many of your tuto.
ReplyDeletetime kasih una :)
ReplyDeletesimple template x pkai tadek kode .post blockquote kan . habes tu , nak paste kat mane ea ? boleh tolong x ?
ReplyDeletesaya amek yang mule2 sekali.. hee~~ thank you
ReplyDeleteambil code no 5 ..thank you :)
ReplyDeleteambil ~~
ReplyDeletenk 1 okey...:)..thanz for da tuto eh...
ReplyDeleteterima kasih una sayngg <3
ReplyDeleteKak Una, Lady N amek freebies BLOCKQUOTE tau... time kaceh..
ReplyDeleteKak Una, x jadi pon...
ReplyDeletesatu pliss .
ReplyDeletethanx :)
una Ayn gune..
ReplyDeletenak boleh ^^ hehe
ReplyDeletethanks kak una:)
ReplyDeletemtak 1 =3
ReplyDeletethanks :D
ReplyDeletenak guna satu ^^
ReplyDeleteunaa, akak amek tau. thanks :)
ReplyDeletethanks a lot <3 amek satu ye.
ReplyDeletesaya suka2 thanks ok .
ReplyDeleteriya ambik satu ek sayang :D
ReplyDeletesaya amek re-freebies ea ? terima kasih :)
ReplyDeletethanks akk
ReplyDeletethank youu <3
ReplyDeletesis, saya nak ambil ya ;) saya credit ya! boleh boleh? :D
ReplyDeletethanks kak una nice i take one
ReplyDeleteakak saya nk re-freebies ? Bole ? Saya credit
ReplyDeletecuri satu blockquote liplap tao *winkwink*
ReplyDeleteKAK UNA ! SAYA AMBIL TAU . NANTI SAYA CREDIT KAT KAK UNA . TRIMAS .
ReplyDeleteeiqa minta kebenaran una utk ambik 1 ye... :)
ReplyDeleteKak una, dahh try, comel sangatt :) thanks for the tuto.
ReplyDeletekak una, saya amek tau (:
ReplyDeletesyukran li freebies:)
ReplyDeleteTakde colour biru ke ?
ReplyDeleteAin ambil satu. Thanks for the tuto :)
ReplyDeletetengs una :)
ReplyDeletenurul ambil 1 thanks for the totu
ReplyDeletepakai satu ya ?
ReplyDeleteamik satu akak..thx akak..
ReplyDeleteamk :)
ReplyDeletethanks kak una ^^
ReplyDeleteuna, amek eyh. thanks ;)
ReplyDeletethanks kak :)
ReplyDeletesuker :D <3 thx kak una :)
ReplyDeletetq akak.... cute sgt2
ReplyDeletekesian kak una wat byk2 ni .mesti pening kan ? saya amik satu yep .. thanks ..
ReplyDeletesaya guna tuto nih . thankyou :)
ReplyDeletekak una. sye gune tuto nih.. thanks a lot ! :)
ReplyDeleteambik satu.
ReplyDeleteThanks. :D
terima kasih akak . :)
ReplyDeleteTHANKS UNAA :)
ReplyDeleteThanks :)
ReplyDeleteSaya nak guna yea? n_n
ReplyDeletekak una , sye amek yee .
ReplyDeletekak sye amek 1 yek ^.^
ReplyDeletethanks
ReplyDeleteguna satu yea. thanks :D
ReplyDeletekite guna tuto akak tau :) macam-2 ^^ thanks for the tutoo .
ReplyDeleteAmik satu yaw kakak . (: TQ .
ReplyDeletekak una , faraa amek taw dah credit . thanks . cantek blackquote design kak una :)
ReplyDeletekite nk guna gak..maceh:D
ReplyDeletekak una , mimi re-freebies k . ! will creadit for u dear
ReplyDeletessaya amek taw
ReplyDeletetens freebies nie..like it..fiqah guna yer freebies nie..
ReplyDeleteguna :)
ReplyDeleterembat taw :)
ReplyDeletethanks a lot :)
ReplyDeletenak curi eh :P btw nanti sy credit an :D
ReplyDeleteamek satu yep :)
ReplyDeletethanx kak una : )
ReplyDeleteamik satu
ReplyDeleteKita ambil satu ye kak una. Cantik. Terima kasih
ReplyDeletesaya ambil satu ya ^^.Thank you :)
ReplyDeletegune tuto niey . thanks :)
ReplyDeletesaya ambil satu ya ! Thanks sis !
ReplyDeleteambik satu ye una.thanks :)
ReplyDeleteTq~ Dh gune :D
ReplyDeleteambik satuu taww .
ReplyDeletekak Una, saya gune BLOCKQUOTE ADA ICON CHOMEL tau! terima kasih kak Una :D
ReplyDeleteSaye ambil satu! Yang tembak tu..^^ Thanks una! Love,Aimi
ReplyDeleteakk sye amik eh?geram sgt tgok tuto niyh..nk cbit2 je.hehe.tq 4 this tuto ;)
ReplyDeletecomelnye..nk amik stu eh kak una.:)
ReplyDeleteyana amek freebies nieh . tanks kak una ^^
ReplyDeleteThanks kak Una. Yasmin guna freebies niy tau.
ReplyDeleteAlhamdulilah , akhirnya jumpa jugak tuto nie. Thanks kak una. ^^
ReplyDeletekita ambil stu . TK
ReplyDeleteAmik. BLOCKQUOTE SWINGING
ReplyDeletenak amik tau :)
ReplyDeleteguna tuto nie .
ReplyDeletethankyou ^^
ReplyDeleteKak, kita try tau ^.^ thanks :)
ReplyDeleteKita guna yea akak Una :D
ReplyDeletetq ! =))
ReplyDeleteJadi lah. Thankyou so much sis :)
ReplyDeleteuna , yana guna taw .. thx
ReplyDeleteamek 1 .. thx
ReplyDeleteamek yerh
ReplyDeletegteat ! tuto awak semua best-2 . aien amek keyh ap yg una dahh bg kat tuto nie :)
ReplyDeletesaya nak cuba satu yer. thankyou <3
ReplyDeleteamek .. thx ..
ReplyDeletewaaahhh saya amik yg icon tembak2 tu hehe chumell..thanx kak una
ReplyDeletethanks una :)
ReplyDeletethanks a lot kak.love it <3
ReplyDeletetry :)
ReplyDeleteakak..saya amek satu tau ..thanxx..!
ReplyDeleteamek satu ..thanx kak una
ReplyDeletesaya amik plak ;) trimass
ReplyDeleteamik satu.. thanx a lot sis
ReplyDeletekak una. saya amik satu yer :)
ReplyDeleteuna, saya amik code yang last skali. thanks :)
ReplyDeletethanks kak una XD
ReplyDeletesy nk guna yer.. :)
ReplyDeletesis Una , saya guna blqte yg ada icon tu :)
ReplyDeletethx f0r tut0
ReplyDeletesaya ambek yaa :) saya nak copy jugakk :3 thanks
ReplyDeleteHai saya pun guna juga ye :) Thanks. Cuteeeee gilaa :O
ReplyDeleteDone :D terimakasih awak hehe :D
ReplyDeletesaya amek :)
ReplyDeleteNinie guna yea kak una yang tomeyyy..
ReplyDeletesaya guna ye ;)
ReplyDeleteThanks :) ambl yg ada ikon tu
ReplyDeletewah kak Una ! sanggupnya akal susap payah bagi kod blockquote kat semua . memang superb fantastic akak una nie . You're the best ! cayang akak Una
ReplyDeleteSaya amik satu kak una .
ReplyDeletesaya amik satu :)
ReplyDeletecomel hee ;p
ReplyDeletebtw Salam Ramadhan..
saya nak retuto blockquote akak yg no.2 & 6,leh?Saya credit nama akak-Thanks :)
ReplyDeleteambil satu ye kak una..thanks
ReplyDeleteamik satu :))
ReplyDeleteamik satu :))
ReplyDeleteamik satu ye..klu YB nk tukar kaler dye boleh?sb YB x ske kaler pink..thanks!
ReplyDeleteTry yg dash tu tp xjd T.T
ReplyDeleteHi,
ReplyDeleteproblem dh resolved.
gune satu ye! tq :)
<3 hai , thanks untuk semua ya ! banyak membantu sy , =))
ReplyDeleteSaya Nak amik stu ye.. Thanks :)
ReplyDeleteAmik satu yeeeeeeee :)
ReplyDeleteTake One :D
ReplyDeletesaya guna yer...............
ReplyDeleteThanks..:)
ReplyDeleteNak satu :) Thanks :)
ReplyDeleteAmik satu :D
ReplyDeleteSue amik satu. Thanksalot :D
ReplyDeleteakak ! terima kasih :D
ReplyDeleteAkak , your entry help me a lot . muahhhh xxx :* Thank you
ReplyDeletesaya amik satuu :)
ReplyDeletesaya amik satuu :)
ReplyDeletesaya amik satuu :)
ReplyDeletethanks kk una . tutorial yg SANGAT senang dn freebies yg tersangatlah comey dn cntik mcm tuan dy :)
ReplyDeleteamik satu taww
ReplyDeleteI guna ye unaaa :)
ReplyDeleteI guna satu ye unaaa :) Thankss
ReplyDelete