ব্লগার ব্লগ এর জন্যে ফেসবুক স্লাইডিং লাইক বক্স

12 114

আসসালামু  আলাইকুম

আমরা যারা ব্লগার ব্লগ ইউজ করি তাদের জন্যে এই টিপস
তো সেই জন্যে প্রথমে:-
1. আপনি আপনার কাঙ্খিত ব্লগ টির লেআউট এ গিয়ে এড এ গেজেট  থেকে HTML  জাভা স্ক্রিপ্ট  গেজেট টি ওপেন করুন ।
২. এখন নিম্নে লিখিত কোড   টি কপি পেস্ট করুন

<script type=”text/javascript”>
//<!–
$(document).ready(function() {$(“.w2bslikebox”).hover(function() {$(this).stop().animate({right: “0”}, “medium”);}, function() {$(this).stop().animate({right: “-250”}, “medium”);}, 500);});
//–>
</script>
<style type=”text/css”>
.w2bslikebox{background: url(“http://1.bp.blogspot.com/–tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn”) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px “lucida grande”,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class=”w2bslikebox” style=””><div>
<iframe src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fallthing4allah&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270″ scrolling=”no” frameborder=”0″ scrolling=”no” style=”border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;”></iframe></div></div>

3.এখন allthing4allah লিখা টি কেটে আপনার ফেসবুক পেজ এর ইউজার নেম দিন
4.আপনি যদি চান আপনার লাইক বক্স টি বাম দিকে ফ্লোট করবে তবে

float: right

জায়গায়    float: left  দিন
4. এখন গেজেট টি সেভ করুন (গেজেটে নাম দেয়ার প্রয়োজন নেই)
তারপর আপনি আপনার সেই   ব্লগটির
1. টেম্পলেট থেকে এডিট HTML সিলেক্ট করুন
2. এখন যে কোড গুলো আপনি দেখবেন এগুলো থেকে

কোড টি খুঁজে বের করুন |খোজার জন্যে Ctrl+f  চাপুন  ও সার্চ বাক্স এ </fead>লিখে এন্টার চাপুন

৪. এবং কোড টির  পূর্বে  নিচের কোড  টি  কপি & পেস্ট করুন  |

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ type=’text/javascript’/>

 

3. এবার   সেভ করুন এবং দেখুন কাজ হয় কিনা? যদি না হয় তবে অবস্যই  জানাবেন  আর হলেও জানাবেন .

 

12 মন্তব্য
  1. হামিদ খান বলেছেন

    দারুন ভাই, অসংখ্য ধন্যবাদ শেয়ার করার জন্য

  2. ইসমাইল হোসেন রানা বলেছেন

    sohoj code koreo kora jai, vai eto boro code korar ki dorkar chilo.
    i.e. Thanks 4 share

  3. Md.Munna Mn বলেছেন

    ভাই আমার ব্লগে টি খুজে পাচ্ছি না? যার কারণে এই লেখাটা পেষ্ট করা হল না। সমাধান দেন।

    1. rafarayhan বলেছেন

      @Md.Munna Mn: কি খুঁজে পাচ্ছেন না?
      পরিষ্কার করে বললে ভাল হয়

  4. জাকির হোসেন বলেছেন

    ধন্যবাদ। উপকারে আসবে।

  5. নাঈম প্রধান বলেছেন

    ভাল একটি পোস্ট । শেয়ার করার জন্য ধন্যবাদ।

  6. মো: নাসির উদ্দিন বলেছেন

    নাইস। খুব ভাল পোস্ট। ধন্যবাদ আপনাকে।

  7. অমৃত দাশ বিজয় বলেছেন

    thanks for share.

  8. দিপু রায়হান বলেছেন

    ধন্যবাদ শেয়ার করার জন্য।

  9. shoaibstm বলেছেন

    khub valo

  10. sabuj4u বলেছেন

    সুন্দর পোষ্ট শেয়ার করার জন্য আপনাকে ধন্যবাদ ।

  11. লিটন হাফিজুর বলেছেন

    শেয়ার করার জন্য ধন্যবাদ আপনাকে।

উত্তর দিন