Tips membuat Page Views - Post Views Counter Widget
Tips membuat Page Views - Post Views Counter Widget
Kali ini saya akan share tutroial Tips membuat Page Views - Post Views Counter Widget seperti dibawah ini yang berguna unutk melihat berapa banyak halaman posting kita telah dilihat pengunjung/visitor blog kita.
Caranya adalah:
1. Untuk Style 1 kode scriptnya ( dengan grafik) adalah :
2. Untuk Style 2 kode scriptnya ( tanpa grafik) adalah:
3. Sebelum memasukkan salah satu kode diatas buka dashboard kemudian pilih template, lalu jangan lupa centang expand widget template ( selalu centang apabila anda ingin mengedit template).
4. Kemudian cari kode dibawah ini ( supaya mudah mencari tekan Ctrl+F ).
Atau jika tidak menemukan kode diatas ( point 4 ) bisa cari kode dibawah ini
5. Kemudian copy paste kode point 1 atau 2 dibawah point ke 4
6. Save/simpan.
Kali ini saya akan share tutroial Tips membuat Page Views - Post Views Counter Widget seperti dibawah ini yang berguna unutk melihat berapa banyak halaman posting kita telah dilihat pengunjung/visitor blog kita.
1. Untuk Style 1 kode scriptnya ( dengan grafik) adalah :
<b:if cond='data:blog.pageType == "item"'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>
2. Untuk Style 2 kode scriptnya ( tanpa grafik) adalah:
<b:if cond='data:blog.pageType == "item"'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>
3. Sebelum memasukkan salah satu kode diatas buka dashboard kemudian pilih template, lalu jangan lupa centang expand widget template ( selalu centang apabila anda ingin mengedit template).
4. Kemudian cari kode dibawah ini ( supaya mudah mencari tekan Ctrl+F ).
<div class='post-header-line-1'/>
<data:post.body/>
5. Kemudian copy paste kode point 1 atau 2 dibawah point ke 4
6. Save/simpan.
Posts
-- No comments --
Post a Comment
Silakan berkomentar dan tidak melakukan spam.