Blogger Facebook Like Box ထည့္မယ္

ဒါေလးကေတာ့ ဝါသနာတူ ဖြင္သံုးခါစ Blogger ေတြအတြက္ပါ မိမိတို႔ရဲ႕ Blogger မွာ Facebook Like Box ကိုေဘးကတြဲထည့္ခ်င့္တဲ့သူေတြအအတြက္ပါ ဒါေလးကိုထည့္မယ္ဆုိရင္ ပထမဦးဆံုး မိမိမွာ Facebook Page တစ္ခုရိွရပါမယ္ ကဲ့ရိွျပီဆုိရင္ေတာ့ စလိုက္ၾကရေအာင္ေနာ္......
(၁) မိမိတို႔ရဲ႕ Blogger ကို Sign in ဝင္လုိက္ပါ
(၂) Layout ကိုသြားပါ
(၃) Add a Gadget မွာႏွိပ္ပါ Box တစ္ခုေပၚလာပါလိမ့္မယ္
(၄) ေပၚလာတဲ့ Box ကမွာ HTML/javsScript+ ေရြးျပီး ေအာက္မွာအျပာေရာင္နဲ႔ ေပးထားတဲ့ကုဒ္ေတြကို Box ထဲမွာထည့္လိုက္ပါ အနီေရာင္နဲ႔ေရးထားတဲ့ေနရာမွာေတာ့ မိမိအသံုးျပဳမဲ့ Facebook Page Link ကိုထည့္ပါ ျပီးရင္ Save လုပ္လုိက္ပါ ဒါဆုိရင္ သင့္ရဲ႕ Blog ထဲမွာ Facebook Like Box ေလးေပၚေနပါျပီ အဆင္ေျပပါေစ............


<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfXpNXmKUtJJ4nv7sgCORrAEnzXrPtKYaYp1RKmPEWPx61PFWMiiQEW01BJw5ms9-HzD9flfskiOtQp3qTLFFL7XOIZBqZ3VC1kObv50W4-jBM-oEoLGmalZ6r7yOkwwkkWFdbUMCM-i/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src=ဒီေနရာမွာ မိမိ အသံုးျပဳမဲ့ FB Page Link ကိုထည့္ပါ&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>


မွတ္ခ်က္>>> လံုးဝ မသိမတတ္ေသးေသာ သူမ်ားအတြက္ရည္ရြယ္ပါသည္ Box ရဲ႕အရြယ္အစားကို ေျပာင္းသံုးမယ္ဆုိရင္ေတာ့ xp; ပါတဲ့ေနရာရဲ႕ အေရွ႕ကကိန္းဂဏန္းေတြကို မိမိစိတ္ၾကိဳက္ေျပာင္းႏူိင္ပါတယ္

Post ကိုၾကိဳက္ႏွစ္သက္ရင္ Like , Share လုပ္ေပးခဲ့ပါ

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →