How To Add Static Facebook Pop Out Like Box With Jquery-V2 To Blogger

ဒီပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Static Facebook Pop Out Like Box With Jquery-V2  သုံးခ်င္သူေတြအတြက္ သတင္းေကာင္းေလးပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။ ဘေလာ့ညာဘက္ေဒါင့္မွာ ေပၚမွာပါ။ ၿပီးေတာ့ Mouse နဲ႔ ထိလုိက္ရင္ Auto ေပၚထြက္လာပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရင္ Link နဲ႔တကြ Cond လည္းေပးထားပါတယ္။

Preview

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

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

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3YO4W2ULq9yfZGOoTtez9QFl9_QANJMrxYANgOnpSUXFIbjn53S1TKG_2OMNyj1swN6zCUPZiWg5GV1XbtUJ7BDnR5UBjHb1iZrWyxvkFhacvbxZismTn1o3doMNaYoPIb6nfiqoezM/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftmblogtechnology&&amp;width=260&amp;height=348&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:348px;" allowtransparency="true"></iframe></div></div></div>

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

မွတ္ခ်က္။   ။ www.facebook.com%2Ftmblogtechnology ေနရာမွာ မိမိ၏ Facebook like အမည္ေျပာင္ေပးပါ။