වෙනස්ම විදිහේ Facebook Like Box එකක් ඔයාලගේ බ්ලොග් එකටත් එකතු කරගමු

මම අද කියල දෙන්න යන්නේ කොහොමද ඔයාලගේ බ්ලොග් එකට   Facebook Like Box එකක් එකතු කරගන්නේ කියල ..ඔයාල දැකල ඇතිනේ වෙබ් සයිට් වලට යද්දී එක එක විදිහේ like box එනවා ...හැබැයි මම මේ ඔයාලට කියන්න යන like box එක ටිකක් වෙනස් .වෙනස් කිව්වේ මේ like box එක ඔයාල යන වෙබ් සියිට් එකේ load කරන හැම page එකක් ගානෙම එක පාරම page එක මැද්දට  මතු වෙලා වදයක් වෙන විදිහේ එකක් නෙමෙයි .. මේක page එකේ දකුණු පැත්තෙන් මතු වෙනවා ,recent post තියන තැන එහෙම ,ඊට පස්සේ තත්පර ගානකින් නැති වෙලා යනවා ..අපි දන්නවා සමහර like box මතු වුනාම අපිට ඒකට like කරනකන් හෝ ඒක close කරනකන් වෙබ් සයිට් එකේ වෙන වැඩක් කරන්න බෑනේ ..ඇත්තටම මටනම් එක මහා වදයක් ...එත් මේ like box එක එහෙම එකක් නෙමෙයි ..
 හරි අපි බලමු මේක කරන්නේ කොහොමද කියල 

හරි ඔයාල ඉස්සරලම ඔයාලගේ බ්ලොග් එකේ dash board එකට ගිහින් layouts ගිහින් add Gadjet  කියන එක click කරන්න ..

හරි ඊට පස්සේ box එකක් open වෙයි ..එකේ යටට යටට ගිහින් HTML/Java Script කියන එක click කරන්න .

හරි ඊට පස්සේ box එකක් open වෙයි ..එකේ Content කියන එකට පහත දීල තියන code copy කරගන ගිහින් paste කරලා save කරලා(title කියන එක හිස්ව තියන්න ) ,save arrangement click කරන්න ..දැන් වැඩේ ඉවරයි ..
අවසාන වශයෙන් මම  දීල තියන මේ codes ටිකේ Flangtech.Net කියන එක වෙනුවට ඔයාලගේ page එකේ user name එක type කරන්න .එතකොට ඔක්කොම වැඩ ටික ඉවරයි. Flangtech.Net කියන එක හොයාගන්න අමාරුයි නම් ඔයාල මේ මුළු code එකම notepad එකකට copy කරන්න.ඊට පස්සේ Ctrl+F ඔබන්න.එතකොට පොඩි box එකක් එයි.එකේ Flangtech.Net කියල type කරලා search කරන්න ඔයාලට ලේසියෙන් හොයාගන්න පුළුවන් එක එතකොට.

<!-- Facebook POPUP LikeBox With Timer Code Start --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script> <style type='text/css'> ‪#‎exepopup‬{background-color:‪#‎fff‬;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;border:10px solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */-webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;width:400px;height:360px;margin-left:-200px;margin-top:0px;overflow:hidden;}#exepopup span{font-size:20px !important;font-weight:bold !important;}#exepopup h1{background:‪#‎6d84b4‬ url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFftA1o-WJDlnyxCIH9fW5yr5APEJ3kTo-P5fKQZ5t5kPxgooWczVrdVFlfI62jImQR5O7OaEv3DDOlQ0VZiN581oXFPKD4ocs8JEXIHr9-ji-ndD9yfZv6v57ASNISWjrKhLWsBtB13M/s1600/aktechz-fb-lock.png) 98% no-repeat;border:1px solid ‪#‎3b5998‬ !important;color:‪#‎FFFFFF‬ !important;font-size:20px !important;font-weight:700 !important;padding:5px !important;margin:0 !important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;}.exepopupdata{font-size:12px !important;font-weight:normal !important;height:265px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid ‪#‎ddd‬;overflow:hidden !important;}‪#‎exepopupfooter‬{text-align:left;background:‪#‎F2F2F2‬ !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}‪#‎exepopupclose‬{float:right;background-color:‪#‎eee‬ !important;border:1px solid ‪#‎ccc‬ !important;color:#111 !important;font-weight:bold !important;padding:5px 8px 5px 8px !important;text-decoration:none !important;display:inline-block !important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;outline:none !important;position:relative !important;font-size:18px !important;margin:1px !important;}#exepopupclose:active{top:1px;left:1px;}</style> <script type='text/javascript'> jQuery(document).ready(function() { function exepopupfunc() { var sec = 10 var timer = setInterval(function() { $("#exepopupfooter span").text(sec--); if (sec == 0) { $("#exepopup").fadeOut("slow"); clearInterval(timer); } },1000); var exepopupwindow = jQuery(window).height(); var exepopupdiv = jQuery("#exepopup").height(); var exepopuptop = jQuery(window).scrollTop()+50; jQuery("#exepopup").css({"top":exepopuptop});} jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc) //alert(jQuery.cookie('sreqshown')); //var exepopupww = jQuery(window).width(); //var exepopupwww = jQuery("#exepopup").width(); //var exepopupleft = (exepopupww-exepopupwww)/2; var exepopupleft = 500; //var exepopupwindow = jQuery(window).height(); //var exepopupdiv = jQuery("#exepopup").height(); //var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2; jQuery("#exepopup").animate({opacity: "1", left: "0" , left: exepopupleft}, 0).show(); jQuery("#exepopupclose").click(function() { jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});}); </script> <div id="exepopup"> <h1> Join Us On Facebook</h1> <div class="exepopupdata"> <iframe src="http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFlangtech.Net&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe></div> <div id="exepopupfooter"> Please Wait <span>10</span> Seconds...!!!<a href="#" id="exepopupclose" onclick="return false;">Skip</a></div> </div> <!-- Facebook POPUP LikeBox With Timer Code End -->
දැන් බලන්න ලස්සනට FB Like box එක ඇති ඇවිල්ල .......