Cara Membuat Buku Tamu

osted by                   Yan

Kembali melalui tutorial BloGGeR kita akan lengkapi

blog dengan "ShoutBox" yang berfungsimemberi kebebasan buat BloGGer untuk cuap-cuap sepuas-puasnya. Shoutbox bisa anda dapatkan di banyak situs yang memberi kelengkapan widget ini secara gratis. Ada yang harus daftar (registrasi) dan ada pula yang bebas ambil tanpa harus banyak cing-cong . Secara serial kita akan postingkan bagaimana cara mendapatkan shoutbox, memasang di blog dan berbagai variasi lain menggunakan javascrip, kode css dan kode html untuk membuat shouthbox semakin keren. Beberapa aplikasi lain untuk membuat shoutbox tampil beda di antaranya membuat shoutbox sembunyi di sisi kanan atau kiri blog dan hanya nongol ketika pada titik tertentu cursor disentuhkan atau di KLIK, membuat shoutbox melayang, dan beberapa aplikasi tambahan lain seperti misalnya bagaimana cara memunculkan gambar anda dalam shouthbox dan cara memasang emoticon di shoutbox.

Cara memasang shoutbox di blog :

1. Login to BloGGeR : Tulis User Name atau Alamat email kemudian tulis Password (sandi) sampeyan.
2. Dashboard (Dasbor) :Sampeyan akan di hantarkan ke halaman Dasboard. KLIK link "Layout (Tata Letak)".
3. Page Element (Elemen Laman) : Di halaman ini akan terlihat "blok-blok" desain blog kita. Terlihat ada beberapa elemen penyusun blog (Atas, tengah, samping kanan atau kiri dan bagian bawah).KLIK "Tambah Gadget" (dalam box garis terputus-putus), yang terletak di bagian samping kanan atau kiri (Sidebar).
4. HTML/Javascript : Setelah beberapa saat akan terlihat sebuah window baru yang di dalamnya terlihat beberapa jenis widget yang bisa di tambahkan ke blog sampeyan. Tarik halaman lebih ke bawah dan temukan box penambahan widget yang bertuliskan "HTML/Javascript". KLIK tepat di teks "HTML/Javascript" dan tunggu hingga muncul box tempat kode html nantinya di simpan.
5. Paste Kode Shouthbox : Box HTML/Javascript seperti di atas adalah tempat menyimpan kode css, javascript atau kode html. Copy kode shoutbox yang sampeyan dapatkan kemudian paste-kan di sini.
6. SAVE/Simpan KLIK "SAVE/Simpan". Setelah proses penyimpanan selesai, lihatlah shoutbox sampeyan dengan membuka blog.

Contoh Kode html shoutbox (dari --> www.shoutmix.com) :

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="yaniyan" src="http://www5.shoutmix.com/?yaniyan" width="200" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?yaniyan">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

Beberapa situs penyedia shootbox gratis :

Langsung KLIK alamat yang tertulis bila sampeyan pingin datang dan mendapatkan shoutbox!

1. http://www.shoutmix.com
   Setelah tiba di Shouthmix.com, teruskan KLIK "Create Shouthbox" (perlu registrasi).
2. http://www.freeshoutbox.net
   Lanjutkan dengan mengisi kolom registrasi.
3. http://oggix.com
   KLIK "Register" di ujung kanan-atas, kemudian Kembali KLIK"Register" (kanan-atas). Bila mau sekali KLIK "Register", KLIKsaja di sini.
4. http://www.myshoutbox.com
   KLIK link "JOIN NOW!" (di kolom sebelah kiri), kemudian lakukan registrasi. Tampilan shoutbox lumayan cantik!
5. http://www.sbox.ws
   Silahkan langsung isi kolom registrasi.
6. http://www.shout-box.com
   KLIK "SignUp" untuk registrasi.
7. http://www.yellbox.com
   Langsung lakukan "Registrasi".
8. http://shoutbox.widget.me
   Langsung ambil "kode html shoutbox" tanpa proses registrasi.
9. http://www.shoutbox.us
   KLIK "JOIN NOW!" untuk dapatkan widget shoutbox.
10. http://site.bumpin.com/.
11. http://free-shoutbox.net.
    Setelah terbuka halaman shoutbox.net, KLIK "Register Here".

Mini Visitor Counters

Posted by                Yan

