HotForex Tight Spread

11/8/12

আপনার ব্লগ (blogger) এ Facebook Share Count Button যুক্ত করুন

ফেসবুক কে চেনে এমন লোক মনে হয় খুজে পাওয়া যাবে না, আর আমি ফেসবুক সর্ম্পকে বলে আপনার মুল্যবান সময় অপচয় করবো না । আপনাদের যাদের নিজের ব্লগ আছে , তাদের ব্লগ এ অবশ্যই কিছু ভিজিটর প্রতিদিন ভিজিট করে তারা কি আপনার ব্লগ কে কি ফেসবুকে শেয়ার করছে যদি করে তো দিনে কত পরিমান ভিজিটর শেয়ার করছে তা অবশ্যই আপনি জানেন না , এটা জানতে পারেন খুব সহজে , এবং ছোট্ট একটা ফেসবুক শেয়ারিং বাটন যুক্ত করে। সাধারনত ফেসবুক ফেসবুক শেয়ারিং বাটন ৪-৫ স্টাইলের হয়ে থাকে । এদের HTML  কোড নিম্নে দেওয়া হল।

ফেসবুক শেয়ার বাটন স্টাইল ১ :

Facebook Share Button Style 1

ফেসবুক শেয়ার বাটন স্টাইল ১ এর HTML কোড :

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' 
type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.
net/connect.php/js/FB.Share"/>
</div>

ফেসবুক শেয়ার বাটন স্টাইল ২ :

Facebook Share Button Style 2

ফেসবুক শেয়ার বাটন স্টাইল ২ এর HTML কোড :

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

কমপ্যাকট ফেসবুক শেয়ার বাটন স্টাইল ১ :

Facebook Share Button Compact Style 1

কমপ্যাকট ফেসবুক শেয়ার বাটন স্টাইল ১ এর HTML কোড :

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


কমপ্যাকট ফেসবুক শেয়ার বাটন স্টাইল ২ :

Facebook Share Button Compact Style 2

কমপ্যাকট ফেসবুক শেয়ার বাটন স্টাইল ১ এর HTML কোড :

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
এবার এই কোড গুলো আপনার ব্লগ কি ভাবে যুক্ত করবেন তা বলছি।
  • ১ম এ আপনি আপনার এ থেকে আপনার পসন্দের কোড টা নির্বাচন করুন। এবং কোড টা কপি করুন ।
  • তারপর আপনার ব্লগার এ login করুন এবং Layout > Edit Html যান ।
  • নিচের কোড টি খুজে বের করুন । না পারলে  Edit মেনুর Find অপশন ব্যবহার করুন । এবং আপনার কোড কপি কৃত কোড টি এর উপর পেস্ট করুন । এবং সেভ করুন।

<div class='post-header-line-1'/>

অথবা

<div class=’post-body’>

অথবা

  • Layout > Add a gadget > HTML/JavaScript > এবং আপনার কোড কপি কৃত কোড টি এর উপর পেস্ট করুন । এবং সেভ করুন।

No comments:

Post a Comment