আপনার ব্লগে যোগ করুন সুন্দর একটি পপআপ ফেসবুক লাইক বাটন।

0
390

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

লাইক বাটন টি যোগ করার জন্যঃ

 

০১. প্রথমে blogger.com এ সাইন ইন করে আপনার ব্লগ এর layout এ যান।

 

০২. Layout Add a Gadget এ ক্লিক করুন।

 

০৩. এখান থেকে HTML/JavaScript সিলেক্ট করুন।

 

০৪. এখন HTML/JavaScript বক্স এ নিচের কোড টি পেস্ট করুন।

 

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’ type=’text/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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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,#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” src=”http://yllix.com/popup.php?pub=795196&section=General&ga=g&show=1″></script>
<script type=’text/javascript’>

jQuery(document).ready(function($){

if($.cookie(‘popup_user_login’) != ‘yes’){

$(‘#fanback’).delay(20000).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/makefullversion&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>

</div>

</div>

 

 

কোড টি ঠিক মত কাজ না করলে এখান থেকে ডাউনলোড করে নিনঃ https://www.mediafire.com/?tluppj58ca8lj6l

 

০৫.  কোড টি তে http://www.facebook.com/makefullversionলিঙ্ক টি আপনার ফেসবুক পেজ এর লিঙ্ক দিয়ে রিপ্লেস করুন।

 

০৬. এখন save করে ব্লগ টি খুলুন।

 

ডেমো দেখতে এখানে ক্লিক করুনঃ http://crackandserialzone.blogspot.com

Advertisement -
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

one × 2 =