OFFICIAL SHAEEZAH

Banner Here!

copy banner ke blog you okey!

Blockquote Blur (blogskin)

0 PENGKOMEN TERHEBAT

tutorial ni saya request dari sorang rakan blogger yang comel ... nmpak blockquote blur nya smart teramat and adik MAS ERMA sudi kongsi tutorial dengan saya :)) tapi adik bagi untuk blog demim not blogskin ...
so,kat sini nak ubah sikit pada blogskin :)
1- seacrh blockquote { 2-padam yang mana tak berkenaan & ganti kan dengan code bawh ni.

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/AVvXsEgN9_noeoW2e8woJqjN7Vwn5BS8-gXusU1amLULPer8v_W2dDdrZ1LzQzNtqvedQ-aJpavehi2lDKMCRKfJG-dmlvM2Vm9E48cUkur5lAarX1usueOfZPummdjsBLDuMyei05ZiMHiDKq9s/s200/asalkanakuok2.jpg) repeat;border:1px dashed #000;padding: 4px;}

kalau korang nak tukar blockquote hover ikut tutorial bawah ni

3- seacrh code blockquote:hover { pulak

4-gantikan dengan code bawah ni :))

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/AVvXsEjlO9g23k8TwMNz0detpMEFyQLKH0zFPiHKIVvPnqOyJv_eAW2jpUROq7gpR_OypCMNC_sVDBjOMwL-o5O1AfUDlnJhDtLMu2wAIE1dci9C-n8PJl_vm9CVdpLE-Lul-LrME8B6o1UdBzGR/s200/asalkanakuok3.jpg) repeat;border:1px dashed #000;}

pastu korang edit lah yang mana patut ..okey ?

credit for you : MAS ERMA

OLDER POST | NEWER POST