Mini Counter ini sangat banyak digunakan oleh para blogger yang sudah senior. Bentuknya sangat kecil tetapi tingkat akurasinyan sangat tinggi. Kecil-kecil cabe rawit, adalah istilah yang sangat tepat bagi counter sekecil ini karena kemampuan hitungnya yang mampu memncapai jumlah 100.000.000 (seratus juta) pengunjung. Hebat, khan? Bentuk kecil ini memberi keuntungan lebih pada penataan ruang blog, karena ruang yang digunakan menjadi sangat minimal sekali.

Cara Registrasi dan menggunakan Mini Visitor Counters dari Blogcounter :

• Silahkan datang ke Link berikut ini (KLIK) :
  http://www.blogcounter.com/ (signup)
• BlogCounter free signup Silahkan kalian isi beberapa data seperti di bawah ini:
  1. Username : Tuliskan sesuai dengan yang digunakan di email atau blog.
  2. Email : Tulis alamat email.
  3. your timezone : Pilih time zone (zona waktu) yang sesuai dengan tempat dimana kalian tinggal.
  4. your timezone : Pilih time zone (zona waktu) yang sesuai dengan tempat dimana kalian tinggal.
  5. user language : Pilih English.
  6. URL to your main index-file : Tulis alamat blog kalian.
     » Contoh-1 : http://gubhugreyot.blogspot.com
  7. Agreement : Beri tanda centang sebagai persetujuan terhadap aturan yang diberlakukan.
  8. Sign up Now : KLIK Link "Sign up Now". Tunggu hingga proses Sign up selesai.
     Lihat contoh Registrasi di blogcounter dengan meng-KLIK gambar di bawah ini :
  9. 
     
  10. 
      
      
• Account Activation : Buka email kalian dan KLIK Link "Account Activation" yang dikirimkan oleh BlogCounter. Bentuk Link-nya seperti contoh di bawah ini :
  http://blogcounter.com/../.
• Login : Tuliskan Username dan Password (Passsword di ambil dari email, terdapat di atas Link Account Activation) kemudian KLIK "Login".
  Lihat gambar di bawah ini :
  

• HTML Code : KLIK Link "Html Code", di sidebar kiri. Tunggu beberapa saat hingga kode html counter terlihat.
• Copy HTML Code : Copy Kode HTML Visitor Counter kemudian simpan dalam blog. Cara menyimpan kode bisa dilihat dengan membuka link di bawah ini :
  Cara Menambah Widget Baru di BlogSpot
• Counter Code (Kode Counter) : » Contoh Kode Counter :

  <!-- BlogCounter Code START -->
  <p><a href="http://blogcounter.com/" id="bclink" title="Blog counter"><span id="bccount" style="font-size:8px">Free Blog Counter</span></a></p><script type="text/javascript" src="http://blogcounter.com/js.php?user=yaniyan&amp;style=1"></script><noscript><p><a href="http://blogcounter.com/"><img style="border: 0px;" alt="Blog counter" src="http://blogcounter.com/log.php?id=yaniyan&amp;=st=img&amp;showme=y"/></a></p></noscript>
  <!-- BlogCounter Code END -->

• Buka blog untuk melihat hasil penambahan counter.

Cara Membuat Penghitung Jumlah Pengunjung

osted by 'c     Yan

Membuat penghitung jumlah pengunjung bertujuan untuk memonitor sejauh mana kemajuan blog yang kita kelola dengan melihat beberapa parameter yang tertampilkan seperti jumlah pengunjung hari ini, jumlah pengunjung online dan berapa jumlah total pengelana internet yang sempat mampir di blog. Melalui data ini diharapkan blogger dapat melakukan beberapa evaluasi untuk meningkatkan kwalitas dengan memilih materi posting serta kualitas posting berikutnya. Beberapa situs memberikan layanan pemasangan penghitung jumlah pengunjung, namun untuk kali ini kita akan membahas cara registrasi hingga mendapatkan kode html conters, kemudian bagaimana cara memasangnya di blog.

Cara mendapatkan Penghitung Jumlah Pengunjung Blog dan Cara menggunakan kode html counters

• Histats.com : Kunjungi http://www.histats.com/ atau supaya lebih cepat sampeyan bisa :
  KLIK alamat ini http://www.histats.com/ (registrasi)
