Search Box

Thursday, April 21, 2016

New Design Facebook Like Box ထည့္နည္း

Posted by Admin@Zar Ni - No comments | labels- Blogger Widget
အထက္ က ပ့ုစံေလး က ေတာ့ Facebook Like Box အသစ္ပုံစံေလးပါ ဗ်ာ ကဲ အ့ဲလို ဒီဇိုင္ေလး ကို မိမိ တို႕ ဘေလာ့ေလးေတြ မွာ ထားခ်င္တယ္ဆိုရင္ေတာ့ ဒီမွာ သြားလိုက္ပါhttps://developers.facebook.com/docs/plugins/page-plugin
အ့ဲလင့္ ကို ေရာက္ျပီဆိုရင္ေတာ့ ေအာက္ က ပံုစံေလး ကို ျမင္ရပါမယ္

အထက္ပါျပထားတ့ဲ ပံု အတိုင္းေလး မိမိ တို႕ လိုအပ္တာေလးေတြ ကို Demo ၾကည့္ျပီးျဖည့္စြက္လိုက္ပါ အားလံုးျပင္ျပီးျပီဆိုရင္ေတာ့ ဘယ္ဘက္ေအာက္ေဒါင့္ေလး မွာ ရွိတ့ဲ Get Code ဆိုတာေလး ကို ႏွိပ္လိုက္ပါ
ေဘာက္တစ္ခုက်လာျပီး Code ေတြ ကိုျမင္ရပါမယ္...ေအာက္ပါပံုအတိုင္းပါ
 ဒီ Code ေတြ ကို ထည့္ဖိုကအတြက္ မိမိ တို႕ Blogger ကို Sing in ဝင္လိုက္ပါ ျပီးရင္ Template ဆိုတာေလး ကို ႏွိပ္လိုက္ပါ တစ္ဆက္တည္း မွာ ပဲ Edit Html ဆိုတာေလး ကို ထပ္ႏွိပ္လိုက္ပါ.....
အ့ဲမွာ Ctr + F ကို သံုးျပီးေတာ့ လိုအပ္တ့ဲ Code ကို ရွာရပါမယ္....ရွာရမယ့္ Code က <body>
အ့ဲ ကုဒ္ က template အမ်ိဳးစားေပၚ မူတည္ျပီးေပ်ာက္ေနပါလိမ့္မယ္ <body> မေတြ႕ဘူးဆိုရင္
</body>  ကိုထပ္ရွာလိုက္ပါ ေတြ႕ျပီဆိုရင္ သူေအာက္နား မွာ Enter တစ္ခ်က္ေခါက္ျပီ
ေအာက္မွာ ဝိုင္းျပထားတ့ဲ အေပၚ က Code ေတြ ကို ထည့္လိုက္ပါ
 အ့ဲ Code ေတြထည့္တ့ဲအခါ ျပီးရင္ Save Template ကို ႏွိပ္လိုက္ပါ ေအာက္ေဖာ္ျပပါပံုအတိုင္း error အနီေရာင္စာတန္းၾကီးေပၚလာပါလိမ့္မယ္ စိတ္မပူပါနဲ႕ ဘာမွမျဖစ္ပါဘူး အ့ဲကူးထည့္လိုက္တ့ဲကုဒ္ေလး ကို နည္းနည္းေလးျပင္ေပးရပါမယ္
amp; 
ဆိုျပီးျပင္ေပးလိုက္ရင္ရပါတယ္။ဘယ္နားမွာျပင္ရမလဲဆိုေတာ့ ေအာက္ကပံုအတိုင္း မွ်ားျပထားတ့ဲေနရာေလးမွာပါ 
သူ႕ မူလကုဒ္ ကen_US/sdk.js#xfbml=1&version=v2.3";
 အ့ဲလိုရွိပါတယ္....version ဆိုတာေလးရဲ႕ေရွ႕နား မွာamp;
ဆိုျပီးထည့္ေရးေပးလိုက္ပါျပီးရင္
en_US/sdk.js#xfbml=1&amp;version=v2.3";
 ျပင္လိုက္တ့ဲ အခါအထက္ပါ Code အတိုင္းျဖစ္ရင္ရပါျပီ ျပီးရင္ Save Template ကို ထပ္ႏွိပ္လိုက္ပါ.....မျပီးေသးပါဘူး ေနာက္ဆံုးအဆင့္အေန ႏွင့္
Widget ကို ထည့္ရပါဦးမယ္ ဒီအပိုင္း ကေတာ့ ဘေလာ့ကာ ေတာ္ေတာ္မ်ားမ်ား သိျပီးသားအပိုင္းပါ Blogger ရဲ႕ Layout တြင္ ကလစ္လိုက္ပါ Add a gadget ကိုႏွိပ္လိုက္ပါ ေအာက္ပါပံုတြင္ဝိုင္းျပထားေသာ ကုဒ္ ကိုထည့္လိုက္ရင္ရပါျပီ....
 အားလံုးအဆင္ေျပမယ္လို႕ေမွ်ာ္လင့္ပါတယ္ ကြ်န္ေတာ္ေရးထားတာေလး ေတြ ကို နားမလည္ရင္ Video ေလးၾကည့္ျပီး လိုက္လုပ္ႏိုင္ေအာင္ ေအာက္မွာ Video ေလးပါ ပါတယ္...
နမူနာၾကည့္ရန္ 
  
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

No comments:

Post a Comment