Wednesday, April 24, 2013

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

আমরা যারা ব্লগার ব্লগ ইউজ করি তাদের জন্যে এই টিপস

তো সেই জন্যে প্রথমে:-
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. এবার   সেভ করুন এবং দেখুন কাজ হয় কিনা? যদি না হয় তবে অবস্যই  জানাবেন  আর হলেও জানাবেন .

No comments:

Post a Comment