Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Salam Blogger, kali ini BLOGGINGPASURUAN berbagi tutorial tentang “Cara MODIFIKASI Widget STATISTIK Blogger KEREN “ menggunakan background warna dengan horizontal style. Atau seperti gambar diatas

Adapun Fitur dari widget statistik blog ini:

Menampilkan Jumlah postingan
Menampilkan Jumlah Komentar
Menampilkan Total Tayang Laman


Silahkan ikuti langkah-langkah berikut menambahkan widget statistis blogger ini ke blog:


1.Pada Dasbor pilih menu Tata Letak
2.Tambah Gadget >> Pilih widget Statistik blog
Cara MODIFIKASI Widget STATISTIK Blogger KEREN
Pada kolom konfigurasikan widget, anda tidak perlu mengganti nama atau memilih tampilan, langsung klik simpan dan klik simpan lagi.


3. Sekarang masuk menu Template >> Pilih edit HTML
4. Klik Ctrl+F dan cari kode ]]></b:skin>
5. Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>

#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:12px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}


Anda bisa mengganti background, warna font pada kode CSS widget statistik diatas agar sesuai dengan desain template blog anda.

6. Klik Ctrl+F dan cari kode berikut:

<b:widget id='Stats1' locked='false' title='Total tayangan laman'type='Stats'/>

7. Setelah dapat, ganti kode tersebut dengan kode 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>
Anda bisa mengganti tulisan yang memiliki background warna diatas dengan kata-kata anda sendiri

8. Simpan template dan lihat hasilnya diblog anda.

Demikian tutorial tentang Cara MODIFIKASI Widget Statistik Bawaan Blogger menjadi lebih KEREN selamat mencoba semoga bermanfaat..

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

7 comments

Write comments
October 11, 2014 at 7:33 PM delete

Keren... makasih infonya, sangat bermanfaat :-bd

Reply
avatar
March 26, 2015 at 3:38 PM delete

Menarik banget postingannya gan ! kunjungi juga www.dadidufashion.com

Reply
avatar
May 12, 2016 at 1:08 PM delete

makasih gan .,., ajiib.,.,

Reply
avatar
Dewi Aja
AUTHOR
September 22, 2016 at 7:16 PM delete

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Reply
avatar
Okun Cran
AUTHOR
July 21, 2017 at 9:02 PM delete This comment has been removed by the author.
avatar
October 18, 2017 at 7:30 PM delete

Keren, Jangan Lupa Kunjung Balik http://b-idhow.blogspot.com

Reply
avatar