Shwe Min Wun: Floating Google +1, Facebook, Twitter Buttons For Blogger

20/05/2013

Floating Google +1, Facebook, Twitter Buttons For Blogger

ဘေလာ.ဂါသူငယ္ခ်င္းေတြအတြက္ကိုယ္.ဘေလာ.မွာ
Floating Google +1, Facebook, Twitter Buttons
ေလးေတြထည္.ခ်င္ရင္ဗ်ာ..
ဘယ္လိုမ်ိဳးလဲဆိုတာေတာ.ေအာက္ကလင္.ခ္မွာနမူနာသြားႀကည္.လိုက္ႀကပါ.. .ေတာ္ေတာ္ေလးသေဘာက်ဖို.ေကာင္းပါတယ္..

ကဲ...ဘယ္လိုလုပ္ရမလဲဆိုေတာဗ်ာ..
ပထမဆံုးေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကိုအရင္ေကာ္ပီကူးလိုက္ပါ..

#mbtsidebar {
        border:1px solid #ddd;
        padding-left:5px;
    position:relative;
    height:220px;
    width:55px;
    margin:0 0 0 5px;
}
</style>

<div id="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">
<tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
<tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
<tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
<tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;">
<a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank">Widgets</a></p>
</td>
    </tr>
</table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document

</script>

အေပၚကမွ်ားျပထားတဲ.အျပာေရာင္စာသားေလးေလးေတြေနရာမွာကိုယ္.ရဲ.
Twitter / Facebook အေကာင္.လင္.ခ္ေတြနဲ.အစားထိုးလိုက္ပါ...ျပီးရင္
Blogger>Layout>Add a Gadget HTML>Java Script
ကေနထည္.ျပီး Save လုပ္လိုက္ပါ...
ေနာက္တစ္ဆင္.အေနနဲ....
Blogger>Template>Edit HTML ကိုသြားလိုက္ပါ....
Search Box ထဲမွာ </head> ဆိုတဲ.ကုဒ္ေလးရိုက္ျပီးရွာလိုက္ပါ..