ব্লগে ভাসমান সোস্যাল মিডিয়া শেয়ার বাটন যোগ করুন

ভাসমান শেয়ার বাটন খুব পরিচিত একটি বাটন অনেক সাইটেই এটি দেখা যায়।আজ আমি ভাসমান শেয়ার বাটন যোগ করবেন কিভাবে সেটি দেখাব।এটিতে থাকবে Facebook Like, StumbleUpon, Twitter Share, Digg This, Google+ এবং RSS Feed বাটন।
আপনি চাইলে আরো যোগ করতে পারেন বা এখান থেকে কোনটি বাদও দিতে পারেন।তাহলে নিন যোগ করে।

কিভাবে ভাসমান সোস্যাল মিডিয়া শেয়ার বাটন যোগ করবেনঃ

১; প্রথমে Layout এ যান।

২; Add A Gadget এ ক্লিক করুন।
৩; এবার একটি নতুন জানালা খোলা হবে সেখান থেকে নিচের দিকে নেমে HTML/JAVASCRIPT বাছাই করুন।

৪; নিচের কোডটূকু কপি করে খালি বাক্সে পেস্ট করুন।

<!-- floating share bar Start blogtipsnticks.com/--> <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Get this from blogtipsnticks.com"> <div style="margin-left:8px;"> <div class='sbutton' id='like' style='margin: 5px 0 0 5px;'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div> </div> <br /> <div class='sbutton'> <a class='twitter-share-button' data-count='vertical' data-via='blogtipsnticks' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script><br /> <br /> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div> <br /> <a href='http://feeds.feedburner.com/blogtipsnticks' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='http://2.bp.blogspot.com/-MoGJ9Y3EdzQ/T8f4cj6LHMI/AAAAAAAACP4/VsM0eaG2EM4/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;"> Get <a style="color: #3399BB;" href="http://www.blogtipsnticks.com/">widget</a></div> <!-- Do not remove this link --> </div> <!-- floating share bar End --></div>
৫;এবার সেভ করুন।

আপনি নিজের মত করে সব পরিবর্তন করে নিতে পারেন।
কোন প্রশ্ন থাকলে মন্তব্য করতে ভুলবেন না।আশা করি কাজে লাগবে।