আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover অ্যাড করুন। মনের মত করে সাজান আপনার ব্লগ কে।

6
373
আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover  অ্যাড করুন। মনের মত করে সাজান আপনার ব্লগ কে।

নিউ আইটি ওয়ার্ল্ড

আমি আইটি জগৎ কে অনেক ভালবাসি। আমি সব সময় আইটি নিয়ে থাকি। আমরা কম্পিউটার যুগে বাস করি আর কম্পিউটার সম্পর্ক কে জানবনা তাই কি হয়। আমি এক জন ব্লগার অ্যান্ড ওয়েব ডিজাইনার । আমি বাংলা ব্লগ কে অনেক ভালবাসি , কারন মায়ের ভাষায় বলে । তাই আমরা বেশি বেশি করে বাংলা ব্লগ পড়ব এবং অন্য কে পড়ার জন্য বলব। ধন্যবাদ সবাই কে।
** নিউ আইটি ওয়ার্ল্ড **
আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover  অ্যাড করুন। মনের মত করে সাজান আপনার ব্লগ কে।

প্রথমে আমার সালাম নেবেন।আশা  করি আল্লাহ্‌ দয়ায় ভাল আছেন। আজ আমি আপনাদের দেখব কিভাবে আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover অ্যাড করা যায়।  পোস্টের বাকি অংশ নিছে লেখছি।  আগাম ঈদের শুভেছা রইল ।

আপনার ব্লগে Static Facebook Like Box with Smooth Jquery Hover  অ্যাড করুন। মনের মত করে সাজান আপনার ব্লগ কে।

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

লাইভ দমো ক্লিক

আপনি চাইলে এ কোড টি ডাউনলোড করতে পারেন এখান থেকে  ক্লিক  ডাউনলোড 

প্রথম ধাপ : 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> আগে বসান। কপি করে।

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js” type=”text/javascript”></script>
এখন   Save Template ক্লিক করুন ।
দ্বিতীয় ধাপ ;  Adding Widget Code ( Html code )
 ১।Layout or page elements –>> Add a gadget->> Html/java script.
২।Add a below code in the Html/java scipt box.
৩।Replace my facebook page URL below with the URL for your page.
আপনি এ কোড টি কপি করুন।
<a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a><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://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&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><span>By <a href=”http://24work.blogspot.com/”>Blogspot tutorial</a> / <a href=”http://24work.blogspot.com/”>+Get This!</a></span></div></div>

</div>

***( ভাই এই  লিঙ্ক টার বদলে   https://www.facebook.com/pages/Banglatuneer/245441652236495?ref=hl  আপনার লিঙ্কটা দেন।)***
এবার  সেভ /save  য়ে  ক্লিক করুন।  আর এঞ্জয় করুন ।
IF ANY PROBLEM COMMENT UNDER.
ভুল হলে মাফ করবেন ।
আগাম ঈদের শুভেছা রইল ।
টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

6 মন্তব্য

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

twelve − seven =