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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirssM7k7xAvi4jEZ53NrX08eNOIU0e2D59NiceydIrbvAHZjq3j311_D1O5LGSwDIdUZAV2MfHWExw7pmIkZolKkDyjtLuC5De2TcZiL218c3_c5b3J9oKakyXcVWa9xlCCSTGZWGksxv6/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRlrFnOvQVcEPE7LGuWnnfpcFEmTwJNzeGr4M8b_7Ajm9mpbmW08Q9HLYXpxEix_vzM66Q1SIv7QSpnGBFjfAEOBdfEvuRU8Ib9t7iN4CcGCxcB468CgjaRUfyXiOdcDLORDXov5W2r0Ry/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 ?

msermzni 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. =)

msermzni said...

Terima kasih :)