Add Retro Style Social Sharing Widget To Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ မွာ Retro Style Social Sharing Widget ေလးထည့္နည္းေလးပါ။သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္း မ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးတဲ့ မိတ္ေဆြေတြ အခက္အခဲ မရွိေအာင္ ထပ္ၿပီး ေ၀မွ်ေပးလုိက္တာပါ။ထုိ Cond ေလးရဲ႕ အလုပ္လုပ္ပုံကေတာ့ Social Icon ေလးေတြကုိ Mouse Pointer ျဖင့္ထိလုိက္ ရင္ Social Icon ေလး Retro / Sharing / Zoom ေပးပါတယ္။ အရမ္းလန္းတယ္လုိ႔ ေျပာလုိ႔ရပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နွင့္ တကြ Cond လည္းထားေပးပါတယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<style> /* Mr ThangMing */ .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 /> <br /> <br /> <br /> <center> <br /> <br /> <ul class="bubblewrap"> <li><a href="https://plus.google.com/u/0/သင့္ ID/User ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Q-S687yDKAEBKm1-k1W9NXcumZysDCaciWQ33LjbKGSXfngJDD6DOfQ_lgU8zEKca1Yi-9ApEJO46ZRYeX6zCkiZuEN_pxAysN7E1kBQmLSXa-bvbB2wmILaYXQvq9aXvz2CSNLWTNyj/s0/gplus.png" title="Add to Facebook" /></a></li> <li><a href="http://www.facebook.com/သင့္အမည္/Your Name"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9RC9pwpHUoFvBFRTN08hQJJZjSxd3SxDdfjZTp2WP-ngfWs0zv__s-qA5BTAQS1Pbiznor3iiT7ro0SKIEATk5LbB05Et0fqyFA4Ruqs-UCHOClArCqrOH3Z5tvsn0CQ-zwpMKdjAS3z/s0/facebook.png" title="Add to Facebook" /></a></li> <li><a href="http://www.pinterest.com/သင့္အမည္/Your Name"><img src="http://www.curtin.edu.au/socialmedia/images/icon_pinterest.jpg" title="Add to Digg" /></a></li> <li><a href="http://www.twitter/သင့္အမည္/Your Name"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA88OMvNq2aUhvE_zMyU1muL68XUNKfr4CZvDUFXcTJkRFFD85xAWN_7y22JS_FOBlclvq6y1cjDjK5YOqe1TRKY-_6zhaPXqAWbI6LzAMOdL_JY8Si_ZR3CD9KhxCAdl8pmBkv58YnVZ8/s0/twitter.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/သင့္အမည္/Your Name"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sq4wD9JWRrZnDkiiNA672ZgfofAJYM9GpgDS7JsApZc_wSdY7RiF5EMLAjT06ggN38gyX0BFFTsacETvEAbLwgbQMx9i3uHx9tNVuGlUUrf9ZTcq8XChQrbBIVMhyvqH1bXjlY-Qns0-/s0/rss.png" title="Add RSS Feed" /></a></li> </ul>

မွတ္ခ်က္။   ။ သင့္အမည္/Your Name (or) သင့္ ID/User ID တုိ႔မွာ မိမိ ၏ အမည္နွင့္ ID ထည့္ေပးဖုိ႔ မေမ႔ၾကပါနဲ႔။