How to Add Beautiful Blog Statistics to Your Blogger, Blogspot

article I share with you a beautiful statistical utility for  blogspot . You can view this gadget directly in your blog or as shown below.

                                                              Illustration

 

INSTRUCTIONS ON HOW TO:

 

To make this add-on you need to  Login to blogger  ->  Layout  ->  Add an HTML widget then use the code below 

 

 

<style>
section.widget_info_blog {padding: 0! important; overflow: hidden; background: transparent; important; border-radius: 3px 3px 0 0! important}
.col-widget.so-bai {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc}
.col-widget.so-cau-hoi {border-bottom: 1px solid #ccc}
.col-widget.so-comment {border-right: 1px solid #ccc}
.feau {height: 100px; background: linear-gradient (# 075eac, # 1a75c6); font-size: 25px; color: #fff; padding: 5px 0; text-align: center}
.logo-widget img {max-height: 80px; border: 5px solid #fff; border-radius: 50%; margin-top: -40px; margin-left: calc (50% - 40px); background: # 4d90fe; }
float: left; width: 100%; background: # f2f2f2; min-height: 50px; margin-top: -45px; padding: 5px}
.col-widget {float: left; width: 50%; text-align: center; height: 35px; line-height: 35px; font-size: 15px; color: # 222;}
</ style>

<div class = "feau"> Living for Sharing </ div>
</ div> <div class = "logo-widget"> <img src = "http://lh4.googleusercontent.com/-oSc40XLZ8HE/WRib6sIB0PI/AAAAAAAABU8/mn7qbOUrEq8bWLlTuOY3IOa8bBPmYslSACK4B/s1600/LOGO.png" /> </ div>
<div class = "info">
    </ class> "fa-pencil-square-o" aria-hidden = "true"> </ class>
        <script style = "text / javascript">
            function showpostcount (json) {
                document.write (parseInt (json.feed.openSearch $ totalResults. $ t, 10);
            }
        </ script>
        <script src = "/ feeds / posts / default? alt = json-in-script & callback = showpostcount"> </ script>
    </ div>
    <li class = "fa-refresh" aria-hidden = "true"> </ i>
        <script type = "text / javascript">
            var startTime = new Date ();

            function currentTime () {
                var a = Math.floor ((new Date () - startTime) / 100) / 10;
                if (a% 1 == 0) a + = ".0";
                document.getElementById ("endTime"). innerHTML = a;
            }
            window.onload = function () {
                clearTimeout (loopTime);
            }
        </ script>
        <script type = "text / javascript">
            document.write ('<span id = "endTime"> 0.0 </ span>');
            var loopTime = setInterval ("currentTime ()", 100);
        </ script>
    </ div>
    </ class> "fa-comments-o" aria-hidden = "true"> </ class>
        <script style = "text / javascript">
            function numberOfComments (json) {
                document.write (json.feed.openSearch $ totalResults. $ t);
            }
        </ script>
        <script src = "/ feeds / comments / default? alt = json-in-script & callback = numberOfComments"> </ script>
    </ div>
    <div class = "fa-users" aria-hidden = "true"> </ i> 10 </ div>
</ div>

 

Then save the gadget and go back to the home page to see the results.

USING STATISTICS INCLUDED:

– Total Posts 
– Total Comments 
– Page Load Time – The 
number of website authors (this hand edit) ☺☺ 
Blogspot has a limited article so you can customize only as above, you can customize these Please share to everyone to use offline! 

Add Comment