ব্লগে ভাসমান ফেসবুক লাইক বক্স যোগ করবেন যেভাবে

ব্লগে আপনি চাইলেই ফেসবুক লাইক বক্স যোগ করতে পারেন।এটি খুব সুন্দর একটি বক্স।এর আগে আমি দেখিয়েছি কিভাবে ফেসবুক লাইক বক্স যোগ করবেন ।এই বক্সটি ...

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

কিভাবে যোগ করবেনঃ

খুব সহজেই এটি যোগ করতে পারেন।এটি যোগ করার জন্য প্রথমে আপনার ব্লগে প্রবেশ করুন।

> Layout এ যান।

> Add A Gadget এ ক্লিক করুন।

> Html/javascript এ ক্লিক করুন।

> নিচের কোডগুলো পেস্ট করুন।

</script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpbY_c7ijQqOKo0R7a94xAyBdiqHy1ur_7ReNmjFdR0TToZDsJAWgZF_Hl8Nk0bIL3lxjYZNQL_0pYsnrW1GMUZVLrajJgxWzMyQBtr4fclBo2A8OXZWC-c17PDAw8s-5-p9FBR51F8MW/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>


<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(30000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/blogtipsnticks&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit"><a href="http://www.blogtipsnticks.com/2013/11/popup-facebook-like-box.html">Facebook Popup Widget</a></span>
</center>
</div>
</div>

এবার সেভ করুন ।

এটিকে আপনার নিজের মত করে সাজিয়ে নিতে পারেন।
১।প্রথমে http://www.facebook.com/blogtipsnticks এটুকু খুজুন এখানে আপনার ফেসবুক পেজের ঠিকানাটি দিন।
২।delay(30000) এটি খুজুন এখানে আপনি কত সেকেন্ড পর লাইক বক্সটি দেখাতে চান সেটি ঠিক করে দিতে পারেন।
১ সেকেন্ড=১০০০ ,৩০ সেকেন্ড=৩০০০০ ,৬০ সেকেন্ড=৬০০০০
৩।এই বক্সটি কোন ভিজিটর একবার দেখতে পারলে আর তার সামনে একমাসের আগে আসবে না।আপনি চাইলে এটি বারবার ভিজিটরের সামনে আনতে পারেন।এর জন্য $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); এই কোড টুকু খুজুন এবং মুছে দিন।

এটি প্রতি এক মাস পরপর আপনার সামনে আসবে।
আপনি দেখতে চাইলে আপনার ব্রাউজারের কুকিজ ডিলিট করে দিন।

আশা করি আপনার কাজে লাগবে।ভালো থাকুন আমাদের সাথে থাকুন।

Facebook Popup Widget