Lable Animation For Blogger

ကၽြန္ေတာ္လည္း Learner Guide လုိ႔သာ ေခါင္းစဥ္တတ္ထားတာ
လာလည္သူေတြအတြက္က Software ေတြနဲ႔ ဂိမ္းေတြကသာမ်ားေနေတာ့.
ဒီတစ္ခါ Blogger ေတြအတြက္ ကၽြန္ေတာ္ Kp3 Family ကေတြ႕ခဲ့တာေလးကို
ျပန္ Share ေပးလိုက္ပါတယ္။

အခု ေျပာျပေပးမွာက Blogger လုပ္ေနတဲ့ အကိုအမမ်ားအတြက္ပါ။
မိမိ ကိုယ္ပိုင္ Blogger မွာ Lable ေလးေတြ စီထားတာရွိပါတယ္။
အဲ့ Lable ေလးေတြကို Animation Effect ေလးထည့္ခ်င္တယ္ဆိုရင္။
ေအာက္က အဆင့္ေလးေတြအတုိင္းသြားပါေနာ္။





ပထမဦးဆံုး မိမိ Blogger Home ကိုဝင္ပါ။

www.blogger.com/home ပါ။

ၿပီးရင္ ေအာက္ကပံုေလးထဲက Template ဆိုတာေလးကိုကလစ္ပါ။


အဲ့မွာ Template စာမ်က္ႏွာေပၚလာၿပီဆိုရင္ ေအာက္ကပံုေလးအတုိင္း
Edit HTML ဆိုတာေလးကိုကလစ္ပါ။




ကလစ္ၿပီးၿပီဆိုရင္ ေအာက္ကပံုေလးမွာျပထားတဲ့အတုိင္း ေပၚလာမွာပါ။
ေပၚလာၿပီဆိုရင္  Procced ဆိုတာေလးကိုကလစ္ပါ။
HTML Code ေပၚလာပါမယ္။



 Expand Widget Templates ဆိုတာေလးကို Check ေပးပါ။




 ၿပီးရင္ Ctrl + F ရယ္ႏွိပ္ေပါင္းႏွိပ္ၿပီး </head> ဆိုတာေလးကိုရွာပါ။
</head> ကုိေတြ႕ၿပီဆုိရင္ ေအာက္က HTML Code ေလးေတြကို
</head> ေအာက္မွာ.. Copy Paste လုပ္ပါ။ ကူၿပီးထည့္လိုက္ပါ။




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'> 
    </script> 
    <script type='text/javascript'> 
    var dur = 450; 
    $(document).ready(function() { 
    $(&#39;a.linknudge, .Label ul li a&#39;).hover(function() { 
    $(this).animate({ 
    paddingLeft: &#39;20px&#39; 
    }, dur); 
    }, function() { 
    $(this).animate({ 
    paddingLeft: 0 
    }, dur); 
    }); 
    });</script>

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



ဒီမွာတစ္ခုေျပာခ်င္တာေလးရွိပါတယ္။ မိမိ Coding ေရးတဲ့ေနရာမွာ
စည္းကမ္းေလးတစ္ခုထားေစခ်င္လို႕ပါ။
အခု မိမိက Code တစ္ခုကိုမိမိ Blog HTML ထဲထည့္ေတာ့မယ္ဆိုရင္
မိမိဘာသာ အမွတ္တစ္ခုခုေလးနဲ႔ မွတ္သားထားၿပီးထည့္တာ ပိုေကာင္းပါတယ္
ဘာလို႕လည္းဆိုေတာ့ ေနာက္တစ္ခါ မိမိ ထည့္ထားတဲ့ HTML Code ေတြကို
ျပန္ဖ်က္ခ်င္တယ္ဆိုရင္ အရမ္းရွာစရာမလိုေတာ့ပါဘူး။ ရွာရေဖြရလြယ္သြားပါတယ္။
ေအာက္မွာ ကၽြန္ေတာ္ Save လုပ္ထားတဲ့ Code ပံုစံေလးပါ။
ဒါက အေလ့အက်င္းေကာင္းေလးတစ္ခုျဖစ္ေစခ်င္လို႕ပါ။




Save လုပ္ၿပီးၿပီဆိုရင္ေတာ့ Close ဆိုတာေလးကိုကလစ္ၿပီးပိတ္လိုက္ပါ။
ဒါဆိုရင္ သင့္ Blogspot ေလးရဲ႕ Blog Lable ေလးေတြက
အသက္ဝင္လာတာကိုေတြ႕ရမွာပါ။
ေအာက္ကပံုေလးကိုၾကည့္ပါ။





ဒီေလာက္ဆိုရင္ အဆင္ေျပၾကမယ္လို႕ထင္ပါတယ္။
ေနာက္လည္း Blogger နဲ႔ပါတ္သတ္တာေလးေတြကို
ကၽြန္ေတာ္သိသေလာက္တင္ေပးသြားပါဦးမယ္။
အဆင္ေျပတယ္ဆိုရင္ Comment ေလးေပးခဲ့ၾကပါလို႕။..။