Cara Menambahkan Peta Pengunjung

Cara Menambahkan Peta Pengunjung

Widget ini berfungsi untuk menampilkan daftar pengunjung yang ditampilkan dalam bentuk peta. Selain untuk mengetahui statistik, ini juga dapat untuk memperindah blog anda. Widget ini gratis dan mudah dipasang. Ada 2 pihak/jenis widget yang saya ketahui, yaitu dari whos.amung.us dan flagcounter.com. Ingat widget ini dapat memperlambat dalam proses loading blog.

A. Dengan FlagCounter

Sebenarnya ini adalah bentuk kedua dari flag counter setelah top countries. Flagcounter memberi tantangan kepada kita untuk mengkoleksi bendera sebanyak-banyaknya.

1. Buka link ini


2. Pilih Flag Map


3. Pilih ukuran peta di map size: small-kecil, medium-sedang, large-besar, tiny-lebih kecil dari kecil


4. Sesuaikan kata '''visitors'' diatas peta  ''label on top of counter'' : none-kosong, visitors-kata ''visitors'' ,custom-isi dengan kata-kata anda sendiri


5. Ganti warna teks di ''text color'' ini warna HEXADECIMAL lagi


6. Ganti warna tepi peta di ''border color'', HEXADECIMAL lagi :v


7. Centang                             Show Pageview Count >untuk menunjukan teks jumlah berapa kali halaman ditampilkan, Show
   
   
   
   
   Number of Flags>untuk menunjukan jumlah bendera yang di koleksi (bila malas menghitung bendera :D )


8. Klik ''Get Your Flag Counter''


9. Tulis email anda (jika diinginkan bila tidak mau pilih skip) lalu continue


10. Copy kode di ''Code for websites (HTML):'' tempel di widget javascript/html codes


11. Mari koleksi bendera!

B. Dengan Whos.amung.us

Ini saingan nya flag counter, whos.amung.us memiliki banyak jenis peta, widget pengunjung daripada flagcounter.

1. Klik link ini


2. Pilih peta widget/map widget


3. Sesuaikan sesuka hati anda


4. Copy paste kode nya dengan klik 2 kali pada kode

Cara menyesuaikan ukuran secara manual

_wau.push(["map", "nmnz0pm3brpk", "pt3", "420", "210", "natural", "star-blue"]);

ganti 420 menjadi ukuran lebar dalam pixel

ganti 210 menjadi ukuran tinggi dalam pixel , batas aspect ratio terkecil adalah 100,50 sedangkan terbesar 420,210 bila lebih besar akan pecah seperti widget saya XD.

Jadi mau pilih mana :3 ?

Cara menambahkan widget Tag Cloud dan 3D Sphere Tag Cloud ke Blogger

Cara menambahkan widget Tag Cloud dan 3D Sphere Tag Cloud Ke Blogger / Blogspot / Blog

A. Tag Cloud

1. Buka Blogger


2. Buka menu tata letak di sidebar kiri


3. Cari tombol '' tambahkan gadget '' di lokasi keinginan anda


4. Di layar pop-up yang muncul cari dan pilih '' label ''


5. Di menu konfigurasi di bagian '' tampilkan '' pencet lingkaran di sebelah kata '' cloud ''


6. Pilih simpan

B. 3D Sphere Tag Cloud ( Daftar Label Berbentuk Bola 3 Dimensi )

Sumber http://i-blogtools.blogspot.com/2011/11/how-to-add-3d-spherical-animated-tag.html

1. Menu sidebar> Template> Edit HTML letakkan kursor di kotak teks lalu tekan CTRL+F (secara default untuk Search )


2. Di kotak search cari kode  <b:section class='sidebar' id='sidebar' preferred='yes'> atau b:section-contents id='sidebar-right-1'> atau b:section-contents id='sidebar-left-1'>  masih tidak ada? cobalah untuk membuat sendiri, lakukan cara membuat tag cloud diatas TANPA MEMILIH MODE CLOUD, lalu cari kode <b:widget id='Label1' locked='false' title='Label' type='Label'> setelah ketemu, diatas kode tersebut ada tulisan seperti <b:section class='main5' id='main5' showaddelement='yes'> atau sejenisnya hapuslah kode <b:widget id=.... sampai dengan </b:widget> yang pertama kali anda temui (anda harus mau membaca 1 per 1 masih tidak ada? komentar! 


3. Copy script berikut                                                                                                           <b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2> <br /><data:title/></h2> <br /></b:if><br /><div class='widget-content'> <br /><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/><br /><div id='flashcontent'> <br />Blogumulus</div> <br /><script type='text/javascript'><br />var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "160", "200", "7", "#ffffff");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x800060");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "100");<br />so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /><b:include name='quickedit'/><br /></div> <br />

Customization

Mengganti warna teks> ("tcolor", "0x800060") ganti 0x800060 dengan angka pilihan anda angka ini adalah angka 9x9x9 liat tabelnya di http://geoffair.net/mperl/colors9.htm , pilih warna di antara kotak-kotak yang ada lalu salin kode 9x9x9 dibawahnya seperti 0xffffff (putih) sebenarnya ffffff itu adalah kode HEXADECIMAL, belajar disini http://www.2createawebsite.com/build/hex-colors.html

Mengganti warna latar belakang (belum saya coba)> "tagcloud", "160", "200", "7", "#ffffff" ganti #ffffff dengan warna HEXADECIMAL

Mengganti ukuran tinggi> "tagcloud", "160", "200", "7", "#ffffff" ganti 200 dengan ukuran pixel 

Mengganti ukuran lebar> "tagcloud", "160", "200", "7", "#ffffff" ganti 160 dengan ukuran pixel

Mengganti ukuran teks (belum saya coba)> "var='label'><a expr:href='data:label.url' style='12'>" ganti 12 dengan ukuran bebas

Mengganti kecepatan bola berputar (belum saya coba)> ''so.addVariable("tspeed", "100");'' ganti 100 dengan angka apa saja, belum saya coba sih

Cara Membuat Wither Boss di Minecraft

Cara membuatnya cukup mudah di mode creative.