cara pasang visitor di blog

Cara Memasang Counter Flag di Blog

Cara Memasang Counter Flag di Blog - Cara membuat/menambah counter flag di blog/website atau cara menghitung visitor blog dengan counter flag - Setelah beberapa waktu lalu saya posting mengani cara memasang counter histats di blog, so kali ini saya akan posting mengenai Cara pasang Flag Counter atau Counter Flag pada Blog.

Saya posting karena banyak sekali pengunjung nyasar dengan kata kunci tersebut lewat mbah google, saya juga heran kenapa bisa begitu padahal saya belum posting cara ini karena sudah banyak blog lain yang membahasnya. Wahhh Hitung-hitung cari tambahan visitor tidak ada ruginya saya posting juga di blog tercinta ini. Kembali kepokok Judul, lalu Cara Pasang nya bagaimana? Wah sebenarnya gambang banget. Hehe.. Tapi sebelumnya sebaiknya kita bahas dulu apa sih manfaat Counter Flag dipasang pada Blog kita ? Fasilitas ini dapat membantu kita untuk mengetahui berapa banyak jumlah pengunjung serta asal negaranya yang mampir ke blog kita dan dapat juga menjadi sebuah parameter perkembangan buat suatu blog, tapi ingat pengunjung yang datang untuk kedua kalinya tidak dihitung. Lho Koq bisa ya Counter ini mendeteksi dari mana mereka berasal? Ya bisalah, karena setiap orang yang Online menggunakan IP Adress, nah inilah yang dideteck oleh Counter ini. Ini nih cara menghitung visitor dengan counter flag:

1. Kunjungi dulu alamatnya http://www.flagcounter.com/ (Perhatikan gambar di atas).
2. Pada create your free counter isikan option-option untuk mengatur tampilan flag counter isikan option-option untuk mengatur tampilan flag counter dan sesuaikan dengan kondisi blog sobat :
   
   
   • maximum flag to show : jumlah bendara yang akan ditampilkan
   • columns of flag : jumlah kolom bendera
   • label on top of counter : nama dari counter flag
   • Background color : warna latar dari counter flag
   • text color : warna tulisan
   • Border color : warna garis tepi dari counter flag
   • show country flag : untuk menampilkan kode negara
   • show pageview : untuk menampilkan jumlah halaman yang dikunjungi
   
   
3. Setelah mengatur tampilan counter flag akan terlihat preview pada example flag counter with your choices setelah tampilan sesuai dengan keinginan kita kemudian klik get your flag counter.
4. Setelah itu copy code yang berada di Code for website Untuk di pastekan ke dashbor blog sobat.
5. Login ke Acount Blog sobat, bisa lewat sini http://blogger.com. Lalu pilih tata letak atau layout. Lalu pilih Elemen halaman atau Page element. Lalu klik tambah Gadget atau add Gadget, lalu pilih opsi HTML/JAVA SCRIPT setelah itu paste kode HTML Flag Counter yang anda dapatkan tadi. Klik OK dan Save. Jangan Lupa Atur Letaknya sesuai keinginan

Selamat...! Counter Blog Sobat sudah Jadi. Sekian ulasan mengenai cara memasang counter flag di blog. Semoga bermanfaat.

Read More ->>

cara pasang animasi di blog

Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.


kode scripnya:
8. Panda biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

9.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

10. Panah


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

11.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

12.Kucing tidur


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

13. Bunga


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Read More ->>

cara pasang efek bintang jatuh di blog

CARA PASANG EFEK BINTANG JATUH DI BLOG

1. Pertama - tama, Login ke Blogger sobat terlebih dahulu

2. Pilih menu Rancangan --> Tata Letak --> Lalu klik Tambah Gadget

3. Copy kode dibawah ini di HTML/JavaScript

  <script type="text/javascript" src="http://naughtyric.googlecode.com/files/jrRain.js"></script>

4. Terakhir Klik Simpan . 

 

Read More ->>

cara pasang google taranlate pada blog dalam betuk bendera

 CARA PASANG GOOGLE TRANSLATE DALAM BENTUK BENDERA

Pada tutorial yang lalu sebenarnya saya telah membahas postingan yang memiliki tema yang sama. Yaitu “Cara memasang google translate pada blog (Drop Down)” dan “Cara memasang google translate pada blog (Bendera bulat)”, untuk siang hari ini kita akan membahas postingan yang hampir mirip dengan sebelumnya cuma ada sedikit saja yang berbeda. Sudah tahukan apa yang akan kita bahas? (Baca aja tuh judulnya). Postingan ini sengaja saya bagikan buat anda yang menyukai ikon penerjemah dalam bentuk bendera seperti di bawah ini

 Gambar 1.1. Tampilan Google Translate dalam bendera

Bagaimana ikonnya? Keren, biasa, tidak tertarik atau apa?
Oke deh kalau begitu kita mulai tutorialnya
1. Masuk ke Dashboard -> Blog sobat -> Tata letak -> Add Gadget -> HTML/JavaScript
2. Masukan kode yang di bawah ini pada konten elemen tersebut

<form action="http://www.google.com/translate">
<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<input value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<center>
<input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="ro|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="English" value="ro|en" type="image" height="40" src="http://www.google.com/images/flags/uk_flag.gif" width="50" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Greek" value="ro|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/>
<br/>
<input onclick="this.form.langpair.value=this.value" title="Hindu" value="ro|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="German" value="ro|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Dutch" value="ro|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Russian" value="ro|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="ro|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Polish" value="ro|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Czech" value="ro|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Croatian" value="ro|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="French" value="ro|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Italian" value="ro|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="ro|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="ro|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="ro|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="ro|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Korean" value="ro|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="en|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Danish" value="ro|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Finnish" value="ro|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Norwegian" value="ro|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Swedish" value="ro|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Catalan" value="ro|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Filipino" value="ro|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Hebrew" value="ro|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Indonesian" value="ro|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Latvian" value="ro|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="ro|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Serbian" value="ro|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovak" value="ro|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovenian" value="ro|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="ro|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="ro|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/>
<h6>Widget By <u><a href='http://tutorialseo-blog.blogspot.com/2012/04/cara-memasang-google-translate-dalam.html'>Tutorial Blogger</a></u></h6>
</center>
</form>

1.       3. Setelah itu simpan elemen tersebut

Read More ->>

cara ganti kursor dengan animasi

CARA MENGGANTI KURSOR DENGAN ANIMASI

                        cara mengganti bentuk kursor standart anda dengan animasi.saya akan berbagi cara untuk sobat pelajari cara mengganti kursor standart anda menjadi kursor animasi

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif 

 

 cara pasang  kursor animasi:

1.anda harus login ke dasbor blogger anda

2.pilih rancangan [desain],edit html

3.cari kode</head>dan copy kode di atas kode </head>

 

 <style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;}
</style> 

 

 

tulisan yang berwarna merah ganti dengan kursor animasi di atas

 selamat mencoba dan semoga bermanfaat

Read More ->>