Rabu, 12 Oktober 2011

Cara Pasang Flag Counter di WordPress

F
lag Counter merupakan sebuah tool gratis yang dapat ditambahkan ke blog WordPress kita. Tool ini berguna untuk mengetahui dari negara mana saja para pengunjung blog kita berasal. Dengan memasang Flag Counter di blog maka blog kita akan terlihat lebih cantik dan menarik. Bila mengklik Flag Counter-nya maka kita akan mendapati informasi yang menakjubkan mengenai pengunjung dan ada grafiknya pula. Setiap seseorang mengunjungi blog kita maka bendera dari negara dia berasal akan ditambahkan ke konter kita.

Berikut ini langkah-langkah pemasangan Flag Counter di blog WordPress.


2. Pilih Top Countries pada “Show on your site:”.

3. Kemudian kustomisasi widget Flag Counter, seperti:
  • Berapa jumlah maksimum bendera yang ingin ditampilkan (Maximum Flags to Show).
  • Berapa jumlah kolom bendera yang diinginkan (Columns of Flags).
  • Atur label pada bagian atas konter (Label on Top of Counter).
  • Atur warna latar belakang, teks, dan border.
  • Beri tanda cek pada “Show Country Codes” bila ingin menampilkan kode negara.
  • Beri tanda cek pada “Show Pageview Count” bila ingin menampilkan total tayangan laman.
  • Beri tanda cek pada “Show Number of Flags” bila ingin menampilkan total jumlah bendera.
  • Pratinjau hasil kustomisasinya bisa dilihat pada bagian bawahnya.

4. Jika sudah yakin, kemudian klik tombol GET YOUR FLAG COUNTER.

5. Isikan alamat email lalu klik tombol Continue.

6. Copy kode yang ada pada bagian “Code for websites:” seperti di bawah ini.
<a href="http://s08.flagcounter.com/more/22s"><img src="http://s08.flagcounter.com/count/22s/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_50/viewers_Pengunjung/labels_1/pageviews_1/flags_1/" alt="free counters" border="0"></a><br><a href="http://www.flagcounter.com/">Free counters</a>
7. Selanjutnya masuk ke halaman Dasbor blog WordPress Anda.

8. Klik Tampilan > Widget.

9. Seret widget “Teks” ke bagian sidebar untuk mengaktifkannya.

10. Berikan judul, misalnya Konter Pengunjung.

11. Paste kode yang tadi di-copy pada tempat yang disediakan.

12. Agar widget berada di tengah dan tidak terlalu dekat dengan judul widget, kita dapat menambahkan kode “center” dan “padding-top” sehingga kodenya menjadi:
<div style="text-align:center;padding-top:10px;"><a href="http://s08.flagcounter.com/more/22s"><img src="http://s08.flagcounter.com/count/22s/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_50/viewers_Pengunjung/labels_1/pageviews_1/flags_1/" alt="free counters" border="0"></a><br><a href="http://www.flagcounter.com/">Free counters</a></div>
13. Kemudian klik tombol Simpan dan hasilnya terlihat seperti gambar di bawah ini.

Tidak ada komentar:

Posting Komentar