Slider 1 Slider 2 Slider 3 Slider 4
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Update Page View Hit Counter, Hitung Jumlah Pembaca Artikel

LEST UPDATE : 9 FEBRUARI 2011 Page View Post Counter


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='views-counter'>Dibaca : <script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/></div></b:if></h2> </b:if>


Simpan kode di atas tepat di bawah kode :
<h2 class='date-header'><span><data:post.dateHeader/></span>


sehingga hasilnya jadi seperti:
<h2 class='date-header'><span><data:post.dateHeader/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='views-counter'>Dibaca : <script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/></div></b:if></h2> </b:if>


Somoga Bermanfaat!


LAST UPDATE : 08-21-2010
Semua kode lama tidak berfungsi silahkan baca Artikel berikut untuk memperbarui Page Hits Counter anda. (All the old code does not work, please read the following articles to renew your Page Hits Counter.)
Website : http://www.putchoice.com/ 
Help : http://www.putchoice.com/
Apakah Page Hits Counter? Page Hits Counter adalah tool gratis dari kami untuk menghitung jumlah pembaca pada setiap artikel/halaman yang ditampilkan oleh web anda. Seperti contoh untuk menampilkan pesan "Artikel ini telah dibaca 230 kali" (What is Page Hits Counter? Page Hits Counter is our free tool to calculate the number of readers of each article/page displayed by your website. As an example to display the message "This article has been read 230 times").
Pernahkah anda berpikir halaman mana yang sering dikunjungi pembaca? Disinilah letak kelebihan Page Hits Counter kami dibandingkan dengan Stats Counter yang banyak beredar di internet (Have you ever thought which pages are frequently visited by the reader? This is where our strengths Page Hits Counter compare with the many out on internet).
Kenapa harus menggunakan fasilitas kami (Why should use our facilities)?
  1. Untuk menggunakan Page Hits Counter tanpa registrasi/pendaftaran (To use the Page Hits Counter without registration).
  2. Page Hits Counter menghitung perhalaman pada blog anda bukan secara global/Stats Counter (Page Hits Counter calculates each page on your blog rather than globally/Stats Counter).
  3. Page Hits Counter tidak menghitung jika anda login sebagai admin/pemilik website (Page Hits Counter does not count if you login as admin / owner of the website)
  4. New: Bagi situs yang telah verifikasi Page Hits Counter tidak akan menampilkan iklan yang memberatkan blog anda lagi. (For sites that have been Page Hits Counter verification will not show ads which incriminate your blog again).
  5. New: Anda bebas berkreasi seperti memberi warna tulisan, mengubah kalimat dan lain-lain (You are free to be creative as to color text, change the sentence, etc).
