খুব সহজে সোস্যাল শেয়ারিং বাটন যোগ করুন আপনার ওয়ার্ডপেস ব্লগে।

আশাকরি সকলে খুব ভালো আছেন। আমরা বিভিন্ন ব্লগ বা ওয়েব সাইট ভিজিট করার সময় বিভিন্ন রকম সোস্যাল শেয়ারিং বাটন দেখতে পাই। আপনি ইচ্ছা করলে আপনার ওয়ার্ডপ্রেস ব্লগে এই রকম স্টাইলিশ এবং ভাসমান শেয়ারিং বাটন যোগ করতে পারবেন। খুব সহজে। সে জন্য আপনাকে যা করতে হবে তা হল:

1. আপনার ওয়ার্ডপ্রেস ব্লগের ড্যাশবোর্ড এ যান।
2. widget সিলেক্ট করুন।
3. নতুন একটি টেক্সট widget সাইডবারে স্থাপন করুন।
4. কোড টুকু কপি করুন এবং আপনার widget এ পেস্ট করুন।

<!–SideBar Floating Share Buttons Code Start–>

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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;-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=”Share This With Your Friends”>
<div class=’sbutton’ id=’gb’><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like layout=”box_count” show_faces=”false” font=””></fb:like></div>
<div class=’sbutton’ id=’rt’><a href=”http://twitter.com/share” data-count=”vertical” >Tweet</a><script src=’http://platform.twitter.com/widgets.js’ type=”text/javascript”></script></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>
<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></a></div>
<div class=’sbutton’ id=’fb’><a name=”fb_share” type=”box_count” href=”http://www.facebook.com/sharer.php”>Share</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script></div><br/><div style=”clear: both;font-size: 9px;text-align:center;”><a <font></font></font></a></div></div>

<!–SideBar Floating Share Buttons Code End–>

5. সেভ করুন।

এখন আপনার ওয়ার্ডপ্রেস সাইটের হোমপেজে এসে রিলোড দিন দেখবেন সেখানে এই রকম একটি

ভাসমান শেয়ার বাটন দেখতে পাবেন।

সবাইকে অনেক অনেক ধন্যবাদ জানিয়ে এখানেই বিদায় নিচ্ছি, আল্লাহ হাফেজ।

 

1 thought on “খুব সহজে সোস্যাল শেয়ারিং বাটন যোগ করুন আপনার ওয়ার্ডপেস ব্লগে।”

Leave a Comment