আচ্ছালামুয়ালাইকুম, কেমন আছেন সবাই? আশা করি ভাল আছেন। আমি আল্লাহর রহমতে ভা আছি। প্রিয় ভিজিটর Google ব্লগারের মাধ্যমে ব্লগ তৈরির ৪র্থ পর্বে আপনাদের সবাইকে স্বাগতম, আমি আপনাদের সাথে blogger দিয়ে ব্লগ তৈরির ৩টি পর্বে শেয়ার করেছি। এই হচ্ছে আমার blogger এর মাধ্যমে ব্লগ তৈরির ৪র্থ পর্ব । এই পর্ব আমি আপনাদের কে দেখাব কিভাবে ব্লগের সাইডবারের মধ্যে facebook like বক্স যোগ করবেন। তো চলুন শুরু করি।
বাকি পর্ব গুলি দেখেতে এই লিঙ্কে প্রবেশ করুন
facebook like box
- প্রথমে ব্লগের ড্যাসবোর্ড থেকে 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>
- এবার ব্লগের ড্যাসবোর্ড থেকে layout এ ক্লিক করুন। এরপর সাইডবার থেকে add a gadget এ ক্লিক করে html/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/AVvXsEj3izFvS-Ssv0H2Sow7fZTMAhNquvW5gAg613-s4yAx2DB4d5rnVzPLCLTu1dGzpJHxwKYy00GgM_Cp-aSrTyDe3IdMKkX5Dr48lquYk1DB-c06f09GHnOsOCy4FVidQ764kS8ySMJUmKa0/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&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://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 দিয়ে দিন।
- ব্যাস আপনার কাজ শেষ এবার আপনার ব্লগ রিলোড দিয়ে দেখুন। আশা করি বুজতে পেরেছেন , না বুজতে পারলে
- ভিডিও দেখুন
Adkhana valo chele adha mostan ,Adkhana vanga shure gai adha gaan
ConversionConversion EmoticonEmoticon