CUSTOMER LIKE COUNTER IN BLOGGER

 Customer Like Counter In Blogger

ဒါį€œေးက တော့မိမိ Website ကိုį€œာရောက်ကြį€Š့်ရှုတဲ့ Customer တွေကမိမိ Website မှာတင်ထားį€žį€™ျှန ကြောင်းနရာများကိုကြိုက်နှစ်į€žį€€်į€į€š်ဆိုရင်ကြိုက်နှစ်į€žį€€်တဲ့နကြောင်းဖော်ပြį€œို့ရ နောင်ပြုį€œုပ် ပေးထားတဲ့ Like Counter į€œေးတခုဖြစ်ပါį€į€š်။ပြုį€œုပ်ပုံပြုį€œုပ်į€”į€Š်းကတော့နောက်ကဖော်ပြပေးထားတဲ့နတိုင်းပြုį€œုပ်ပေးဖို့į€œိုနပ်ပါį€į€š်။



(1) firebase.google.com į€€ိုနှိပ်

(2) į€˜ေးနားက Menu į€˜ားကိုနှိပ်

(3) Go to console ကိုနှိပ်

(4) Create a Project ကိုနှိပ် 

နောက်မှာကျန်တဲ့နဆင့်တွေဆက်į€œုပ် ပေးပါ

No(1) မိမိ Project name ကိုရေးပါ



No(2) Continue ကိုနှိပ်


No(3) Continue ကိုနှိပ်


No(4) 1. Select an account ကိုနှိပ်

No(4) 2. Create a new account ကိုနှိပ်



No(5) 1. firebase project name į€‘į€Š့်ပေးပါ

No(5) 2. နမှန်ခြစ် į€œေး တွေ į€œိုက်ခြစ် ပေးပါ

No(5) 3. Create Project ကိုနှိပ်



No(6) Continue ကိုနှိပ်


No(7) </> ကိုနှိပ်


No(8) project name į€‘į€Š့်ရေးပေးပါ

No(9) မိမိ project name မှန်မမှန်စစ်ဆေး ပေးပါ

No(10) Register app ကိုနှိပ်



No(11) Use a <script> tag ရွေး

No(12) Copy နိုင်ကွန်ကိုနှိပ်၍နဲဒီ Code တွေကို copy ကူးį€šူထားပါ။ copy ကူးį€šူထား į€žော code များကိုတ နေရာတွင်į€į€į€™ှတ်į€žားထားပါ။နရေးကြီးį€žį€Š်ထို code များį€žį€Š်မိမိ Template တွင်į€‘į€Š့်į€žွင်းį€”į€žုံးပြုရမဲ့ code များဖြစ် į€žော ကြောင့်ပါ

No(13) Next ကိုနှိပ်

No(14) Next ကိုနှိပ်

No(15) Continue to console ကိုနှိပ်

No(16) Menu į€˜ားကိုနှိပ်

No(17) Build ကိုနှိပ်

No(18) Realtime Database ကိုနှိပ်

No(19) Create Database ကိုနှိပ်

No(20) Next ကိုနှိပ်

No(21) Start in locked mode ကိုနှိပ်

No(22) Enable ကိုနှိပ်

No(23) Rules ကိုနှိပ်

No(24) နဲဒီနေရာမှာ false (2)ခုį€…į€œုံးကို true į€œို့ (2)į€…į€œုံးပြောင်းရေးပေးပါ။ဒါမှį€™į€Ÿုတ်မိမိနှစ်į€žį€€်į€žį€œိုį€œုံခြုံရေးį€…į€Š်းမျဉ်းį€žį€်မှတ်နိုင်ပါį€į€š်

No(25) Publish ကိုနှိပ်

No(26) Data ကိုနှိပ်

No(27) နဲဒီ link ပုံį€œေးကိုနှိပ်၍ Copy į€šူပြီးမိမိနဆင်ပြေမဲ့နေရာမှာį€į€į€™ှတ်ထားပါ။ကဲဒါဆို firebase database account တခုį€›į€žွားပါပြီ။နောက်က code တွေį€‘į€Š့်ရန်မိမိရဲ့ Website Template ကိုပြန်į€žွားရပါį€™į€š်။


No(1) မိမိ website ကို account နရင်į€į€„်ပါ

No(2) dashboard ထဲက Theme ကိုနှိပ်

