Cara Dan Trik Memasang Histats Counter Visitor Di Blog

Salah satu widget terbaik untuk mengetahui jumlah pengunjung yang sedang online atau berkunjung di blog kita adalah Histats Conter Visitor.Histats menyediakan berbagai layanan.selain sebagai penghitung,Counter visitor juga kita dapat melihat Pengunjung yang sedang online di blog kita.Dan kalau sobat ingin memasang widget Histats Conter Visitor silahkan simak baik-baik langkah-langkahnya sebagai berikut.

• Buka situs http://histats.com
•  Masukkan alamat URL blog kita pada (register your website)

•  Selanjutnya kita akan di bawa ke control panel dan lengkapi data-data yang diperlukan dan jangan lupa mengatur time zone di mana kita berada

•  Selanjutnya masukkan kode Captca dan contreng I have read and agree Publisher Agreement Terms
  

•  Jika berhasil akan muncul pemberitahuan sebagai berikut

• Dan selanjutnya masuk ke email yang kita daftarkan di histats.com untuk melengkapi pendaftaran, yang berisi link verifikasi seperti di bawah ini
  
  
  

•  Setelah mengklik link tersebut account kita telah aktif dan silahkan kembali ke histats.com untuk liogin

• Masukkan email dan password yang telah di daftarkan di kolom register sebelumnya
  Setelah log in muncul kotak halaman kita dan klik ADD WEBSITE
  

• Lengkapi form yang ditampilkan dan klik Continue akan muncul halaman seperti ini

 

• Klik stats yang ada di pojok kanan

 

• Untuk mendapatkan kode html/javascript yang akan di pasang di blog klik Conuter CODE

• Dan pilih Add New Counter 

• Pilih bentuk yang sesuai keinginan dengan mengklik iconnya disini kita menggunakan Flash Counters (4baris) 

• Akan muncul halaman seperti ni (checklist yang ada klom checklist) dan save

• Akan tampil halaman berikut 

• Untuk mendapatkan kode HTML/JAVASCRIPT klik pada conter id maka akan muncul kode di bawahnya dan copy salah satu kode tersebut.kalau blog saya cocoknya sama kode yang ke-2 yaitu kolom NO JAVASCRIPT.Sesuaikanlah kode tersebut yang cocok dengan template blog sobat.

 

Untuk memasang pada blog

1. Masuk ke blog
2. Pilih design/rancangan
3. Pilih page element
4. Pilih add Gadget
5. Pilih HTML/JAVASCRIPT
6. Pastekan Salah satu kode HTML tadi kemudian Simpan/save. 
7. Lihat hasilnya.

Biasanya setelah muncul di sidebar blog kita,widget histats ini posisinya adalah rata kiri,dan apabila sobat ingin mengubah tampilannya dari rata kiri menjadi rata tengah di sidebar,silahkan sobat baca Cara Termudah Membuat Gadget/ Widget Blog Menjadi Rata Tengah.

selamat mencoba sobat,semoga bermanfaat.....jangan lupa Like and komentarnya sobat... :)

Selanjutnya

Cara Membuat Efek Bayangan Pada Teks/Tulisan Di Blog

Pada kesempatan kali ini saya akan berbagi mengenai Trik CSS yaitu cara membuat efek bayangan pada teks. Trik ini berguna untuk memperindah tampilan blog sobat terutama pada teks yang ada pada blog sobat. Seperti pada adobe photoshop yang bisa memberikan efek bayangan pada benda apa saja, pada blog pun pasti bisa. Berikut ini adalah Contoh teks yang mempunyai bayangan.

Tampak mengagumkan bukan? :),, cara membuatnya yaitu Sobat Blogger semua harus membuat Class CSS dulu. Atau kalau sudah ada tinggal menambahkan saja properti CSS berikut pada class CSS sobat :

 text-shadow:2px 4px 8px #000;

Keterangan :

2px : Jarak Bayangan dari teks secara Horizontal, semakin besar nilainya maka semakin ke kanan.

4px : Jarak Bayangan dari teks secara Vertikal, semakin besar nilainya maka semakin ke bawah.

8px : Hardness bayangan atau ketebalan bayangan.

#000 : Warna Bayangan.

Contoh : Copy kode dibawah ini dan letakkan sebelum tag ]]></b:skin> apabila sobat menggunakan blogger, jika sobat menggunakan style biasa copy saja sebelum tag </style> ngerti kan?

.teks-bayangan {text-shadow:2px 4px 8px #000;}

Kemudian saat sobat membuat posting blog atau sejenisnya, sobat tinggal menambahkan class="teks-bayangan".

<p class="teks-bayangan">Isi teks yang akan diberi efek bayangan</p>

Seperti itulah caranya, jika kurang jelas silahkan tanyakan melalui form komentar. Sobat Blogger semua dapat mengkreasikan sendiri efek bayangan pada teks sesuai dengan yang sobat inginkan.

Selanjutnya