Home
BLOGGER TOOL

Custom Blog Stats For Blogger

Custom Blog Stats For Blogger

ဒါက​တော့မိမိတို့ Blog site မှာတင်ထားသမျှ  post အ​ရေအတွက်နဲ့ မှတ်ချက် comment အ​ရေအတွက်တို့အပြင်မိမိတို့ရဲ့ Blog site ကိုဝင်​ရောက်ကြည့်ရှုသူအ​ရေအတွက်ဘယ်​လောက်ရှိတယ်ဆိုတာ​တွေကိုပါ​ဖော်ပြ​ပေးမဲ့ဒီဇိုင်း​လေးပါ။အရမ်းကိုလှပ​သေသပ်လွန်းပါတယ်။​အောက်မှာပုံစံဒီဇိုင်း​တွေပြသထားပါတယ်မိမိကြိုက်နှစ်သက်ရာဒီဇိုင်းပုံစံကို​ရွှေးချယ်အသုံးပြုနိုင်ပါတယ်။ပြုလုပ်ပုံပြုလုပ်နည်းက​တော့​အောက်ကအတိုင်းပါပဲ



  1. မိမိ blogsite ကို account အရင်ဝင်ပါ
  2. dashboard ထဲက Theme ကိုနှိပ်ပါ
  3. Edit HTML ဆိုတာကိုနှိပ်ပါ

  4. Ctrl + F (or) CDM + F အကူအညီယူ၍ ]]></b:skin> ကိုရှာပါ။အဲဒီ ]]></b:skin> ကို​တွေ့ပြီဆိုရင်​အောက်မှာ​ပေးထားတဲ့ပုံစံဒီဇိုင်း​တွေထဲကမိမိကြိုက်နှစ်သက်ရာကို​ရွေးချယ်ထားတဲ့ပုံစံဒီဇိုင်းရဲ့ style code ​တွေကိုအဲဒီ ]]></b:skin> အ​ပေါ်က​နေကပ်လျက်ထည့်​ပေးပါ။

    Design(1)

    #Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:33%;
border:0;
color:#fff;
float:left;
text-decoration:none;
margin:0;font-size:100%;
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{margin:0;font-size:140%;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
#totalposts{
background: #FF0404;
}
#totalComments{
background: #045DFF;
}
#totalCount{
background: #F67309;
}

    Design(2)

    #Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:30%;
border:3px inset #045DFF;
color:#fff;
float:left;
text-decoration:none;
margin:0;font-size:100%;
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{margin:0;font-size:140%;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
#totalposts{
background: #6C9FFB;
}
#totalComments{
background: #6C9FFB;
}
#totalCount{
background: #6C9FFB;
}

    Design(3)

    #Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:30%;
border-left:5px solid #05A8FC;
color:#fff;
float:left;
text-decoration:none;
margin:0;font-size:100%;
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{margin:0;font-size:140%;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
#totalposts{
background: #000000;
}
#totalComments{
background: #222222;
}
#totalCount{
background: #333333;
}

    Design(4)

    #Stats1 ul{margin:0px 0;border:0;padding:0;}
#Stats1 li{
display:inline;
width:30%;
border-right:5px solid #FFFFFF;
border-buttom:4px solid #FC2B2C;
color:#fff;float:left;
text-decoration:none;
margin:0;font-size:100%;
list-style-type:none}
#Stats1 li:hover{opacity:0.7;filter:alpha(opacity=70);/* For IE8 and earlier */}
#Stats1 h4{
margin:0;font-size:140%;
line-height:1.2em;
color:#fff;padding:0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;
padding:0 5px 0 5px;}
#total posts{
background:#212121;
}
#total comments{
background:#212121;
}
#total count{
background:#212121;
}

    Design(5)

    #Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{
display:inline;
width:30%;
border:3px dashed #000000;
color:#fff;
float:left;
text-decoration:none;
margin:0;font-size:100%;
list-style-type:none
}
#Stats1 li:hover{
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#Stats1 h4{margin:0;font-size:140%;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
#Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
#totalposts{
background: #055BFA;
}
#totalComments{
background: #FA05E0;
}
#totalCount{
background: #FA0505;
}
  5. Sidebar ကိုရှာပါ။ sidebar ရဲ့မည်သည့်​နေရာတွင်မဆိုထည့်သွင်းအသုံးပြုနိုင်ပါတယ်။sidebar ကိုလဲ​​တွေ့ပြီထည့်သွင်းအသုံးပြုမဲ့​နေရာကိုလဲသတ်မှတ်ပြီးပြီဆိုရင်​အောက်မှာ​ပေးထားတဲ့ code ​တွေကိုမိမိသတ်မှတ်ထားတဲ့​နေရာမှာထည့်​ပေးပါ။
<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>
  <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
      <ul>
        <li id='totalposts'>
          <h4 id='Stats1_totalPosts'>…</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>…</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + "_totalCount"'>…</h4>
          <span>Pageviews</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

Post a Comment