Post Image effect for blogger

•   blogger မွာ Post တင္တဲ့ အခါ ပံုေလးေတြကို effect ေလးေတြနဲ႔ တင္လို႔ ရေအာင္လုပ္တဲ့နည္းေလးကို ေျပာျပသြားပါမယ္။ Mouse Hover effect ေလးျဖစ္ပါတယ္။ ေအာက္မွာ နမူနာပံုေလးတင္ေပးထားပါတယ္..။ အဲလိုဒီဇိုင္းေလး ထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္က နည္းလမ္းအတိုင္းလုပ္ေဆာင္ၾကည့္ပါ။


•  နမူနာပံုေလးကိုၾကည့္ပါ..။

• ပထမဆံုး မိမိ ဘေလာ့၏ Template> Customize> Advanced > Add Css ကိုသြားလိုက္ပါ
ေအာက္မွာ ပံုေလးျပထားပါတယ္...။

• ေအာက္မွာေပးထားေသာကုဒ္ေတြကို ကူးယူျပီး ပံုမွာ ျပထားသလို css ေနရာမွာ Paste လုပ္လိုက္ပါ ။ျပီးရင္ေတာ့ Apply to blog ကို ႏႈိက္ျပီး Template ကို သိမ္းလိုက္ပါ...။ပံုတင္ျပီး Post စမ္းေရးၾကည့္ပါ.. .Mouse Hover Effect ေလးနဲ႔ ေတြရမွာျဖစ္ပါတယ္...။အားလံုးအဆင္ေျပၾကပါေစ။

/* Post Image Shadow Effect by ေမာင္ေအးလြင္ */ .post img:hover { -moz-transform: scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2) rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg); -ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2) rotate(-350deg); -webkit-box-shadow: 0 0 20px #45b942; -moz-box-shadow: 0 0 20px #45b942; box-shadow: 0 0 20px #45b942; }