New Post: طريقة اضافة ازرار الفيسبوك والتويتر وجوجل بلس بشكل رائع على جانب الصفحة

السلام عليكم ورحمة الله وبركاته

طريقة اضافة ازرار الفيسبوك والتويتر وجوجل بلس

اولًا : اضغط على Add To Blogger

واختار الاسم المناسب (لا يهم مجرد عنوان)

#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>

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