FREEBIES : Code for your cute Blockquote

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;
}

BLOCKQUOTE ADA ICON CHOMEL

.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 !

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

179 comments:

  1. thanks. Saya punya blockquote dah lawa dah... hikhok. THANKS A LOT.

    ReplyDelete
  2. nak re-freebies ye sayang ? i'll credit to you . XD

    ReplyDelete
  3. wah best lah una ni. tia terus ambil code first tu tau. and thanks for the freebies. cool gila :)

    ReplyDelete
  4. thanks kak una ! sebenarnya, dah lama carik tuto camni :D

    ReplyDelete
  5. thanks kak una ! mmg dh lama cri tuto nieyh :)

    ReplyDelete
  6. Una, sis amek yg 1st tu. interesting job ! keep up the good work :)

    ReplyDelete
  7. take code blockquote ade icon comel :) thank you .

    ReplyDelete
  8. thanks sis , already credit it .. :D

    ReplyDelete
  9. Nak try lah :) Btw, thanks for the tuto :D

    ReplyDelete
  10. kak una, yaya try jadi laa. terima kasih kak. lavya <3

    ReplyDelete
  11. kite nk try lah buat blockquote niyh... btw,thanks yer kak una.. :)

    ReplyDelete
  12. Kak Una , yana guna satu auu..Yang "BLOCKQUOTE BORDER SQUARE TURN TO RADIUS " tuh.. Thanks kak Una .. cool <3 XD

    ReplyDelete
  13. take code BLOCKQUOTE ICON CHOMEL TEMBAK. thank you :)

    ReplyDelete
  14. thanks kak una, i use many of your tuto.

    ReplyDelete
  15. simple template x pkai tadek kode .post blockquote kan . habes tu , nak paste kat mane ea ? boleh tolong x ?

    ReplyDelete
  16. saya amek yang mule2 sekali.. hee~~ thank you

    ReplyDelete
  17. nk 1 okey...:)..thanz for da tuto eh...

    ReplyDelete
  18. Kak Una, Lady N amek freebies BLOCKQUOTE tau... time kaceh..

    ReplyDelete
  19. saya amek re-freebies ea ? terima kasih :)

    ReplyDelete
  20. sis, saya nak ambil ya ;) saya credit ya! boleh boleh? :D

    ReplyDelete
  21. akak saya nk re-freebies ? Bole ? Saya credit

    ReplyDelete
  22. curi satu blockquote liplap tao *winkwink*

    ReplyDelete
  23. KAK UNA ! SAYA AMBIL TAU . NANTI SAYA CREDIT KAT KAK UNA . TRIMAS .

    ReplyDelete
  24. eiqa minta kebenaran una utk ambik 1 ye... :)

    ReplyDelete
  25. Kak una, dahh try, comel sangatt :) thanks for the tuto.

    ReplyDelete
  26. Ain ambil satu. Thanks for the tuto :)

    ReplyDelete
  27. kesian kak una wat byk2 ni .mesti pening kan ? saya amik satu yep .. thanks ..

    ReplyDelete
  28. kak una. sye gune tuto nih.. thanks a lot ! :)

    ReplyDelete
  29. kite guna tuto akak tau :) macam-2 ^^ thanks for the tutoo .

    ReplyDelete
  30. Amik satu yaw kakak . (: TQ .

    ReplyDelete
  31. kak una , faraa amek taw dah credit . thanks . cantek blackquote design kak una :)

    ReplyDelete
  32. kak una , mimi re-freebies k . ! will creadit for u dear

    ReplyDelete
  33. tens freebies nie..like it..fiqah guna yer freebies nie..

    ReplyDelete
  34. nak curi eh :P btw nanti sy credit an :D

    ReplyDelete
  35. Kita ambil satu ye kak una. Cantik. Terima kasih

    ReplyDelete
  36. kak Una, saya gune BLOCKQUOTE ADA ICON CHOMEL tau! terima kasih kak Una :D

    ReplyDelete
  37. Saye ambil satu! Yang tembak tu..^^ Thanks una! Love,Aimi

    ReplyDelete
  38. akk sye amik eh?geram sgt tgok tuto niyh..nk cbit2 je.hehe.tq 4 this tuto ;)

    ReplyDelete
  39. comelnye..nk amik stu eh kak una.:)

    ReplyDelete
  40. yana amek freebies nieh . tanks kak una ^^

    ReplyDelete
  41. Thanks kak Una. Yasmin guna freebies niy tau.

    ReplyDelete
  42. Alhamdulilah , akhirnya jumpa jugak tuto nie. Thanks kak una. ^^

    ReplyDelete
  43. kita ambil stu . TK

    ReplyDelete
  44. Jadi lah. Thankyou so much sis :)

    ReplyDelete
  45. gteat ! tuto awak semua best-2 . aien amek keyh ap yg una dahh bg kat tuto nie :)

    ReplyDelete
  46. saya nak cuba satu yer. thankyou <3

    ReplyDelete
  47. waaahhh saya amik yg icon tembak2 tu hehe chumell..thanx kak una

    ReplyDelete
  48. akak..saya amek satu tau ..thanxx..!

    ReplyDelete
  49. una, saya amik code yang last skali. thanks :)

    ReplyDelete
  50. sis Una , saya guna blqte yg ada icon tu :)

    ReplyDelete
  51. saya ambek yaa :) saya nak copy jugakk :3 thanks

    ReplyDelete
  52. Hai saya pun guna juga ye :) Thanks. Cuteeeee gilaa :O

    ReplyDelete
  53. Ninie guna yea kak una yang tomeyyy..

    ReplyDelete
  54. wah kak Una ! sanggupnya akal susap payah bagi kod blockquote kat semua . memang superb fantastic akak una nie . You're the best ! cayang akak Una

    ReplyDelete
  55. comel hee ;p
    btw Salam Ramadhan..

    ReplyDelete
  56. saya nak retuto blockquote akak yg no.2 & 6,leh?Saya credit nama akak-Thanks :)

    ReplyDelete
  57. amik satu ye..klu YB nk tukar kaler dye boleh?sb YB x ske kaler pink..thanks!

    ReplyDelete
  58. Hi,
    problem dh resolved.
    gune satu ye! tq :)

    ReplyDelete
  59. <3 hai , thanks untuk semua ya ! banyak membantu sy , =))

    ReplyDelete
  60. Akak , your entry help me a lot . muahhhh xxx :* Thank you

    ReplyDelete
  61. thanks kk una . tutorial yg SANGAT senang dn freebies yg tersangatlah comey dn cntik mcm tuan dy :)

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=