ကိုယ့္ Blog မွာ Facebook like box ထဲ့နည္း

ကိုယ့္ရဲ႕ Blog မွာ Facebook like box ထဲ့သြင္းအသံုးျပဳနည္းေလးတင္ေပးလုိက္ပါတယ္။
တစ္နည္းအဆင္မေျပရင္ေနာက္တစ္နည္းနဲ႕အဆင္ေအာင္တင္ေပးလိုက္ပါတယ္။အရင္
ဆံုး ေရြးစရာ ၆ ခုရွိတဲ့ထဲ့က Cause or Community ကိုေရြးျပီးကိုယ့္ Fanpage ရဲ႕ နာမည္ Title ေလးေရးထည့္ေပးျပီး I agree မွာ အမွန္ျခစ္ေလးထည့္ Get Started ကို ႏွိပ္လိုက္ပါ။

 ေနာက္တစ္မ်က္ႏွာမွာ ဓါတ္ပံုတင္ပို႕ေတာင္းရင္ထဲ့ခ်င္လဲရပါတယ္ေနာက္မွာထဲ့လဲရပါ
တယ္။ Like ကိုႏိုပ္ျပီးဖြင့္လိုက္ပါ။သူငယ္ခ်င္းေတြကို Invite လုပ္ခ်င္ရင္ လုပ္ႏိုင္ပါတယ္
မလုပ္ခ်င္ေသးရင္ Skip ကို ႏွိပ္ပါ။ဒါဆိုရင္ Fan Page မွာ Post ေတြ စ ျပီးတင္လို႔ရပါျပီ။

ေနာက္တစ္ဆင့္အေနနဲ႕ကိုယ့္ရဲ႕ Fan page Link ကိုယူပါ။ကိုယ့္ Facebook ရဲ႕ဘယ္ဘက္
နားကခုနျပဳလုပ္လိုက္တဲ့ fan page ေလးကိုႏိုပ္လိုက္ပါ

ႏွိပ္ျပီးလို႕ Address bar မွာေပၚလာတဲ့ကိုယ့္ရဲ႕ Fan page link ကိုကူးထားပါ။
Blog ထဲ့ကို Log in ၀င္ပါ။ ပံုမွာျပထားတဲ့အတိုင္း Layout ကိုေရြးပါ၊

ေအာက္မွာျပထားတဲ့အတိုင္း Add a Gadget ကိုႏိုပ္ျပီး HTML/JAVA Script ကိုႏုိပ္ပါ

ေအာက္ပါ Code မ်ားကူးထဲ့ပါ

<style>#simplemodal-overlay{background-color:#aaaaaa;cursor:wait;}/* Container */#simplemodal-container{height:360px;width:360px;background-color:#fff;border:5px solid #000000;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222;}
#simplemodal-container a.modalCloseImg{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCc35vVAeYw6HxH-rIPrjZcDruF09SBr48Ycnhi9Wtx_scLHgyoJwlhvZYwdKvISh2PkUKQlG1zKEONtYGpbJclJlXT0KWy06uXWG4P5wPMnG1QaKzvAqI1qLA3BHoTBf7Vx1NjdgVdhk/s1600/Close-2-icon.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2k92iZPKnlZxcaVaFwTWPuMduaRyd_nHzeLGomjXq-e95G_gXW6pEY2xVft6LzHY1Ec9r1msAKabYunrY8q8z5ypduxtCCc2HgBrK10nEJi_Yb04d24oxjFjFv6_UpfuFUBMewYTGn2Y/s1600/Close-2-icon+copy.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
#simplemodal-container #basicModalContent{padding:8px;}#btfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btfb a,#btfb a:hover,#btfb a:visited{text-decoration:none;}
.btbox-title{background:#16b7f4;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:2px solid #ddd;border: 1px solid 
#939191;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:15px;font-family:arial !important;}
.btbox-tagline{color:#999;margin:0;text-align:center;}#btsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery2.js"></script>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery.btrix.js"></script>
<script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/bloggertrix1.js"></script><div style='display:none'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id='exit_content' style='padding:10px;'> <h3 class="btbox-title">
 <center>Like Us On Facebook</center>
<p style="line-height:3px;margin-top:-10px;" ></p></h3>
<center><div class="fb-like-box" 
data-href="https://www.facebook.com/pages/winhtuttin/440136616049303" 
data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div></center><p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:5px; color:#3B78CD; text-decoration:none;" href="http://bloggertrix.com">Blogger widget</a> | </p></div></div>

https://www.facebook.com/pages/winhtuttin/440136616049303 ဆိုတဲ့ေနရာမွာ
ကိုယ့္ Fan page link ကုိအစားထိုးျပီး Save ပါ။
အားလံုးအဆင္ေျပပါေစဗ်ာ.......
စလုပ္ကာစမိတ္ေဆြမ်ားအတြက္အၾကံေပးခ်င္တာကေတာ့ကိုယ့္ Blog နဲ႕ Tamplate တူ
တဲ့ အရံ Blog တစ္ခုမွာေသခ်ာနားလည္ေအာင္စမ္းသပ္ျပီးမွ ကိုယ့္ Blog မွာအသံုးခ်ပါ။ 

Posted in: Blog နည္းပညာမ်ား