প্রথমে আমার সালাম নেবেন।আশা করি আল্লাহ্ দয়ায় ভাল আছেন। আজ আমি আপনাদের দেখব কিভাবে আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover অ্যাড করা যায়। পোস্টের বাকি অংশ নিছে লেখছি। আগাম ঈদের শুভেছা রইল ।
আপনি চাইলে এ কোড টি ডাউনলোড করতে পারেন এখান থেকে ক্লিক ডাউনলোড
প্রথম ধাপ : Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)
১।Go to Blogger Dashboard < Design tab > Edit Html
২।Search for </head> tag ( using ctrl+f)
৩।Add below line of code Before </head> tag
এ কোড টা </head> আগে বসান। কপি করে।
Replace my facebook page URL below with the URL for your page.
$(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://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.png") 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 style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Banglatuneer/245441652236495?ref=hl&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://24work.blogspot.com/">Blogspot tutorial</a> / <a href="http://24work.blogspot.com/">+Get This!</a></span></div></div>
</div>
আমি newitworld। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 13 টি টিউন ও 236 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
আমি আইটি জগৎ কে অনেক ভালবাসি। আমি সব সময় আইটি নিয়ে থাকি। আমরা কম্পিউটার যুগে বাস করি আর কম্পিউটার সম্পর্ক কে জানবনা তাই কি হয়। আমি এক জন ব্লগার অ্যান্ড ওয়েব ডিজাইনার । আমি বাংলা ব্লগ কে অনেক ভালবাসি , কারন মায়ের ভাষায় বলে। টি টি ব্লগটা আমাদের দেশের জন্য...
@মোঃ আল-আমিন হুসাইন: ভাই আপনার ব্লগটা খুব সুন্দর । গুগল অ্যাডসেন্স নাই কেন ভাই। আমি মাএ ৮ টা পোস্ট দিয়ে পাইস্লাম কিন্ত নিজের জন্য তা হারালাম। ধন্যবাদ ।
ধন্যবাদ, আমি এই মাত্র আমার ব্লগে এড করলাম। কেমন হল জানাবেন http://inews247.blogspot.com/
হাঁ। আমার ব্লগেও অ্যাড করেছি। http://www.netalamin.blogspot.com http://www.fullsoft4u.com
Adding Jquery JavaScript Plugin কি করে এড করে ভাই ? একটু বলবেন দয়াকরে ? আমি একদম নতুন। 🙂
ভাইয়া এই লাইক বক্সটা আমি আমার ব্লগে ব্যবহার করেছি। দয়া করে আমার ব্লগটা একটু ঘুরে আসুন। আমার ব্লগের ঠিকানা হচ্ছে http://www.helperzone24.blogspot.com এখন আমাকে বলেন কীভাবে আমি আমার লাইক বক্সের প্রস্থ বৃদ্ধি করব। যদি বলেন তাহলে খুব উপকার হবে।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
@মোঃ আল-আমিন হুসাইন: ভাল । ধান্যবাদ।