Thursday, February 28, 2013

Tutorial : Blur Blockquote

{Request from shoutbox}
  • Dashboard > Design > Edit HTML
  • Search kod berhantu ni  ]]></b:skin>
  • Copy code di bawah lalu paste di atas code berhantu tadi
.post blockquote { -webkit-filter: blur(2px);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;background: url(http://3.bp.blogspot.com/-Di4OipcJ8Gc/URosBbIf8AI/AAAAAAAAG6c/tnQzEKApSZo/s200/asalkanakuok2.jpg) repeat;border:1px dashed #000;padding: 4px;} .post blockquote:hover {-webkit-filter: blur(0px);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;background: url(http://3.bp.blogspot.com/-d1cDYej6PQs/URos8La7IVI/AAAAAAAAG8M/po9wr05Vp0U/s200/asalkanakuok3.jpg) repeat;border:1px dashed #000;}
  • Edit apa yang patut dan save 
AMARAN!
delete dulu code blockquote lama yg pernah anda activekan dalam blog anda. Ini adalah hak Mas Erma sendiri. Sila credit {Mas Erma}

4 comments:

SHaeezah said...

awak saya guna blogskin ...boleh guna code yg sama tak ?

Mas Erma Azni said...

Boleh ja, tapi tukar .post blockquote { kpd blockquote { dan .post blockquote:hover { kpd blockquote:hover { :) code bawah tu sama je.

Emildza Jayy ♥ said...

cantek plak blog awak! Follow me back oke, http://emildzajayy.blogspot.com/
Smart, ada masa saya buat blockquote gitu. =)

Mas Erma Azni said...

Terima kasih :)