Blog Post Views For Blogger
ဒါက တော့မိမိ Blog Site မှာတင်ထားတဲ့ Blog Post တခုချင်းစီကိုလူဘယ်နှစ် ယောက်ဝင် ရောက်ကြည့်ရှုထားသလဲဆိုတာကိုဖော်ပြ ပေးမဲ့ Widget လေးပါ။ပြုလုပ်ပုံပြုလုပ်နည်းကိုလဲပုံနှင့်တကွရှင်းပြပေးထားပါတယ်
Browser မှာ firebase.google.com လို့ရေးရှာပါ။မရှာချင်ရင်လဲအောက်က link ကိုနှိပ်၍ဝင်ရောက်နိုင်ပါတယ်
(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) Next ကိုနှိပ်
No(13) Next ကိုနှိပ်
No(14) Continue to console ကိုနှိပ်
No(15) Menu ဘားကိုနှိပ်
No(16) Build ကိုနှိပ်
No(17) Realtime Database ကိုနှိပ်
No(18) Create Database ကိုနှိပ်
No(19) Next ကိုနှိပ်
No(20) Start in locked mode ကိုနှိပ်
No(21) Enable ကိုနှိပ်
No(22) Rules ကိုနှိပ်
No(23) false နေရာ တွေ မှာ true လို့ပြောင်းရေးပေးပါ
No(24) Publish ကိုနှိပ်
No(25) Data ကိုနှိပ်
No(26) အဲဒီ link ပုံလေးကိုနှိပ်၍ Copy ယူပြီးမိမိအဆင်ပြေမဲ့နေရာမှာခဏမှတ်ထားပါ။ကဲဒါဆို firebase account တခုရသွားပါပြီ။အောက်က code တွေထည့်ရန်မိမိရဲ့ Website Template ကိုပြန်သွားရပါမယ်။
No(1) မိမိ blog site ကို account အရင်ဝင်ပါ
No(2) dashboard ထဲက Theme ကိုနှိပ်
No(3) Customize ဘေးက 🔻ကိုနှိပ်
No(4) Edit HTML ကိုနှိပ်
No(5) အောက်က code ကို </head> အ ပေါ်ကနေထည့်ပေးပါ
<script src='//cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'></script>
No(6)အောက်က code ကိုလောလောဆယ် <data:post.body/> အပေါ်မှာကပ်လျက်ထည့်ပေးပါ။နောက်မှမိမိလိုသလိုရွှေ့ပြောင်းထည့်လို့ရပါတယ်
<span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/>0<span class='view-load' id='postviews'/>Views</span>
No(7) အောက်က JavaScript code ကို </body> အပေါ်ကနေကပ်လျက်ထည့်ပေးပါ
No(8)https://khinmaungwin-123-default-rtdb.firebaseio.com နေရာမှာမိမိ firebase account ပြောင်းထည့် ပေးပါ။ save ကိုနှိပ်ပြီးပါပြီ
<script async='async' type='text/javascript'>
//<![CDATA[
$.each($(".post-view[data-id]"), function(a, e) {
var l = $(e).parent().find("#postviews").addClass("view-load"),
i = new Firebase("https://khinmaungwin-123-default-rtdb.firebaseio.com/pages/id/" + $(e).attr("data-id"));
i.once("value", function(a) {
var n = a.val(),
t = !1;
null == n && (n = {}, n.value = 0, n.url = window.location.href, n.id = $(e).attr("data-id"), t = !0), l.removeClass("view-load").text(n.value), n.value++, "/" != window.location.pathname && (t ? i.set(n) : i.child("value").set(n.value))
})
});
//]]>
</script>