Advanced Popup Facebook like, Twitter follow & Email Subscribe Box widget For Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္အသုံး၀င္မည့္ Facebook like, Twitter follow & Email Subscribe Box widget ေလးကုိတင္ေပးလုိက္ပါတယ္။ သိၿပီးၾကေသာဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတာ့မွာပါ။ မသိရွိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္မွ်ေ၀ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္လုိ႔ရေအာက္ Link{လင့္(ခ္)} နွင့္ တကြ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။ ဤနည္းလမ္း အတြက္ အဆင္မေျပတာေလးေတြရွိခဲ့ရင္ Comment မွာ ေမးလုိ႔ရပါတယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

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

<link type='text/css' rel='stylesheet' href='https://googledrive.com/host/0B68pyTcm3IVfQ1ltY0lJRkY4RzQ'><style>#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}.box-title {color: #0066B3;background: #fff !important;font-size: 18px !important;font-weight: bold;margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline {color: #999;margin: 0;text-align: center;}#subs-container {padding: 35px 0 30px 0;position: relative;}a:link, a:visited {border:none;}.demo {display:none;}.box-title1 {border:1px solid #ddd;background: #fff !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px; margin:10px 0;}.enteryouremail{background: #fff!important;border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999; font-size: 12px;height: 25px; width: 165px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;margin:0px;}.submitbutton{background:#0066B3;border: 1px solid #0066B3;text-shadow: 1px 1px 1px #333;box-shadow: 3px 3px 3px #666;font:bold 12px Arial, sans-serif;color: #fff;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src='http://mr-thangming.googlecode.com/files/MrThangMing.js'></script><script type='text/javascript'>jQuery(document).ready(function(){if(document.cookie.indexOf('visited=false')==-1){var fifteenDays=1000*60*60*24*15;var expires=new Date((new Date()).valueOf()+fifteenDays);document.cookie="visited=true;expires="+expires.toUTCString();$.colorbox({width:"400px",inline:true,href:"#subscribe"})}});</script><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<p style="line-height:4px;" ><b>?</b></p></h3></center><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=175" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:175px;" allowtransparency="true"></iframe></center><div style="width:350px; border-top:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-top:5px;"><iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1347008535.html#_=1351358237637&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=johnthangming&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div><div class="box-title1 "><center><h3 style="color:#0066B3;"><b>You Can also Receive Free Email Updates:</b></h3><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="mrthangming" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/></form></center></div><p style=" float:right; margin-right:5px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://mrthangming.blogspot.com/2013/04/advanced-popup-facebook-like-twitter.html">MTM</a></p></div></div> 

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

မွတ္ခ်က္။   ။ (၁) www.facebook.com%2Ftmblogtechnology

                                    (၂) screen_name=johnthangming

                 (၃) http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming

အေပၚက ျပထားတဲ့ ေနရာေတြမွာ မိမိ၏ အမည္နဲ႔ ေျပာင္းေပးလုိက္ပါ။