আসসালামুয়ালাকুম, কেমন আছেন ?? আজকে আপনাদের কাচে একটা অসাধারণ WIDGET নিয়ে উপস্তিত হলাম,  FACEBOOK POP UP LIKE BOX.............................

কেন এইটা IMPORTANT :

আপনি এই WIDGET দিয়ে আপনার FACEBOOK LIKE বারাতে পারবেন...। কিভাবে এড করবেন ??

• প্রথমে BLOGGER > 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>
 #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 a.visited,#linkit a,#linkit a:hover {
 color:#80808B;
 font-size:10px;
 margin: 0 auto 5px auto;
 float:center;
 }
 </style>
 <a href="http://livemecca.blogspot.com/" target="_blank" title="Bangla Islamic Site"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://livebloggertricks.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://livebloggertricks.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<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/Mecca.Live&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://livebloggertricks.blogspot.com/">.</a></span></center>
 </div>
 </div>

• Mecca.Live আপনার ফেসবুক পেজের USERNAME এড় সাথে REPLACE করবেন।
• মনে রাখেবন, আপনি যদি এইটার TIMER CHANGE করতে চান, তাহলে 30000 টা change korun,, 30000=30 seconds,,,1000=1 seconds
• এই LIKE BOX টা ১বার দেখাবে ১ জন ভিসিটর এর জন্য... আপনি যদি চান প্রতিবার এইটা দেখাক তাহলে এই কোড টা রিমুভ করুন ।

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

• তারপর সেভ করে ফেলুন,

• কোন সমস্যা হইলে জানাবেন,

সৌজন্যে আমার ব্লগ .......ফেসবুকে আমি