Official Google Buzz Buttons for Your Blog

လွန်ခဲ့တဲ့ ( ၃ ) ရက်လောက်က Google ကနေပြီး Google Buzz အတွက် Share နဲ့ Follow လုပ်နိုင်ဖို့ buttons တွေ officially released အနေနဲ့ လွှင့်တင်လိုက်ပြီ ဖြစ်ပါတယ်။ ဒီ Buttons တွေက ဘာကောင်းလဲ ဆိုရင် ဥပမာ Blog ဖြစ်ဖြစ် Website ဖြစ်ဖြစ် ရေးတယ် ဆိုပါစို့ ကိုယ့် articles တွေကို စာဖတ်သူတွေက Google-Buzz ကနေ တစ်ဆင့် တိုက်ရိုက် Share ပေးလို့ ရပါတယ်။ ဒီ Buttons ကို ကျွန်တော် စမ်းပြီးပါပြီ။ သဘောလည်း ကျပါတယ်။ အရင်က ကျွန်တော့် site မှာ posts တွေကို share လုပ်ဖို့ အတွက် Google Reader ကိုပဲ သုံးဖြစ်ခဲ့ပါတယ်။ ဒါပေမယ့် ခုနောက်ပိုင်းက Sharing လုပ်တဲ့ နေရာမှာ Google Buzz ကို လူသုံးပိုများလာကြလို့ အရင်သုံးနေကျ Google Reader ကို Share ပေးတဲ့  button ကနေပြီး Google Buzz ကိုပြောင်းလိုက်ပါတယ်။

Google Buzz က ထုတ်တဲ့ Share buttons တွေက သူ့ကို click ပေးလိုက်ရင် နောက် pop-up windows တစ်ခု တက်လာပြီး အဲ့ထဲမှာ ကိုယ်ထပ်ပြီး ရေးသားပြင်ဆင်ချင်တာ ရှိရင်ရေးသား နောက်ပြီး ကိုယ် share ပေးချင်တာကို မျှဝေတာပါ။ Google ကပေးလိုက်တဲ့ Google Buzz button မှာတော့ နောက်ထပ် ကောင်းတာလေး တစ်ချက်ပါလာပါတယ်။ အဲတာကတော့ counter ပါ။ ကိုယ့် articles ကို စာဖတ်သူက ဘယ်နကြိမ်ဝေမျှ ပြီးသွားပြီလဲ ဆိုတာ counter ကနေ တဆင့် သိနိုင်ပါတယ်။ လုပ်ဆောင်နည်း အဆင့်ဆင့် ကတော့ -

ပထမအဆင့် အနေနဲ့ - ဒီစာမျက်နှာ ကိုသွားပါ။ "Post To Buzz" ဆိုတာနှိပ်ပြီး နောက်စာမျက်နှာမှာ ကိုယ့် ဘလော့မှာ သုံးဖို့ ကြိုက်နှစ်သက်ရာ button ကိုရွေးပါ။ ပေးထားတာကတော့ သုံးလေးမျိုး မက ရှိပါတယ်။

"URL to post" မှာ "Containing Page" ကိုထား နောက်ပြီး "Image to post" မှာ None ကိုထားပြီး အောက်မှာ ပေါ်လာတဲ့ code-box ထဲက code ကို copy ကူးဖို့ ကြိုတင်ပြင်ဆင်ထားပါ။

ဒုတိယအဆင့် အနေနဲ့ - Blogger ရှိရာဆီကို log in ဝင်ပြီး Layout > Edit HTML ကို သွားပါ။ နောက်ပြီး "Expand Widget Tempaltes" ကို tick ပေးထားလိုက်ပါ။ နောက်ပြီးရင် အောက်မှာ ပေးထားတဲ့ code ကို template ထဲမှာ ရှာဖို့ CTRL+F ကိုနှိပ်ပြီး ဒီအောက်က code ကို ပေါ်လာတဲ့ box ထဲမှာ copy ကူးထည့်ပြီး ရှာလိုက်ပါ။ ဒီအောက်က ပုံကို ကြည့်ကြည့်ရင် ရှင်းပါလိမ့်မယ်။

<div class='post-header-line-1'/>

တတိယအဆင့် အနေနဲ့ - အဲ့ဒီ့ အစိမ်းရောင်နဲ့ high light ပြထားတဲ့ စာကြောင်းရဲ့ အောက်မှာ ကပ်ပြီး အောက်မှာ ဖော်ပြထားတဲ့ code ကို paste လုပ်လိုက်ပါ။

<!--BUZZ-STARTS-->
<div style='border:0px !important;text-align:right;margin-top:-42px;'>

PASTE_CODE_FROM_GOOGLE-STUFF-PAGE_(Step #1)_HERE

</div>
<!--BUZZ-STOPS-http://bloggerstop.net-->

အဲလို ထည့်ပြီးတာနဲ့ အနီရောင်နဲ့ ဖော်ပြထားတဲ့ စာကြောင်းနေရာမှာ အနည်းငယ် ပြင်ဆင်မှု လုပ်ရပါမယ်။ ကျွန်တော် အနီရောင်နဲ့ ဖော်ပြထားတဲ့ နေရာမှာ ကျွန်တော်တို့ ထိပ်ဆုံး ပထမဆင့်မှာ code-box ထဲကနေ ရလာတဲ့ code ကို အစားသွင်းပေးရပါမယ်။

ဘာကြောင့်ခုလိုလုပ်ရသလဲ > ဘာလို့လဲ ဆိုရင် default အနေနဲ့ ပါလာတဲ့ button ရဲ့ alignment က "Right" မှာ ဖြစ်နေပြီး ကျွန်တော်တို့တွေ သူ့ကို "Left" ကို ချိန်းလို့ ရသလို button ရဲ့ position ကိုလည်း ပြောင်းလဲ ပစ်ချင်လို့ ဖြစ်ပါတယ်။ အဲလို လုပ်ဆောင်ဖို့ text-align:right;margin-top:-42px;'> ဆိုပြီး ထည့်ထားလိုက်တာပါ။

တကယ်လို့ ဒုတိယအဆင့်မှာ ရှာခိုင်းလိုက်တဲ့ code ကို template မှာ ရှာလို့ မတွေ့ဘူးဆိုရင်ရော - အဲလို အခက်အခဲရှိလာရင်တော့ အဲ့စာကြောင်းအစား အောက်ဖော်ပြပါ စာကြောင်းကို အစားထိုးရှာဖြွေကည့်ပါ။

<div class='post-body entry-content'>
<data:post.body/>

တွေ့ပြီ ဆိုရင်တော့ တတိယအဆင့်မှာ ဖော်ပြထားတဲ့ ထည့်သွင်းရမယ့် နည်းတွေ အတိုင်း စာကြောင်းတွေ ၊ အစားသွင်းရမယ့် ဟာတွေ အကုန်လုံးကို အထက်မှာ ဖော်ပြထားတဲ့ ရှာတွေ့ခဲ့တဲ့ စာကြောင်းတွေရဲ့ အပေါ်မှာ ထည့်သွင်းပေးရပါလိမ့်မယ်။

အားလုံး လုပ်ဆောင်ပြီးသွားရင်တော့ Save လိုက်ပါ။ အဆင်ပြေလိမ့်မယ် ထင်ပါတယ်။

KznT.