• Create New Account-1 : Silahkan isi data email dan Password.
  
  1. Tulis alamat email secara lengkap.
  2. Tulis kembali alamat email.
  3. Tulis Password (samakan dengan Password blog sampeyan).
  4. Ulangi kembali dengan memasukkan password pada box di bawahnya.
  5. Lihat contoh registrasi di Histats.com dengan KLIK contoh di bawah ini :
     Contoh pengisian Formulir Registrasi Histats.com
  6. Continue : Next --> KLIK "Continue".
• Create New Account-2 :Beberapa data yang harus diisikan :
  1. Name : Tulis nama.
  2. Surname :Tulis sesuai dengan nama yang anda gunakan.
  3. Lihat contoh registrasi di Histats.com dengan KLIK contoh di bawah ini :
     Contoh pengisian Formulir Registrasi-2
  4. Zona Waktu : OR choose from this list.. : Cari teks seperti tersebut (di bawah box zona waktu) , kemudian pilih zona waktu sesuai daerah sampeyan (jam .... --> Asia/Jakarta).
     
  5. Captcha :Tulis teks dari gambar captcha yang ditampilkan pada box di bawahnya.
  6. I have read and agree Publisher Agreement Terms : Beri tanda centang sebagai persetujuan (di box keci samping kanannya).
  7. SAVE : Next --> KLIK "SAVE".
  8. Ulangi proses ini hingga berhasil. Suksesnya proses ini ditandai dengan terbukanya halaman baru dan di dalamnya terdapat pernyataan bahwa telah dikirimkan sebuah email ke alamat email anda.
• Login :Lihat pojok kanan-atas. Lakukan login dengan mengisi alamat email dan Password pada 2 box yang tersedia.
• Add Website :KLIK "Link Add Website" untuk menambahkan URL blog sampeyan.
  
  1. Create new website/blog : 1. website data. Isi data yang diperlukan seperti gambar contoh. KLIK Link Contoh di bawah ini! 
     Contoh Gambar Pengisian Website Data.
  2. OR choose from this list.. : Cari teks bertuliskan seperti teks tersebut, kemudian pilih zona waktu yang sesuai.
  3. Type : Pilih pada blog.
  4. Category : Pilih kategory yang sesuai.
  5. Language : Pilih English.
  6. Captcha : Tulis teks gambar Captcha di box sebelah bawahnya.
  7. Stats visibility : Lewatkan saja.
  8. Continue : Next --> KLIK "Continue".
• Create Counters : Mulai membuat counter.
  1. Link Blog : KLIK "Link Blog Anda", seperti contoh yang terlihat di bawah ini :
     
  2. Counters Code : KLIK "Link Counters Code", seperti contoh yang terlihat di bawah ini :
     
  3. Add New Counter : KLIK "Add New Counter", seperti contoh yang terlihat di bawah ini :
     
  4. Pilih Counter : Tersedia bermacam bentuk counter, silahkanKLIK bentuk counter yang di inginkan. Setelah KLIK, tunggu hingga seluruh pilihan yang tersedia ditampilkan.
  5. KLIK : pada "Counter terpilih" (yang diinginkan).
  6. Atur Data Counter : Tersedia 5 (lima) pilihan pengaturan data Counter. Atur dengan memilih dada pengaturan yang telah disediakan. Lakukan seperti contoh pada gambar di bawah ini :
     KLIK Link Contoh di bawah ini! 
     Contoh Gambar Pengaturan Data Counter
  7. SAVE : Next --> KLIK "SAVE"
• KODE Counter :
  1. Perhatikan gambar di bawah ini :
     
  2. KLIK Counter ID.
  3. Tarik halaman ke bagian bawah untuk mengambil KODE counter.
  4. Pilih jenis KODE yang tersedia (pilih saja yang xHTML dengan KLIK pada xHTML).
     KLIK untuk melihat gambar contoh KODE html di bawah ini :
     Contoh bentuk KODE Counter
  5. Copy KODE yang terlihat.
• Pasang KODE di Blog : Ikuti langkah berikut :
  1. Login ke Blogger (Login to Blogger).
  2. Dasbor (Dasboard).
  3. Elemen Laman (Page Element).
  4. Tambah Gadget di bagian Sidebar (Add Gadget).
  5. HTML/Javascript. Letakkan KODE Counter di sini. Tambahkan KODE berikut di atas dan di bawah KODE Counter :

     <div align="center"  style="margin:5px;background:#444;border:3px solid #666;padding:2px;">
     KODE Counter
     </div>

  6. KLIK "SIMPAN"
• Selesai : Lihat hasilnya dengan membuka blog :

Semoga bermanfaat dan menambah semangat anda!