No(3) Customize į€˜ေးက šŸ”»į€€ိုနှိပ်

No(4) Edit HTML ကိုနှိပ်

No(5) </head> ကိုရှာတွေ့ပြီဆိုရင် နောက်က code ကိုနဲဒီ </head> နပေါ်ကနေį€‘į€Š့်ပေးပါ



No(6) ]]></b:skin> ကိုရှာတွေ့ပြီဆိုရင် နောက်က code ကိုနဲဒီ ]]></b:skin> နပေါ်ကနေį€‘į€Š့်ပေးပါ။နဲį€œိုမှį€™į€‘į€Š့်ချင်į€˜ူးဆိုရင်į€œဲနဲဒီ ]]></b:skin> နောက်က နေ <style> <-- CSS Code Here --> </style> နဲဒီį€œိုį€œဲį€‘į€Š့်į€œို့ရပါį€į€š်



No(7) </body> ရှာပါ တွေ့ပြီဆိုရင်နောက်မှာ ပေးထားတဲ့ Code တွေကိုနဲဒီ </body> နပေါ်ကနေကပ်į€œျက်į€‘į€Š့်ပေးပါ



No(8) နောက်ကပြထား į€žော နေရာများတွင် ပြောင်းį€œဲဖြį€Š့်စွက် ပေးပါ

You _apiKey_ here နေရာတွင်မိမိရဲ့ apiKey į€‘į€Š့်

You_authDomain_here နေရာတွင်မိမိရဲ့ authDomain name į€‘į€Š့်

You_databaseURL_here နေရာတွင်မိမိရဲ့ firebase database account į€‘į€Š့်

You_storageBucket_here နေရာတွင်မိမိရဲ့ storageBucket name į€‘į€Š့်

You_messageingSenderID_here နေရာတွင်မိမိရဲ့ messageingSenderID į€‘į€Š့်

No(9) ဒီနဆင့်မှာ တော့ရွေးချį€š်စရာ (2)ခုရှိပါį€į€š်မိမိက Website Like Counter နဖြစ်į€”į€žုံးပြုမှာį€œား (or) Post Like Counter နဖြစ်į€”į€žုံပြုမှာį€œားဆိုတာရွှေးချį€š်၍į€”į€žုံးပြုနိုင်ပါį€į€š်။

(1) Website Like Count နဖြစ်į€”į€žုံးပြုį€™į€š်ဆိုရင်နောက်မှာ ပေးထားတဲ့  HTML Code ကို <data:post body/> နောက်တွင်į€‘į€Š့်ပေးပါ။Save ကိုနှိပ်ပြီးပါပြီ

(2) Post Like Counter နဖြစ်į€”į€žုံးပြုį€™į€š်ဆိုရင် မိမိရဲ့ Post န ကြောင်းနရာတွေရဲ့ နောက်မှာနဲဒီ HTML Code ကိုį€‘į€Š့် ပေးရပါį€™į€š်။ထိုį€žို့į€‘į€Š့်ရာတွင် Post တခုတင်တိုင်းနဲဒီ HTML Code တခုနမြဲį€‘į€Š့်‌į€žွင်း ပေးရပါį€™į€š်။ထိုį€žို့į€‘į€Š့်į€žွင်းရာတွင်နဲဒီ HTML Code တွင်ပါရှိ į€žော id="Like Count" ဆိုတဲ့နေရာမှာမိမိက Number စဉ်ဖြင့်į€‘į€Š့်į€žွင်းį€”į€žုံးပြုပေးရပါį€™į€š်။နမူနာနနေနဲ့ရေးပြį€›į€™į€š်ဆိုရင်နောက်ပါနတိုင်းရေးပေးရပါį€™į€š်။

ပထမ post ဆိုရင်နဲဒီ HTML Code တွင် id="Like Count1"

ဒုတိį€š post ဆိုရင်နဲဒီ HTML Code တွင် id="Like Count2"

တတိį€š post ဆိုရင်နဲဒီ HTML Code တွင် id="Like Count3"

į€…į€žį€Š်ဖြင့် Post တခုချင်းဆီနတွက် Like Counter တခုစီį€œိုက်į€‘į€Š့်ပေးရတဲ့į€ž į€˜ောပါပဲ။



0
0
Loading...

Post a Comment

Loading ratings…
whatsapp