Cara Menggunakannya (How to Use It):
Blogspot :
  1. Add Gadget for Reciprocal for Verify
    Login ke blogspot, Klik "Rancangan" kemudian Klik "Element Laman" dan "Tambah Gadget" pilih "HTML/JavaScript"  masukan kode dibawah kemudian simpan (Login to the blogspot, click "Design" then click "Page Element" and "Add Gadget" select "HTML/JavaScript" paste the code and save).
    <img border="0" src="http://www.putchoice.com/picture.php?type=png" alt="Page Hits Counter"/></a>
  2. Add Edit HTML for Show
    Klik "Rancangan" kemudian Klik "Edit HTML". Dan beri centang Expand Template Widget. Sisipkan kode dibawah setelah <data:post.body/>.
    Login to the blogspot, click "Design" then click "Edit HTML". And check ExpandWidget Templates.
    Paste the code after <data:post.body/>.
    <b:if cond='data:blog.pageType == "item"'>
    <div id="hit-counter">
    <script src="http://www.putchoice.com/stats.php?p=stats" type="text/javascript"></script>
    </div>
    </b:if>
  3. Setelah kode dimasukan silahkan keluar dari login admin dan tutup halaman blog anda (After the code is input please exit and close the admin login page for your blog).
  4. Page Hits Counter akan muncul setelah di refresh 3 kali atau telah 3 kali dikunjungi (Page Hits Counter will appear after the refresh 3 times or it's has three times visited.).

Jangan memodifikasi Kode Verifikasi (Langkah pertama) ataupun membuangnya sewaktu-waktu, Logout/keluar sebagai admin blog dan refresh halaman sebanyak 3 kali. (Do not modify the Verification Code (first step) or throw it at any time, Logout / exit as the blog admin and refresh this page 3 times).

Cara Membuat Screen Saver Dengan Css.

Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu PengetahuanSudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Link Bergoyang Di Blog Dengan Java Script. Tetapi Pada Tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Screen Saver Dengan Css.Sudah Terasa Lama Blog Sharing Ilmu Pengetahuan Sudah Tidak Menjelaskan Lagi Tentang Blog ..Nah Kali Ini Saya Akan Posting Tentang Blog Lagi..Blog Ini Juga Pernah Posting Tentang Cara Membuat Screen Saver .Tetapi Itu Menggunakan Java Script..nah Kali Ini Membuatnya Dengan Css3. Nah Klo Mau Liat Demonya Sobat Bisa Liat Gambar Dibawah Ini..Nah Itu Adalah Screenshot Dari Screen Saver Dengan Css.

Jika Sobat Menginginkan Screen Saver Seperti Itu Silakan Sobat Ikuti Langkah-Langkah Berikut Ini :


  1. Login Ke Akun Blog Sobat
  2. Pada Dasbor Klik Rancangan--> Kemudian TAMBAH GADGETDan Pilih HTML Java/Script
  3. Pastekan Kode ini Tepat Didalamnya
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>

<div class='saving'>
<p class='esm1'>" Sahabat Blogger 97 "<br/>
<span class='esm2'>Energy Saving Mode using CSS3</span><br/><br/>
<span class='esm3'>Move your mouse to go back to the page!<br/>Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p>
<div class='by_Tejahtc'>Original design by: <span class='esm4'> http://yunazazizpratama.blogspot.com/</span> - Oktober 2010</div>
</div>

   4. Ubah Kata Nama " Sahabat Blogger 97 " Dengan Nama Sobat. Ubah kata http://yunazazizpratama.blogspot.com/ Dengan nama sobat
   5. Dan Yg Terkahir Simpan

Cara Membuat Screen Saver Dengan Css.

Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu PengetahuanSudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Link Bergoyang Di Blog Dengan Java Script. Tetapi Pada Tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Screen Saver Dengan Css.Sudah Terasa Lama Blog Sharing Ilmu Pengetahuan Sudah Tidak Menjelaskan Lagi Tentang Blog ..Nah Kali Ini Saya Akan Posting Tentang Blog Lagi..Blog Ini Juga Pernah Posting Tentang Cara Membuat Screen Saver .Tetapi Itu Menggunakan Java Script..nah Kali Ini Membuatnya Dengan Css3. Nah Klo Mau Liat Demonya Sobat Bisa Liat Gambar Dibawah Ini..Nah Itu Adalah Screenshot Dari Screen Saver Dengan Css.

Jika Sobat Menginginkan Screen Saver Seperti Itu Silakan Sobat Ikuti Langkah-Langkah Berikut Ini :


  1. Login Ke Akun Blog Sobat
  2. Pada Dasbor Klik Rancangan--> Kemudian TAMBAH GADGETDan Pilih HTML Java/Script
  3. Pastekan Kode ini Tepat Didalamnya
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>

<div class='saving'>
<p class='esm1'>" Sahabat Blogger 97 "<br/>
<span class='esm2'>Energy Saving Mode using CSS3</span><br/><br/>
<span class='esm3'>Move your mouse to go back to the page!<br/>Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p>
<div class='by_Tejahtc'>Original design by: <span class='esm4'> http://yunazazizpratama.blogspot.com/</span> - Oktober 2010</div>
</div>

   4. Ubah Kata Nama " Sahabat Blogger 97 " Dengan Nama Sobat. Ubah kata http://yunazazizpratama.blogspot.com/ Dengan nama sobat
   5. Dan Yg Terkahir Simpan
Template by Clairvo Yance
Copyright © 2012 " Cerita Sex Paling Populer " and Blogger Themes.