Tutorial #96

Blur To Normal

Simple Template

• Dashboard > Template > Edit HTML
• Search this code  ]]></b:skin>
• Copy code dekat bawah ni dan paste atas ]]></b:skin>

<style type="text/css"> /*BLUR*/ .post-body img {  -webkit-filter: blur(5px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img: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; } </style>

• Preview dan kalau tadak apa apa error, dgn bahagianya save :)

Blogskin's User

• Dashboard > Template 
• Tekan Ctrl + f serentak dan cari code </style>
• Copy code dekat bawah ni

<style type="text/css"> /*BLUR*/ .blur img {  -webkit-filter: blur(5px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .blur img: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; } </style>

• Korang save.
• Kalau korang nak buat effect ni dkt image blog korang. Guna code ni -

<div class="blur pic"><img src="URL IMAGE"></div>