Add FACEBOOK like Box

এই অপশনটি প্রথম দেখেছিলাম প্রথম আলোতে এখন অনেক সাইটে এটি যুক্ত হয়েছে । অবশ্য প্রথম আলোতে এখন এই স্লাইডার টি অন্য ভাবে পরিবর্তন করা হয়েছে । আপনার ওয়ার্ডপ্রেস সাইটে ফেস বুক অপশন যুক্ত করুন এই সাইটের মত যা স্লাইডিং হবে। নীচের কোড কপি করুন এবং আপনার সাইটের theme editor এর index.php ফাইল এ get sidebar অংশটি খুজে বের করুন। get sideber এর উপরে এই কোডটি যুক্ত করুন।
<pre lang=”php”><script>// <![CDATA[
(function(d,s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));

$(document).ready(function () {
bottompx = “0px”;
$(‘#facebook_likebox’).slideDown(1500).css({bottom: bottompx});
//facebook likebox
});
function closefaceboxlike(){
$(‘#facebook_likebox’).slideUp(1500);
}
// ]]></script></pre>
<div id=”facebook_likebox” style=”float: right; position: fixed; right: 0px; margin-bottom: 10px; border: 2px solid #cddbe4; background-color: #e7ecf2; z-index: 10; bottom: 0px;”>
<div style=”position: absolute; left: -10px; margin-top: -10px; margin-right: 174px; z-index: 15;”><a> <img src=”http://paimages.prothom-alo.com/secured/theme/public/ newdesign/style/images/closebox.gif” alt=”” height=”20″ /> </a></div>
<div class=”fb-like-box” data-header=”false” data-stream=”false” data-show-faces=”false” data-height=”80″ data-width=”292″ data-href=”http://www.facebook.com/0lpokotha”></div>
</div>
এই স্ক্রীপ্টে আপনার ফেসবুক পেজ এর লিংক যোগ করার জন্য ২৮ নম্বর লাইনের
http://www.facebook.com/<del datetime=”2012-12-07T11:56:09+00:00″>0lpokotha</del>
অংশে এ আপনার ফেসবুক পেজ এর নাম লিখুন ।আমাদের সাথে থাকুন।ওয়ার্ডপ্রেস এর আরো বিষয় আমরা যুক্ত করবো।

রেটিং করুনঃ
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
মিতা- র আরো পোষ্ট দেখুন