অনটাইম ফেসবুক পপআপ লাইক বক্স ব্লগস্পট ব্লগের জন্য !

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


অনটাইম ফেসবুক পপআপ লাইক বক্স ব্লগস্পট ব্লগের জন্য !






উপরের ডেমোতে ক্লিক করে দেখেনিন তবে একবার দেখতে পাবেন তাই প্রথম বার ব্লগ লোড হলে দেখে নিন এবং একটি লাইক করুন যদি আমার ব্লগে পেজটি আপনাদের ভাল লাগে ।


কিভাবে ফেসবুক পপআপ লাইক বক্স যুক্ত করুন ব্লগার ব্লগে !



  • প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন
  • ড্যাশবোর্ড থেকে Layout → Add a Gadget এ ক্লিক করুন
  • HTML/Javascript এ ক্লিক করে নিচের কোড ফাকা ঘরে বসিয়ে দিন



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbcontainer-bg {
background: #444444;
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#close-button {
width: 100%;
height: 100%;
}
#widget-display {
background: #FFFFFF;
padding-top:7px;
padding-left:8px;
border:5px dotted #000000;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
width: 340px;
height: 228px;
position: absolute;
top: 30%;
left: 35%;
}
#button-position {
float:right;
cursor: pointer;
position: absolute;
right: 2px;
top: 5px;
}

#button-position:before {
content: "Close";
padding: 4px 6px;
background: #000000;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Trebuchet MS;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: # BAB9B9;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</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 to 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_ box') != 'yes'){
$('#fbcontainer-bg').delay(3000).fadeIn('medium');
$('#button-position, #close-button').click(function(){
$('#fbcontainer-bg').stop().fadeOut('medium');
});
}
$.cookie('popup_ box', 'yes', { path: '/', expires: 6 });
});
</script>
<div id='fbcontainer-bg'>
<div id='close-button'>
</div>
<div id='widget-display'>
<div id='button-position'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/esobondhu&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://bloggerspice.com" rel="nofollow">Blogger Spice</a></div>
</div>
</div>


উপর থেকে esobondhu মুছে আপনার আপনার ফেসবুক পেজ User নাম বসান এবং সেভ করে নিন চাইলে আপনি উপরের দুটি কালার করা কোড মুছে সেখানে আপনার পছন্দের কালার কোড দিতে পারেন ।


তাহলে আশাকরি বুঝতে কোন সমস্যা হলনা কোন রকম সমস্যা হলে নিচে কমেন্ট করুন , পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন এবং লাইক বক্স ভাল লাগলে আমাদের ফেসবুক লাইক পেজে একটি লাইক করুন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

4 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. উত্তরগুলি
    1. কোড ঠিক মত যুক্ত করুন তাহলেই হবে।
      দরকার হলে ডেমো দেখতে পারেন। http://www.banglatechnologybd.blogspot.com

      মুছুন
  2. এই মন্তব্যটি লেখক দ্বারা সরানো হয়েছে।

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال