Search This Blog

Tuesday, October 8, 2013

Blog မွာ Facebook Like Box ထည့္သြင္းနည္း

Blog မွာ Facebook Like Box ထည့္ဖုိ႔အတြက္ အရင္ဆံုး Facebook Like Page တစ္ခုရွိရပါမယ္။ မရွိေသးရင္  ဒီေနရာမွာ  https://developers.facebook.com/docs/reference/plugins/like-box  လုပ္ႏိုင္ပါတယ္။ Like Page လုပ္ၿပီးသြားၿပီဆိုရင္ မိမိ Blog မွာ FB Liek Box ထည့္သြင္းဖို႔အတြက္ ဒီေနရာကို https://developers.facebook.com/docs/reference/plugins/like-box  သြားရၿပီး ေအာက္ကမွာ ပံုျဖင့္ေဖာ္ျပထားသည့္အတိုင္း Facebook Page URL ဆိုတဲ့ေနရာမွာ မိမိ Facebook Like Box လိပ္စာကို ထည့္ပါ။ Width ႏွင့္ Height မွာ မိမိအသံုးျပဳလိုသည့္ ဆိုက္ကို ျဖည့္ၿပီး Get Code ကိုႏွိပ္ပါ။


Get Code ကို ႏွိပ္လိုက္လွ်င္ ေအာက္တြင္ျပထားသည့္ပံုအတိုင္းျမင္ေတြ႕ရပါလိမ့္မယ္။
ပထမအကြက္ထဲမွ html code ေတြကို အရင္ Copy လုပ္ပါ။ ၿပီးလွ်င္ မိမိ Blog ကို၀င္ၿပီး Template ကိုသြားပါ။

ေအာက္ကပံုမွာ ျပထားသည့္အတိုင္း  <body>  ရွာၿပီး သူ႔အေပၚကေန  (FB ကေပးတဲ့ ပထမအကြက္မွ Plugin Code ကို) Copy ကူးလာေသာ ကုတ္ကိုထည့္ပါ။ ၿပီးလွ်င္ Save လုပ္ပါ။
ပံုေသးေနလွ်င္ Click ႏွိပ္ၿပီး ၾကည့္ႏိုင္ပါသည္။
ေနာက္တဆင့္အေနျဖင့္ (FB ကေပးတဲ့ ဒုတိယ အကြက္မွ Plugin Code ကို) Copy ကူးပါ။
မိမိ Blog ကိုျပန္သြားၿပီး ေအာက္ကပံုမွာ ျပထားသည့္အတုိင္း Layout ကို ႏွိပ္ပါ။
မိမိထားလုိသည့္ေနရာကို ေရြးၿပီး Add a Gadget ကို ႏွိပ္ပါ။
HTML/Java Scrip ကို ေရြးၿပီး   +  ကိုႏွိပ္ပါ။
ပြင့္လာေသာ box တြင္ (FB ကေပးတဲ့ ဒုတိယ အကြက္မွ Plugin Code ကို) 
Copy ကူးလာေသာ ကုတ္ကို ထည့္ေပးၿပီး Save လုပ္ပါ။
Blog မွာ Facebook Like Box ထည့္ျခင္း ၿပီးပါၿပီ။

===============================================

အလြယ္ ေနာက္တနည္း
********************
မိမိ Blog မွာ FB Liek Box ထည့္သြင္းဖို႔အတြက္ ဒီေနရာကို https://developers.facebook.com/docs/reference/plugins/like-box  သြားရၿပီး ေအာက္ကမွာ ပံုျဖင့္ေဖာ္ျပထားသည့္အတိုင္း Facebook Page URL ဆိုတဲ့ေနရာမွာ မိမိ Facebook Like Box လိပ္စာကို ထည့္ပါ။ Width ႏွင့္ Height မွာ မိမိအသံုးျပဳလိုသည့္ ဆိုက္ကို ျဖည့္ၿပီး Get Code ကိုႏွိပ္ပါ။
ပြင့္လာေသာ Box တြင္ IFRAME ကို ေရြးၿပီး Box ထဲက ကုတ္ေတြကို Coy ကူးပါ။
မိမိ Blog ကိုျပန္သြားၿပီး ေအာက္ကပံုမွာ ျပထားသည့္အတုိင္း Layout ကို ႏွိပ္ပါ။
မိမိထားလုိသည့္ေနရာကို ေရြးၿပီး Add a Gadget ကို ႏွိပ္ပါ။
HTML/Java Scrip ကို ေရြးၿပီး   +  ကိုႏွိပ္ပါ။
ပြင့္လာေသာ box တြင္ (FB ကေပးတဲ့ Plugin Code ကို)
Copy ကူးလာေသာ ကုတ္ကို ထည့္ေပးၿပီး Save လုပ္ပါ။



Facebook Like Box ထည့္သြင္းနည္းၿပီးပါၿပီ။

====================================================

ဘယ္မွမလုပ္ခ်င္ပဲ ကုတ္တင္အလြယ္ထည့္ခ်င္ရင္
***************************************
-------------------------------------------------------------------------------------------------------------------------------------
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pyayblogger;width=292&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height:590px;" ></iframe> 
-------------------------------------------------------------------------------------------------------------------------------------
blogger.com >>>  Layout  >>> Add a Gadget  >>> HTML/Java Scrip ကိုေရြးၿပီး အေပၚက ကုတ္ေတြကို Copy ကူးထည့္ေပးပါ။

http://www.facebook.com/pyayblogger ဆိုတဲ့ ေနရာမွာ မိမိ Facebook လိပ္စာထည့္ၿပီး အျပာေရာင္နဲ႔ျပထားတဲ့ width ႏွင့္ height ေနရာတြင္ မိမိအသံုးျပဳလိုတဲ့ အရြယ္အစားကုိ စိတ္ၾကိဳက္ျပင္ၿပီး ထည့္သြင္းႏိုင္ပါသည္။

No comments:

Post a Comment