Blog တည္ေထာင္ထားၾကသူမ်ား မိမိရဲ႕ Blog မွာ လိုအပ္သလို Gatget မ်ားျဖင့္ အလွဆင္တတ္ၾကပါတယ္။ အဲဒီလို အလွဆင္ၾကတဲ့ေနရာမွာ
မိမိ Blog စာမ်က္ႏွာ အျပင္ မိမိတည္ေထာင္ထားေသာ Facebook Page သို႕ အမ်ားသူငါ အလြယ္တကူ Like လုပ္ႏိုင္ရန္ ထည့္သြင္းေပးထားတတ္ေသာ
Facebook Like Box ဆိုသည့္ Gatget တစ္ခုလညး္ ပါဝင္တတ္ၾကပါသည္။ အဲဒီ Gatget

ထည့္သြင္းေသာအခါ လိုအပ္ေသာ Code မ်ားမွာ ေအာက္ပါအတိုင္း ျဖစ္ပါသည္။

ပထမဦးစြာ
Blog Sign In - Template - Edit - HTML -
- </head> ၏ အေပၚတြင္ ထည့္ရန္ စာသားမ်ား -
Code မ်ားအား ( ေမာင္ေပါက္ - Blog စာမ်က္ႏွာ ) မွ ကူးယူေဖာ္ျပေၾကာင္း ရိုးသားစြာ တင္ျပအပ္ပါသည္။


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


ေဖာ္ျပပါ စာသားအား - < head> ၏ အေပၚတြင္ထည့္ၿပီးလွ်င္ Template အား Save လုပ္လိုက္ပါ။

၎ေနာက္

Blog - Layout - Add a Gatget - HTML/ Javascript ႏွိပ္ၿပီး ေပၚလာေသာ အကြက္တြင္ ေအာက္ပါ Code မ်ားအား Copy ကူးယူထည့္လိုက္ပါ။
Code မ်ားအား ( ေမာင္ေပါက္ - Blog စာမ်က္နွာ ) မွ ကူးယူေဖာ္ျပေၾကာင္း ရိုးသားစြာ တင္ျပအပ္ပါသည္။



<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghGKULeuD3yQVX1n8qRr2yEh-VFNOwozh0LkM4-LS-xJrTIJdnwJAp5e3YoxP22v4TQBkvmOGqMW0tEOOp-bfnxHhfbeMW61KFtkVGmZtUZ5X-w81fMfn5ABD6VPAnky-N52qtA3Qcwcw/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=YOUR-FACEBOOK-PAGE&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe>
</div>


ေဖာ္ျပပါ Code မ်ားအား Coyp ကူးယူ၍ မိမိ HTML/ Javascript မွာ Paste လုပ္ရမွာ ျဖစ္ပါသည္။
၎ Code မ်ားအား Copy/ Paste လုပ္ၿပီးေနာက္ ၎ Code မ်ား၏ ေအာက္ဆံုးပိုဒ္ေလာက္တြင္ ပါရွိေသာ Your Facebook Page ဟူေသာ စာေၾကာင္း ( ၁ ) ေၾကာင္းပါ ရွိေလရာ  ေဖာ္ျပပါစာေၾကာင္းေနရာတြင္ ( အဆိုပါစာေၾကာင္းအား ဖ်က္၍ ) မိမိ Facebook Page ၏ Address ကို ထည့္ေပး၍ Gatget အား Save လုပ္ရမွာ ျဖစ္ပါတယ္။ ယခု Code မ်ားတြင္ ပါဝင္သည့္ Your Facebook Page ဟူေသာေနရာတြင္ ထည့္သြင္းရမည့္ မိမိ Facebook Page ၏ Address ( Facebook Page Link ) အား မည္သို႔ ယူရမည္ ဆိုသည္ကို တင္ျပလိုျခင္း ျဖစ္ပါသည္။

Blog Code မ်ားကို ဖြင့္ထားလ်က္ New Tab ျဖင့္ မိမိ Facebook Page အား

- Facebook Log In ဝင္လိုက္ပါ ( ကြန္ပ်ဴတာျဖင့္ နမူနာျပဳလုပ္ျပသထားပါသည္။ )
- ဘယ္ဘက္ထိပ္ေထာင့္ရွိ ေသာ့ပံုေလး ( Verify by: Digicert Inc ) အား ႏွိပ္လိုက္ပါ။
- More Information အား ဆက္ႏွိပ္ပါ။
- ေပၚလာေသာ Box တြင္ Security Tab ကို ေရြးထားၿပီး ျဖစ္ပါက General Tab သို႕ ေျပာင္းႏွိပ္လိုက္ပါက ထို Box တြင္ Address ဟူေသာ စာေၾကာင္းအား ေတြ႕ရပါလိမ့္မည္။ ၎ Address
http://www...................................................... ဆိုသည့္ စာေၾကာင္း အရွည္ႀကီးအား Copy ကူး၍ တစ္ေနရာတြင္ မွတ္ထားလိုက္ပါ။ ေနာက္ထပ္ ထပ္မံ သိလိုလွ်င္  ရွာရန္ မလိုေအာင္လို႕ပါ။ ေဖာ္ျပပါ Copy ကူးထားေသာ Facebook Page Address စာေၾကာင္းအရွည္ႀကီးအား အထက္တြင္ ေဖာ္ျပထားေသာ HTML/ Javascript Code မ်ား၏ ေအာက္နားအပိုဒ္တြင္ ပါရွိေသာ  Your Facebook Page ဟူေသာ စာေၾကာင္းေနရာတြင္ ( ၎စာေၾကာင္းအား ဖ်က္၍ ) ထည့္လိုက္ပါ။ Gatget အား Save လုပ္လိုက္ပါ။ လူႀကီးမင္း၏ Blog စာမ်က္နွာတြင္ မိမိ Facebook Page အား Like လုပ္ႏိုင္ရန္ Facebook Like Box Gatget ေလး ေပၚလာပါလိမ့္မည္။ ကၽြန္ေတာ္ Code မ်ား ကူးယူေဖာ္ျပထားေသာ Blog ပိုင္ရွင္အား ဤ ေနရာမွေန၍ Credit ေပးပါသည္။