Diberdayakan oleh Blogger.

Cara membuat widget statistik blogger (Modifikasi)

Ada berbagai cara yg dilakukan author blog utk mendatangkan pengunjung,yaitu dengan cara membocorkan data statistik blognya yg terdiri dari Pageviews,total post,total comment,nah kalau menurut ane widget ini "tidak terlalu berguna" karna y paling pengunjung penasaran sama total post dan pageview,

Nah sebelum kamu mengedit template ada baiknya kalian baca ini

Namun karna ane ingin berbagi ane saran kan dipikir2 dlu hehe,,dan inilah fitur-fiturnya
  •     Menampilkan Jumlah postingan
  •     Menampilkan Jumlah Komentar
  •     Menampilkan Total Tayang Laman
  •     Penggunaan CSS Sprite
Nah beralih kita ke gmn cara masang nya??
  • pergi ke blogger
  • masuk tata letak-tambah widget-ambil statistik blog
  • nah kalo udah silahkan masuk ke template
  • edit html
  • nah cari code ]]></b:skin>,nah kemudia copy code CSS ini tepat di atasnya
#Stats1
ul{margin:10px 0;border:0;padding:0}

#Stats1
li{margin:0;border:0;background-color:#ff4e47;background-image:url(http://lh3.ggpht.com/-JypPIDhQgEY/UIfUN_w0jkI/AAAAAAAABOM/s_O3VHyQSlw/s194/sprites-stats.png);background-repeat:no-repeat;padding:10px
10px 10px 80px;list-style-type:none}

#Stats1
h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none}

#Stats1
span{font-size:13px;color:#fff;text-shadow:none}

#totalComments{background-position:0 -68px}

#totalCount{background-position:0 -136px}
note:silahkan ganti warna background sesuka hati
  • nah kemudian cari code <b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/> 
  • kemudia ganti code itu dgn code berikut
<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</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>
note:silahkan ganti yg berwarna dgn sesuka hati

semoga bermanfaat
code di dapat dari : tipstrickblog

7 komentar:

Indra Ahmad Robani mengatakan...

wah mantep nih bro..

zaidan Xzanderz mengatakan...

dicoba y sob

Ramos Siahaan mengatakan...

aku coba deh diblog demo ku :D

zaidan Xzanderz mengatakan...

ok sob dicoba aja

portaldinamis mengatakan...
Komentar ini telah dihapus oleh administrator blog.
hardiyankesuma mengatakan...

widgetnya bisa dual admin gak gan? jawab yah :)

zaidan xzanderz mengatakan...

bisa gan..

Poskan Komentar

-saya akan berusaha untuk selalu merespon pertanyaan anda
-diharapkan memakai kata baku jika berkomentar
-ingat berkomentarlah yang bermutu , revelan , dan tidak promosi dan spam