မိမိဘေလာ.ပိုစ္.ကပံုေတြကို Round Hover Effect ေလးနဲ.တင္ခ်င္ရင္

Post oleh : Unknown | Rilis : 2:55 PM | Series : Blogger Tutorial ဘေလာ.နည္းပညာ

ဒါေလးကေတာ.ကိုယ္.ဘေလာ.ပို.စ္.ေတြကပံုေလးေတြကို Round Hover Effect ေလးနဲ.တင္ခ်င္တဲ.ေဘာ္ဒါေတြအတြက္ပါ.. နမူနာႀကည္.ခ်င္ရင္ေတာ.
ကြ်န္ေတာ္.ဘေလာ.ပိုစ္.ေတြမွာရိွတဲ.ပံုေတြကို ေမာက္စ္နဲ.ေထာက္ႀကည္.လိုက္ပါ.. သေဘာက်လို.သံုးခ်င္တဲ.ေဘာ္ဒါေတြေအာက္မွာဘယ္လိုလုပ္ရမယ္ဆိုတာဆက္ႀကည္.လိုက္ပါ..
Blogger Dashboard > Template > Edit HTML အဆင္.ဆင္.သြားလိုက္ပါ..
Ctrl+F ကိုနွိပ္ျပီး Search Box ထဲမွာ ]]></b:skin> ဆိုတဲ.ကုဒ္ေလးရိုက္ထည္.ျပီး ရွာပါ
ရွာလို.ေတြျပီဆိုရင္ေအာက္ကကုဒ္ေတြကိုကူးယူျပီး ]]></b:skin>ဆိုတဲ.ကုဒ္ေလးမတိုင္ခင္မွာ
 Paste ခ်လိုက္ပါ..

.post img { text-align:center; border:3px solid #39F; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; margin:0 2px 4px 0; padding:2px; } .post img:hover { text-align:left; border:3px solid silver; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition:all .45s ease-out; -moz-transition:all .45s ease-out; -o-transition:all .45s ease-out; transition:all .45s ease-out; margin:-6px -8px -8px -6px; padding:1px; }

ျပီးရင္ေတာ.Template ကို Save လုပ္လို.ရပါျပီ

ေရြႊမင္း၀ံ

facebook

twitter

Tweet

google+

linkedin