අලුත්ම විදියෙ Facebook popup like box එකක් ඔයාගෙ බ්ලොග් එකටත් දාගමු.

.

අද මන් ඔයාලට කියල දෙන්න යන්නෙ අලුත්ම විදියෙ Facebook Popup Like Box එකක් දා ගන්න විදිහයි. මුලින්ම ඔයාලගෙ බ්ලොග් එකෙ blogger dashboard>Layout ගිහින් අලුත් "HTML/Javascript" gadget එකක් අරන් පහළ code එක ඒකට past කරන්න.

<!-- Facebook Popup Widget START --><!-- Powered by Teklanka--><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%; } #JasperRoberts { 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; } #TheBlogWidgets { float:right; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBE9MAY9G_FnlxXt6BTMM1xjuj3g0lxnXTMZxPIUhn4P8GRMl6xQUNZxXTD5kc3nO0MAp8-CYFtdyu8Oed9Qk1jAZGITd1jUkCqh-Lk5l5JYWzhPNJOaWwEERF64cfLz0hrVanMeRc2APZ/s1600/TheBlogWidgets.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'>jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(20000).fadeIn('medium'); $('#TheBlogWidgets, #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='JasperRoberts'><div id='TheBlogWidgets'></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/lankatech1&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 style="color:#a8a8a8;font-size:12px;" id="linkit">Powered by <a rel="nofollow" style="color:#a8a8a8;font-size:12px;" href="http://teklanka.blogspot.com/">Tek Lanka</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://teklanka.blogspot.com">Widget</a></span></center></div></div><!-- Facebook Popup Widget END | Powered by Teklanka-->

ඊට පස්සෙ "http://www.facebook.com/lankatech1" කියන තැනට ඔයාලගෙ Facebook Page එකේ Url එක දෙන්න. දැන් save කරගන්න.

දැන් වැඩේ ඉවරයි. ඒත් ගොඩක් අය කියල දෙන් නැති දේකුත් මන් කියල දෙන්න හිතුව. ඒ පොඩි වෙනස් කම් කීපයක්.

මුලින්ම අපි බලමු අපේ මේ Facebook Popup Like Box එක එන්න ඕනෙ page එක Load වෙලා කෙතරම් වේලාවකින්ද කියල. මේ code එකේ හැටියටනම් මේක popup වෙන්නෙ page එක Load වෙලා 20 seconds වලින්. හැබැයි අපිට මේක වෙනස් කරගන්න පුලුවන්. මේ code එකේ පහල තියන code කෑල්ල හොයා ගන්න ඕනෙ මේ වැඩේට (ctrl + F)

.delay(20000)

ඉතින් ඒක හොයාගෙන ඒකේ තියන 20000 වෙනුවට පහත අගයන් ආදේශ කර ඔයාලට මේ time delay එක වෙනස් කරගන්න පුලුවන්.

1 second = 1000.  10 seconds = 10000. 60 seconds = 60000. 

තව වැඩක් බලමු. සාමාන්යෙන් මේ Facebook Popup Like Box එක popup වෙන්නෙ user කෙනෙක් පලවෙනි පාරට අපේ site එකට එන කොට විතරයි. ඒත් පොඩි වැඩකින් අපිට පුලුවන් මේක වෙන්ස් කරන්න. අපේ code එකේ මං මේ පහල දාල තියන code එක ඉවත් කිරීමෙන් මේක පහසුවෙන් කරගන්න පුලුවන්.

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

වැඩේ මෙතනින් ඉවරයි. මෙය 100% ක් සාර්ථකයි. ප්‍රශ්නයක් තියෙනවා නම් comment එකක් දාන්න. අපගේ අලුත්ම ලිපි ලබාගැනීමට අපගේ fb page එකට like එකක් දාලම යන්න.