2/16/2013

ပူေဖာင္း ပံုစံ Social Media Sharing Widget

ကၽြန္ေတာ္တုိ႔ဒီ Post မွာ Blogger ေတြအတြက္ ပူေဖာင္း ပံုစံ Social Media Sharing Widget ထည့္နည္း
ကုိေျပာျပမွာ ျဖစ္ပါတယ္။Widget တစ္ခုတည္းသာ ျဖစ္တာေၾကာင့္ သင္တုိ႔ရဲ႕ Blog မွာ ထည့္ရတာလည္း
အလြန္လြယ္ကူပါတယ္။ကဲ ၾကည့္ရေအာင္။



1. ပထမဦးဆံုး သင့္ရဲ႕ Blog ကုိ Login ၀င္ပါ။

2. ျပီးရင္ Blogger Dashboard မွာရွိတဲ့ More Option Drop Down Menu ကေန Layout ကုိသြားပါ။

3. Layout Page ကုိေရာက္ျပီဆုိရင္ Add a Gadget ကုိႏွိပ္ပါ။

4. ျပီးရင္ HTML/Javascript ကုိရွာျပီး ေအာက္မွာ ေပးထားတဲ့ Code ေတြကုိထည့္ေပးပါ။


<style>
/* Bloggertrix  */
.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="http://www.digg.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZMPmbuN3hoiUkwKMBciwyKyDmi3RGKjzyrgiHJBPKZpvrd1h5qQnNjq0ZLy0ShqcVsSLsX8ApeYae5_WGLyY3tXKJuLZlWvFn_kkKqlu59nGD2bx7-XDA-oc2W9P6UNOfci3TFyPcr4/s1600/bloggertrix-digg.png" title="Add to Digg" /></a></li>
<li><a href="http://www.facebook.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigY24DrFdhA_wqFvdzH3CcPx9eEGRqOniGNb6lUA9NtZv3ghYg2AGzHoIS5LHBhH_RRb4i6YYUml2yZR6p-mYSN2NJxIZ4kzW6XQAslMIoARs_DL9qg8dwCkVLjeIRt8eYDVxtFtXUuKE/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQRsBUMiYlCC2y1EEzufFZ75YyPtQouPR7hwi4j6KuSixitaTJmutXUf1UgFgfRCIpdTSE_QM7UrUcKaJZKObEOkpIKUHNGygDb5PgA97xQ-RmViOx1m9Gm7TAAk6FtdCn2pMRexsQDc/s1600/bloggertrix-stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxrxF9LZ8SCSMlIhTtUOlxvgyTyHRSZm2GF8vR1Su-iH8aiTKrC2Bhz1Gcz3z9O_GY-lExQEcAc-fm8xPWQMwlXG7GlpmJLlje00JOkZr4AEyAknPJ8u131f4YN3Q9e8SnIkpuBaxxpxo/s1600/bloggertrix-twitter_alt.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxNOtHz4qLu0P0KJQFqCZVcwhzDvUCap8VFWN93L7nQdZP01FYuem-EfFgVQC_x9ukizD8fdaTv8l4aFBdgM4_PShYa16aJPCBhoCQZwIbSQhRSjsiJ3a4bKIG0FkIXDIwfxr4WY2s1CI/s1600/bloggertrix-RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>



# ေနရာေတြမွာ မွာသက္ဆုိင္ရာ Link ေတြနဲ႕ Username ေတြထည့္ေပးလုိက္ပါ။ျပီးရင္ HTML/Javascript ကုိ Save လုပ္လုိက္ပါ။