Google blogger দিয়ে নিজের একটি সার্চইঞ্জিন ফ্রেন্ডলি blog তৈরি করুন পর্ব-4 ব্লগে যুক্ত করুন Facebook লাইক বাটান (ভিডিও টিউটোরিয়াল)

আচ্ছালামুয়ালাইকুম, কেমন আছেন সবাই? আশা করি ভাল আছেন। আমি আল্লাহর রহমতে ভা আছি। প্রিয় ভিজিটর Google ব্লগারের মাধ্যমে ব্লগ তৈরির ৪র্থ পর্বে আপনাদের সবাইকে স্বাগতম, আমি আপনাদের সাথে blogger দিয়ে ব্লগ তৈরির ৩টি পর্বে শেয়ার করেছি। এই হচ্ছে আমার blogger এর মাধ্যমে ব্লগ তৈরির ৪র্থ পর্ব । এই পর্ব আমি আপনাদের কে দেখাব কিভাবে ব্লগের সাইডবারের মধ্যে facebook like বক্স যোগ করবেন। তো চলুন শুরু করি।

1.         প্রথমে ব্লগের ড্যাসবোর্ড থেকে Tamplate এ ক্লিক করুন, তারপর edit html এ ক্লিক করুন। এবার CTRL+F চেপে সার্চ বক্স ওপেন করুন। এবং </head> সার্চ করুন। হেড ট্যাগের ঠিক উপরে নিচের কোড টি পেস্ট করুন।

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

এবার save template এ ক্লিক করে ট্যামপ্লেট সেভ করুন।

1.   এবার ব্লগের ড্যাসবোর্ড থেকে layout এ ক্লিক করুন। এরপর সাইডবার থেকে add a gadget এ ক্লিক করে html/javascript সিলেক্ট করুন। এবং নিচের কোডটি পেস্ট করে সেভ এ ক্লিক করুন।

<a href="http://pc-help-bd.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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpn53zjtl7r6cQi6ucvsE97LgfVRuZabts3caOLQNyKyhGyM7minmPiKcHOckSpHleaXEVGP74KtWuKBDfwTnwZLKCg3EzBWx8szu5srwo67VUPrIwugr_J8umucTw1a6riS-U6IYh4v0L/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 class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/seobanglabd&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://pc-help-bd.blogspot.com/">Blogspot tutorial</a> / <a href="http://pc-help-bd.blogspot.com/">+Get This!</a></span></div></div>

উপরের seobanglabd লেখাটা কেটে আপনার পেইজবুক পেইজের user name দিয়ে দিন।

1. ব্যাস আপনার কাজ শেষ এবার আপনার ব্লগ রিলোড দিয়ে দেখুন। আশা করি বুজতে পেরেছেন , না বুজতে পারলে। ভিডিও দেখুন।

1. আমার নিয়মিত সবভিডিও আপডেট পেতে ইউটিউবে subscribe বাটানে ক্লিক করুন।
2. নিয়মিত সব পোস্টপেতে ফেসবুক পেইজে লাইক দিন।

প্রিউ ভিজিটর আগামি ভিডিও এর আমন্ত্রন জানিয়ে এখানেই টিউটোরিয়াল শেষ করছি। ভাল থাকবেন সবাই। আল্লাহ হাফেজ।