Thursday, February 7, 2013

Blog မ်ားအတြက္ Social Media Sharing Widget


Blog မ်ားအတြက္ပံုစံအသစ္ Social Widget ေလးတင္ေပးလိုက္ပါတယ္။
 အရင္ဆံုး Blog ကို Log in ၀င္ပါ၊ ပံုမွာျပထားတဲ့အတိုင္း Layout ကိုႏိုိပ္ပါ


Add Gadget ကိုႏိုပ္ျပီး HTML/Javascript ကိုေရြးခ်ယ္ပါ
ေအာက္ပါ Code မ်ားကိုကူးထဲ့ျပီး Save ပါ

<style>
/**/
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>

<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="ကိုယ့္ရဲ႕ www.plus.google.com link ကိုထဲ့ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZx3zyFT03M6Q8OVFailK0-aXApQ0RZTj7oVjf5-z0OSY3_WZyd5ll4vjEjR24akKGTFPPhmmfszs3fRP_-OyIcvmgHY1cffd3HBUKtKT6OLtKBXOd4MeqRNenUN6M54PcdmML-53ho2I/s1600/Google.png" title="Add to Facebook" /></a></li>
<li><a href="ကိုယ့္ရဲ႕ www.facebook.com link ကိုထဲ့ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfPmrgjmCpwWyRR68OiZDBU8IP7cxxlPXbbua-szsvkvfwj2rooNaGnXe1RkwHHpJsGVu70twXvJBv5GT2yob71cSP6tkqWdiumCy4zudBey0prXM5SdqMz4FXdGyqOewlBXkJTG4l8U/s1600/Facebook.png" title="Add to Facebook" /></a></li>
<li><a href="ကိုယ့္ရဲ႕ www.stumbleupon.com  link ကိုထဲ့ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNOGKoM1B_DT_o0nWLv3aUceSOadPOxzW2Bsvyl2z3V53t61KYJ5J7DRDVcuwTybgrfR9Ykcgp8iA8_G6ZkAFunGRtXoO2wzv3ZbdIcokOQLDn8pEqaCYMZIs3cfyD9xSLTOUX5qvi0R8/s1600/StumbleUpon.png" title="Add to Digg" /></a></li>
<li><a href="ကိုယ့္ရဲ႕ www.twitter.com link ကိုထဲ့ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziMV1nnder3kOSahi03Z_CJjVUARLye8R7P_YVELs8872a3ZWyhkJjeN1Ol170Wnry_-pgCBqUErkO_K1JudRYg1O63WswJaVzav2HD7l9ZzCRk0lf8WOmdd92Uc6SrfFE4d3Mm1ZFkw/s1600/Twitter.png" title="Add to Twitter" /></a></li>
<li><a href="ကိုယ့္ရဲ႕ feeds2.feedburner.com link ကိုထဲ့ပါ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XrFMj53eyYv3NCtO1PpMMJcTBb-lhtWYljffmLe1EqZtyOhmzdLiddwSMLP9BTo8RqOAt4rblFZr9KInojmd5VxFDAgHD5c1TCCAji_i5odRNyAw-6-xkutNm5HzY8zF7G-ZyaJXqpo/s1600/RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Laundry Detergent Coupons