Blockquote Blur (blogskin)
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 ?
OLDER POST | NEWER POST