ဘေလာ.နဲ.၀က္ဆိုဒ္ေတြမွာ Animated CSS Hover Banner ထည္.ခ်င္တဲ.သူေတြအတြက္

မိမိတို.ရဲ.ဘေလာ./၀က္ဆိုဒ္ေတြမွာ Animated CSS Hover Banner ေလးထည္.ခ်င္သူေတြအ တြက္Animated CSS Hover Banner ေလးပါ..
1. Blogger dashboard.ကိုသြားပါ

2. layout.ကိုနွိပ္ပါ

3.Add a Gadget.ကလစ္ပါ

4.HTML/JAVASCRIPT.ကလစ္ပါ

5.ေပၚလာတဲ.Text Box ထဲမွာေအာက္ကကုဒ္ေတြေကာ္ပီကူးျပီး Paste ခ်လိုက္ပါ..

<style>
#adspace {
margin: 0px;
padding: 5px;
text-align: center; }
#adspace img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#adspace img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}
</style>
<div id="adspace">
<a target="_blank" href="http://www.ihome-shopping.com/"><img height="115" alt="banner ads" src="http://i1338.photobucket.com/albums/o693/shweminwun/591dc1f4-8a7a-4495-bfea-6a4819cf50b6_zps1bce1473.jpg" width="115" border="0"/></a>
<a target="_blank" href="#"><img height="115" alt="banner ads" src="http://i1338.photobucket.com/albums/o693/shweminwun/makemoney3_zps3d475506.png" width="115" border="0"/></a>
<a target="_blank" href="#"><img height="115" alt="banner ads" src="http://i1338.photobucket.com/albums/o693/shweminwun/f5e82fac-9c7f-4da3-98ec-9930f8f26933_zps9b8d90af.jpg" width="115" border="0"/></a>
<a target="_blank" href="#"><img height="115" alt="banner ads" src="http://i1338.photobucket.com/albums/o693/shweminwun/dancingicon002_zps4f57bebb.gif" width="115" border="0"/></a>
</div>
အစိမ္းေရာင္ခ်ယ္ျပထားတဲ.ေနရာhttp://www.ihome-shopping.com/မွာ လင္.ထည္.ပါ..အျပာေရာင္နဲ.ခ်ယ္ျပထားတဲ.ေနရာhttp://i1338.photobucket.com/albums/o693/shweminwun/591dc1f4-8a7a-4495-bfea-6a4819cf50b6_zps1bce1473.jpgမွာေတာ.မိမိထည္.ခ်င္တဲပံုရဲ.လင္ခ္.ထည္.ေပးပါ.။