How To Add Stylish LightBox POP-UP Facebook Like Box To Blogger

အခုထပ္တင္လုိက္တဲ့ ပုိ႔(စ္)က Stylish LightBox POP-UP Facebook Like Box Widget ေလးပါ။ တစ္ခုနဲ႔တစ္ခု အမည္မတူသလုိ Cond လည္းမတူပါဘူး။ ဒါေၾကာင့္မ်ားစြာတင္ေပးလုိက္တာပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးသူေတြ အခက္အခဲျဖစ္ေနမွာ ေသခ်ာပါတယ္။ သူတုိ႔ေတြအတြက္ တစ္ပါးတည္းေ၀မွ်ေပးလုိက္တာပါ။ ေအာက္မွာ demo သြားၾကည့္နုိင္ရန္ လင့္(ခ္) နဲ႔ cond လည္းေပးထားပါတယ္။

Preview

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>

<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>

<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />

<script type="text/javascript">

jQuery(document).ready(function(){

if (document.cookie.indexOf('visited=flase') == -1) {

var fifteenDays = 1000*60*60*24*30;

var expires = new Date((new Date()).valueOf() + fifteenDays);

document.cookie = "visited=true;expires=" + expires.toUTCString();

$.colorbox({width:"400px", inline:true, href:"#mdfb"});

}

});

</script>

<div style='display:none'>

<div id='mdfb' style='padding:10px; background:#fff;'>

<h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftmblogtechnology&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:11px; color:#3B78CD; text-decoration:none;" href="http://mrthangming.blogspot.com/2012/10/how-to-add-stylish-lightbox-pop-up.html">Mr ThangMing</a></p>

</div></div>

ထည့္ၿပီးရင္ Save ကုိနုိပ္လုိပါ။

 မွတ္ခ်က္။    ။ www.facebook.com%2Ftmblogtechnology ေနရာမွာ tmblogtechnology ကုိ မိမိ၏ Facebook နဲ႔ လဲေပးလုိက္ပါ။