Tampilkan postingan dengan label WordPress. Tampilkan semua postingan
Tampilkan postingan dengan label WordPress. Tampilkan semua postingan

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.

Selasa, 11 Oktober 2011

Cara Pasang Jam di WordPress

U
ntuk mempercantik tampilan blog WordPress, kita dapat memasang aksesoris berupa widget jam pada sidebar blog kita. Namun, tidak seperti memasang jam pada blog Blogger, untuk memasang  jam di WordPress kita perlu memodifikasi kode widget jam tersebut agar dapat berjalan dengan baik. Nah, berikut ini adalah langkah-langkahnya.

1. Silakan mengunjungi ClockLink.com.

2. Kemudian pilih widget jam yang diinginkan melalui menu Gallery. Misalnya jam Analog dengan nama 0009 seperti gambar di bawah ini.


3. Selanjutnya klik tombol View HTML Tag.

4. Klik tombol Accept.

5. Lalu pilih warna jam yang diinginkan, atur waktu jam menurut zona waktu atau kota, dan ukuran widget jam.

6. Copy kode yang di "If the above does not work, please try the following code." seperti di bawah ini dan paste di notepad terlebih dahulu.
<embed src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&"  width="250" height="250" wmode="transparent" type="application/x-shockwave-flash">
7. Hapus bagian "<embed" dan penutup ">"dan ganti dengan "[gigya" dan "]". Agar widget menjadi rata tengah tambahkan "center" sehingga kodenya akan menjadi seperti di bawah ini.
<div style="text-align:center;">[gigya src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&"  width="250" height="250" wmode="transparent" type="application/x-shockwave-flash"]</div>
8. Masuk ke halaman wp-admin (Dasbor) blog WordPress.

9. Klik Tampilan > Widget.

10. Pilih widget "Teks" kemudian seret ke bagian sidebar untuk mengaktifkannya.

11. Beri judul sesuai keinginan.

12. Masukkan kode pada langkah nomor 7.

13. Klik tombol Simpan.

14. Selesai.

Jumat, 30 September 2011

Cara Memasang Penghitung Pengunjung pada WordPress

S
alah satu situs yang menyediakan widget penghitung jumlah pengunjung untuk blog adalah FREE BLOG HIT COUNTER. Di sana kita dapat menemukan widget untuk melacak berapa jumlah pengunjung blog kita secara gratis dan tanpa perlu mendaftar atau registrasi. Nah, berikut ini langkah-langkah dalam memasang widget penghitung jumlah pengunjung pada blog WordPress yang didapat dari situs tersebut.

1. Silakan kunjungi halaman http://www.freebloghitcounter.com/signup

2. Isikan alamat blog WordPress Anda, tentukan di angka berapa untuk memulai penghitungan, kemudian pilih untuk menghitung "all hits" atau unique visitor". Jika sudah, klik tombol CONTINUE TO STEP 2.


3. Langkah selanjutnya adalah memilih style konter yang diinginkan. Kemudian klik tombol GET MY CODE.


4. Berikutnya silakan copy atau salin kodenya.


5. Selanjutnya masuk ke akun WordPress Anda dan menuju ke halaman Dashboard.

6. Klik menu Tampilan, lalu pilih Widget.

7. Seret widget Teks yang ada di kolom "Widget yang Tersedia" ke sebuah bilah sisi di kanan untuk mengaktifkannya.

8. Berikan judul sesuai keinginan Anda.

9. Lalu paste kode tadi di kotak di bawah kolom judul.

10. Klik tombol Simpan.

11. Lihat blog WordPress Anda.

Rabu, 28 September 2011

Cara Memasang Favicon di WordPress

F
avicon atau favorite icon atau ikon favorit merupakan sebuah ikon berupa gambar kecil yang diasosiasikan dengan logo sebuah blog atau website. Favicon ini biasanya muncul pada bagian tab dan address bar dari suatu browser. Gunanya favicon untuk memudahkan mengidentifikasi sebuah blog atau situs.

Berikut ini salah satu cara untuk memasang favicon pada blog WordPress gratisan. Silakan simak langkah-langkahnya di bawah ini.

1. Siapkan gambar (jpg/jpeg/png) yang akan dijadikan favicon, misalnya saya mempunyai gambar berukuran 320 piksel x 240 piksel seperti di bawah ini.


2. Silakan masuk ke halaman wp-admin (Dashboard) akun WordPress Anda.

3. Klik menu Pengaturan, selanjutnya arahkan pandangan ke bagian Blog Picture / Icon. Kemudian cari gambar Anda dengan mengeklik tombol Telusuri. Jika sudah ketemu, klik tombol Upload Gambar >>.


4. Silakan pilih bagian dari gambar yang ingin Anda gunakan sebagai favicon, kemudian klik tombol Potong Gambar >>.


5. Berikutnya akan muncul halaman "Semua selesai".


6. Dalam beberapa hari ke depan, favicon akan muncul.

Minggu, 18 September 2011

Cara Pasang Kalender di WordPress

D
alam blog WordPress sudah tersedia widget kalender jika Anda ingin mempercantik tampilan blog WordPress Anda. Di bawah ini merupakan langkah-langkah untuk memasang kalender pada blog WordPress.

1. Masuk ke akun WP Anda dan menuju ke halaman wp-admin.

2. Klik menu Tampilan >> Widget.

3. Seret widget Kalender ke sebuah bilah sisi di kanan untuk mengaktifkannya.

4. Beri judul sesuai keinginan Anda.

5. Klik tombol Simpan.

6. Lihat blog Anda untuk melihat hasilnya.

Selasa, 23 Agustus 2011

Cara Memasang Image Live Traffic Feedjit di WordPress

F
eedjit merupakan suatu widget yang dapat memantau perkembangan arus lalu lintas pengunjung di blog kita secara real time. Widget ini dapat menginformasikan kepada kita dari kota, provinsi, negara mana para pengunjung blog kita berasal dan kapan waktu terakhir mereka mengunjungi blog kita. Selain itu, di widget ini juga dilengkapi dengan bendera dari pengunjung yang bersangkutan. Bila ingin mengetahui lebih lengkap lagi tentang apa yang terjadi di blog saat itu, kita dapat mengeklik gambar dari widget Feedjit ini. Kemudian kita akan masuk ke halaman Feedjit Live - Updating in real-time.

Nah, berikut ini langkah-langkah dalam memasang widget Feedjit di WordPress.

1. Silakan kunjungi halaman http://feedjit.com/joinimg/

2. Silakan kustomisasi widget sesuai keinginan Anda. Silakan atur warna teks, warna judul, warna latar belakang, dan warna garis tepi menurut selera Anda. Selain itu, atur pula lebar widget sesuai lebar sidebar blog Anda dan berapa maksimal entri yang Anda inginkan. Pratinjaunya bisa Anda lihat di sebelah kiri.


3. Selanjutnya klik area teks, lalu copy kode HTML tersebut.



4. Kemudian masuk ke halaman wp-admin akun WordPress Anda.

5. Klik Tampilan > Widget.

6. Seret widget Teks yang ada di kolom "Widget yang Tersedia" ke sebuah bilah sisi di kanan untuk mengaktifkannya.

7. Berikan judul sesuai keinginan Anda.

8. Lalu paste kode HTML tadi di kotak di bawah kolom judul.

9. Klik tombol Simpan.

10. Lihat blog WordPress Anda.

Selasa, 02 Agustus 2011

Cara Memasang Alexa Traffic Rank Button di WordPress

Bisakah kita memasang Alexa Traffic Rank Button di blog WordPress? Jawabannya bisa. Namun, cara memasangnya tidak seperti saat kita memasang di blog Blogger/Blogspot. Kita memerlukan suatu trik khusus untuk memasang widget Alexa tersebut di WordPress. Nah, di bawah ini adalah langkah-langkah pemasangan Alexa Traffic Rank Button di WordPress.

1. Silakan kunjungi laman http://www.alexa.com/siteowners/widgets

2. Masukkan URL blog WordPress Anda. Contoh: klikmunadi.wordpress.com, kemudian klik tombol Build Widget pada bagian Alexa Traffic Rank Button.

3. Tentukan button yang Anda ingin pasang pada blog, kemudian block atau highlight button tersebut dengan mouse sehingga tertutupi oleh warna biru.


4. Kemudian klik kanan pada button tersebut lalu pilih Lihat Kode Sumber Teks yang Dipilih dan copy semua kode yang muncul pada jendela Sumber DOM yang Dipilih. (Saya menggunakan browser Firefox 5.0). Kodenya akan nampak seperti di bawah ini.

<a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://klikmunadi.wordpress.com"><img alt="Alexa Certified Site Stats for klikmunadi.wordpress.com" src="http://xsltcache.alexa.com/site_stats/gif/t/b/a2xpa211bmFkaS53b3JkcHJlc3MuY29t/s.gif" border="0"></a>

6. Log in ke akun WordPress Anda dan pergi ke Dashboard.

7. Pilih tab Tampilan kemudian klik Widget.

8. Seret widget Teks yang ada di kolom "Widget yang Tersedia" ke sebuah bilah sisi di kanan untuk mengaktifkannya.

9. Berikan judul sesuai keinginan Anda.

10. Lalu paste kode tersebut di kotak di bawah kolom judul.

11. Klik tombol Simpan.

12. Lihat blog WordPress Anda.

Senin, 01 Agustus 2011

Cara Memasang Tombol Google +1 di WordPress

Tombol Google +1 ("Tombol +1") ini memungkinkan orang-orang yang menyukai konten Anda untuk merekomendasikannya di Google penelusuran. Berikut ini langkah-langkah memasang tombol Google +1 atau tombol plus satu di WordPress.

1. Login ke WordPress dan pergi ke Dashboard.

2. Klik Pengaturan >> Sharing.

3. Di bagian Share Button, klik dan seret tombol Google +1 yang ada di "Available Services" ke tempat yang disediakan pada "Enable Services". Lihat pratinjaunya di "Live Preview".


4. Anda juga dapat mengatur mengenai button-button tersebut, seperti:
  • Default button style: untuk mengatur tampilan standar button.
  • Sharing label: untuk mengatur judul sharing.
  • Open links in: untuk mengatur link terbuka di mana saat diklik.
  • Show sharing buttons on: untuk mengatur penempatan button.
5. Bila telah selesai mengaturnya, silakan klik tombol Simpan Perubahan.

Minggu, 31 Juli 2011

Cara Memasang Meta Tag Bing di WordPress

Pada dua postingan sebelumnya, saya telah menulis bagaimana cara mendapatkan meta tag dari Google dan Yahoo! untuk dipasang di blog WordPress. Tulisan kali ini akan membahas cara pasang meta tag dari mesin pencari terkenal lainnya, yaitu Bing. Sebelum memasang meta tag Bing, kita harus sudah mempunyai Windows Live ID atau akun Hotmail terlebih dahulu.

Dengan memverifikasi blog WordPress kita di Bing, diharapkan Bing dapat mengindeks blog kita dengan baik. Jika blog sudah terindeks, maka kita akan berpeluang mendapat pengunjung dari search engine tersebut. Nah, berikut ini merupakan langkah-langkah dalam memasang meta tag Bing di blog WordPress.
  1. Silakan kunjungi halaman http://www.bing.com/toolbox/webmaster/ dan klik tombol Webmaster Tools Sign In.
  2. Sign In dengan menggunakan Windows Live ID Anda.
  3. Klik tombol Add Site.
  4. Masukkan URL blog Anda lalu klik tombol Submit.
  5. Pada halaman Verify Ownership, pilih opsi ke-2 yakni Copy and paste a tag in your default webpage.
  6. Selanjutnya copy meta tag yang muncul.
  7. Log in ke akun WordPress Anda dan pergi ke Dashboard lalu klik Perkakas.
  8. Di bagian Webmaster Tools Verification, silakan paste meta tag tadi di bidang Bing Webmaster Center.
  9. Klik tombol Simpan Perubahan.
  10. Kembali ke halaman Verify Ownership dan klik tombol Verify.

Sabtu, 30 Juli 2011

Cara Memasang Meta Tag Yahoo! di WordPress

Setelah kita memverifikasi blog di Google Webmaster Tools dengan memasang meta tag Google pada blog, langkah berikutnya adalah memasang meta tag dari search engine besar lainnya, yakni Yahoo!. Tujuannya agar blog kita dapat terindeks dengan baik di Yahoo!. Bila blog telah terindeks, maka kita berpeluang mendapatkan pengunjung dari mesin pencari tersebut.

Untuk mendapatkan meta tag dari Yahoo!, kita harus memiliki akun Yahoo! terlebih dahulu. Akun Yahoo! ini diperlukan saat sign in di Yahoo! Site Explorer. Berikut ini langkah-langkah dalam memasang meta tag Yahoo! di WordPress.
  1. Kunjungi halaman https://siteexplorer.search.yahoo.com/ dan sign in dengan akun Yahoo! Anda.
  2. Pada tab My Sites, masukkan URL blog Anda lalu klik tombol Add My Site.
  3. Kemudian Anda akan disuguhkan beberapa metode "authenticate", silakan pilih By adding a META tag to my home page.
  4. Selanjutnya copy meta tag yang diberikan oleh Yahoo!.
  5. Log in di akun WordPress Anda, kemudian pergi ke Dashboard dan pilih tab Perkakas.
  6. Pada bagian Webmaster Tools Verification paste meta tag tersebut di bidang Yahoo! Site Explorer.
  7. Klik tombol Simpan Perubahan.
  8. Kembali lagi ke halaman verifikasi dan klik tombol Ready to Authenticate.

Cara Pasang Meta Tag Google di WordPress

Agar Google dapat menjelajahi blog kita dengan baik, kita harus memverifikasi blog kita ke Google Webmaster. Berikut ini langkah-langkah untuk memasang meta tag Google di WordPress:
  1. Login ke https://www.google.com/webmasters/tools/ dengan akun Google Anda.
  2. Masukkan situs URL yang ingin Anda kelola dan klik tombol Lanjut.
  3. Klik tab Metode Alternatif.
  4. Pilih Tambahkan tag meta ke beranda situs Anda.
  5. Copy meta tag yang terlihat.
  6. Biarkan halaman verifikasi terbuka lalu Log in ke akun WordPress Anda dan pergi ke Dashboard blog Anda.
  7. Klik tab Perkakas dan paste kode meta tag tadi di bidang Google Webmaster Tool.
  8. Klik tombol Simpan Perubahan.
  9. Kembali ke halaman verifikasi dan klik tombol Verifikasi.