Blog မွာ jQuery Pop-up For Facebook Like Box With Background Imageထည့္ခ်င္ရင္

Blog မွာ jQuery Pop-up For Facebook Like Box With Background Image

ထည့္ခ်င္ရင္

Dashboard - Design - Edit HTML - Expand Widget Templates. 

Expand Widget  မွာအမွန္ျခစ္ပါ။

ၿပီးေတာ့ Ctrl F ႏွိပ္ၿပီး </head>ကိုရွာပါ။

သူ႕အေပၚမွာ

ေအာက္ကေပးထားတဲ့ Code ေတြကိုထည့္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/>
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-jquery.colorbox-min.js'/>
<link href='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-fbpopup.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
if (document.cookie.indexOf(&#39;visited=flase&#39;) == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = &quot;visited=true;expires=&quot; + expires.toUTCString();
$.colorbox({width:&quot;600px&quot;, inline:true, href:&quot;#mdfb&quot;});
}
});
</script>

ၿပီးေတာ့ Dashboard - Design - Page Elements - Add a Gadget. မွာ

ေအာက္က Code ေတြကိုထည့္ၾကပါခင္ဗ်ာ။

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div style='display:none'>

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

<center>

<table align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxj5-saJiJL3obD0kzg0HC9Xj3PeINAf9Oa1HtibRZvdo6QygOX5eTuhXBaxjWdnvE8t1ZUU-fJ_X0AT8MTk473HhUWbvVnD-P_gZRSup64G06lBQX4zPGblP_hrIjen94zFX8Yk_MAo0/s1600/www.24work.blogspot.gif" border="0" style="width: 465px; height: 300px; "><tbody>

<tr><td height="330" width="465">

<div align="left">

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("32eb3732082b27e7c314feb421a56208");</script>

<fb:fan profile_id="220888831260608" connections="10" width="330" height="300" css="http://24work.ucoz.com/24work-blogspot/facebook/-www.24work.blogspot.com-fblikeboxwithbgimg.css?"></fb:fan>

</div></td></tr></tbody></table></center>

<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://24work.blogspot.com">Blogger Widgets</a></p>

</div></div>

 

 

 

ကိုထြန္းလင္း(တာပြန္)မွေႏြးေထြးစြာႀကိဳဆိုပါတယ္ခင္ဗ်ာ Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။