Selasa, 04 September 2012

Cara Membuat Website Di Hosting Gratisan Cara Menyimpan Game Flash Dari Game Online Ke Komputer Tanpa Download Cara Membuat Aplikasi / Game Sendiri Di Facebook

disadur dari http://chyberart.blogspot.com/2012/07/cara-membuat-website-di-hosting.html

Cara Membuat Website Di Hosting Gratisan

Pernah dengar tentang 000webhost? Yapz...bagi sobat-sobat yang sudah pernah mendengarnya dan mungkin mengetahuinya, jangan lupa untuk membagi-bagi info ke sobat yang lain (jika memang merasa 000webhost bermanfaat bagi sobat yo.jadi agar tidak panjang lebar...000webhost adalah tempat meng-hosting PHP serta MySQL secara gratis, oh ya selain PHP sama MySQL juga mendukung HTML serta JavaScript.

Singkat kata, saya jadikan 000webhost sebagai pilihan terakhir saya karena000webhost adalah situs webhost PHP, MySQL terbaik yang gratis. Layanan cepat, lancar, dan masih bisa dibandingkan dengan hostingan yang berbayar (punya masalah dengan 000webhost? Saya akan membahasnya di postingan mendatang, sekarang khusus tatacara mendaftar).

Oke, bagi sobat-sobat yang tertarik untuk menggunakan 000webhostsebagai file hosting terutama buat PHP dan MySQL...silahkan untuk mengikuti langkah2 berikut untuk memulai mendaftar:

1. Berkunjunglah ke situs 000webhost.com
2. Lalu selanjutnya klik banner Sign Up! untuk memulai daftar...

3. Jika sobat ingin menggunakan domain gratisan dari 000webhost.com, maka langsung lewati bagian I want to host my own domain, dengan kata lain biarkan saja kosong, tak usa diisikan dengan apa2

4. Langsung isi pada bagian "or, I will choose your free subdomain(recommended)" dengan data-data yang diperlukan seperti: Nama, email, password, dan jangan lupa ketik kode verifikasi...ok2 :D

5. Jika sudah, maka silahkan untuk mengklik tombol "Create My Account"

6. Silahkan pergi ke email anda untuk mengaktifasi akun 000webhost.comanda. Klik link yang telah dikirim ke email anda...

7. Sampai di sini, sobat sudah memiliki sebuah akun dengan domainidpilihananda.blabla.com dari 000webhost.com, sebagai tanda sobat akan menemukan halaman seperti berikut:

Di gambar di atas, dinyatakan bahwa akun yang barusan saya buat akan diaktifasikan dalam waktu kita-kira 1 menit, wao...cepat sekali ya? Tapi tunggu dulu, screenshot di atas adalah domain gratis saya dari000webhost.com yang lain, jadi sebelumnya saya sudah pernah daftar dan perlu menunggu 1X24 jam untuk proses aktifasi lalu untuk pendaftaran domain gratis baru yang lainnya hanya butuh waktu kurang lebih 1 menit, dan parampammmm...jadi! Beda kasusnya untuk sobat yang baru membuat akun di 000webhost.com sekarang ini, maka sobat butuh waktu kurang lebih 1 X 24 jam, agar akun sobat diaktifasi. So, nunggu aja...pasti diaktifasi kok :D, kalau lebih cepat dari waktu yang telah saya nyatakan yooo alhamdulillah, kalau lebih lama? Ya tetap dicek aja secara berkala, login dan cek akun sobat sudah diaktifasi atau belum...begitu seterusnya. Ok2

Selanjutnya...(anggap saja sekarang akun sobat telah diaktifasi oleh pihak000webhost.com)

1. Login ke akun sobat=> Isikan email sobat, password dan kode verifikasi...klik "Submit" untuk login

2. Setelah login sobat akan menemukan halaman seperti berikut...(halaman berikut adalah screenshot akun saya)

3. Untuk memulai upload file (terutama PHP atau MySQL atau HTML dan JavaScript), silahkan untuk mengklik "Go to CPanel"

4.Maka selanjutnya sobat akan masuk ke halaman seperti berikut:

5. Di halaman di atas sobat sudah bisa memulai menggunakan akun000webhost.com sesuka sobat. Mulai dari upload file PHP, HTML, JS (JavaScript), sampai membuat MySQL database dan PHP my admin, tapi saya tak akan membicarakan tentang PHP dan MySQL panjang lebar di sini...coz kita cuma mbahas tentang daftar di 000webhost.com serta setidaknya cara upload dan hapus file di situs tersebut :D

6. Untuk memulai Membuat MySQL database serta PHP my admin...(scroll-lah sampai halaman seperti gambar berikut menjadi nampak), sobat bisa menggunakan menu yang telah saya lingkari dengan warna merah berikut, silahkan lihat gambarnya:

7. Lalu berikut adalah cara menghost/mengupload file PHP, HTML, JavaScript, gambar, dll di 000webhost.com, perhatikan bagian yang telah saya tandai dengan warna biru (File Manager)...kliklah bagian tersebut:

8. Jika sudah, maka login lah dengan password yang telah sobat buat tadi...(jika diminta password, maka login lah dengan menggunakan password yang telah sobat buat di awal pendaftaran).

9. Berikut tampilan "File Manager"

10. Untuk memulai meng-upload file...silahkan untuk mengklikpublic_html

11.Selanjutnya, untuk memulai meng-upload file...silahkan untuk mengklik "Upload"

12. Tekan tombol "browse" untuk memulai memilih file yang hendak di-upload dari komputer anda...

13. Jika sudah, dan ingin memulai meng-upload file...silakan untuk mengklik tombol dengan gambar "Centang"

14. Jika sudah, klik gambar back untuk kembali ke halaman public_html

15. Sampai langkah ini sobat sudah bisa mengupload file. Sekarang saatnyamenghapus file (Jika perlu). Langkahnya adalah, centang kotak file yang hendak dihapus => Lalu klik tombol "delete" (perhatikan pada menu bagian kanan atas...

Lalu...Klik!

Jika ada halaman seperti berikut, Klik saja gambar "Centang"

16. Sekarang sobat sudah bisa menggunakan 000webhost.com sebagai tempat hosting dengan baik. Selamat! :D

17. Selesai!!! :D Kalau mau logout juga gak apa2...jangan lupa ninggalin komentar yaaaa....^

Cara Menyimpan Game Flash Dari Game Online Ke Komputer Tanpa Download

Pada malam ini saya akan membagikan tips cara menyimpan game flash dari sebuah situs game online yang tidak menyediakan sarana download. Adapun cara ini lebih cepat dari mendownload karena tidak seperti mendownload biasa yang memakan waktu lama karena harus menghitung dulu waktu sebelum download dimulai. Mungkin tutorial ini sudah banyak yang membahas di blog-blog lain tapi tidak ada salahnya kan kalow saya mengulangnya kembali..??

Ok mari kita mulai langkah-langkahnya sebagai berikut :

1. Bukalah situs game flash online misalnya di gametop.com kemudian kliklah game online yang Anda sukai sampai game itu terbuka dan siap dimainkan.

2. Pada menu mozilla di atas pilihlah "Alat" kemudian pilih "Informasi Laman"

3. Langkah selanjutnya pilihlah tab "Media" dan crilah file berakhiran extensi .swf yang merupakan file game yang akan kita downlod :

ket : 1=Tab "Media", 2=klik file game swf yang akan kita simpan ke komputer, 3=Klik "Simpan dengan Nama", 4=Klik "Save" kemana akan anda menyimpan game tersebut dan jangan lupa dikasih nama game Anda tersebut.

4. Cobalah anda buka game yang telah Anda simpan tersebut dengan cara klik "Berkas" pada Mozilla dan pilihlah "Buka Berkas" dan cari tempat file game tadi di simpan.

Cara Membuat Aplikasi / Game Sendiri Di Facebook

Maaf sob saya baru posting lagi karna saya sudah mulai skolah lagi dan tidak sempat untuk berposting lagi. Ok langsung aja ke TKP karna dah malam dan saya juga dah ngantuk ni :-)..
Pada kesempatan ini kita akan coba membuat / menyimpan game flash kesayangan kita di Facebook sehingga berupa aplikasi facebook milik kita sendiri seperti game Foker di facebook yang bisa dimainkan oleh orang lain juga selain kita pemilik apliksi game tersebut.

Ok langsung saja kita ikuti aturan mainnya tanpa banyak berfikir lagi :

1. Siapkan file game flash kesayangan Anda atau bila belum punya bisa anda dapatkan dari situs game online dengan cara yang pernah saya bahas di postigan yang berjudul
2. - Kemudian buatlah sebuah folder baru dimana saja, dan kemudian di dlm folder baru tersebut buatlah sebuah folder dan beri nama images, selanjutnya masukan game flash Anda ke folder images tersebut.
- downloadlah sebuah file js dari situs ini dan kemudian masukan ke folder baru tadi bergandengan dengan folder images)
- bukalah notepad dan kopikan kode html berikut ke notepad :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker">
<script src="ac_activex.js" type="text/javascript"></script>

</head>
<body>
<div id="flash1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:758px; height:545px; z-index:0">
<script type="text/javascript">
AC_RunFlashContent("id","flash1","width","758","height","545","quality","high","autoplay","true","loop","true","wmode","window","codebase","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab","pluginspage","http://www.macromedia.com/go/getflashplayer","src","images/Bilyard.swf");
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width=758 height=545>
<param name="movie" value="images/Bilyard.swf">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="autoplay" value="true">

<object data="images/Bilyard.swf" width="758" height="545" type="application/x-shockwave-flash">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="autoplay" value="true">
</object>

</object>
</noscript>

</div>

</body>
</html>

</body>
</html>

keterangan : tulisan yang berwarna merah gantilah dengan nama game flash Anda yang berada di dalam folder images

lalu pada menu notepad pilih menu File kemudian Save As beri nama index.htmlpada Save As Type pilih All Files...simpanlah index.html tersebut ke dalam folder baru tadi bergandengan dengan file js dan folder images.

3. Kemudian tes dahulu isi folder baru itu dengan cara mengklik 2x file index.htmldan apakah game flashnya bekerja ata tidak..?

4. Mendaftar dahulu ke webhosting yang berbayar atau yang gratisan supaya kita bisa menyimpan game flash kesayangan kita yang nantinya bisa di panggil di facebook secara online.

5. Bila game Anda telah bekerja pada browser terus simpanlah / uploadlah semua isi folder itu (folder images, file js, dan index.html) ke server hosting Anda (lihatlah cara mengupload file ke server hosting gratisan di postingan saya yang berudul Upload File Menggunakan FileZilla Client)

6. Kemudian cobalah Anda panggil alamat url game Anda di browser misalnyahttp://www.DomainAnda.com/index.html, index html bisa juga tidak diketik menjadi http://www.DomainAnda.com/ saja. Apakah sudah bisa dikses game online Anda tersebut..??

7. Membuat Aplikasi di Facebook

Langkah 1 - Konfirmasi HP

Sebelum membuat aplikasi, anda wajib konfirmasi HP 1x per 1 akun Facebook. Konfirmasi ini diwajibkan Facebook, bukan diwajibkan saya. Jadi kita tidak bisa protes dengan kebijakan Facebook ini.

Tanpa konfirmasi HP, anda tidak akan bisa membuat aplikasi apa pun

Untuk cara konfirmasi HP, silakan ke link inihttp://www.facebook.com/confirmphone.php
Penjelasan :

Kalau sudah konfirmasi HP,

Langkah 2 - Buat Aplikasi

Buka link ini : https://developers.facebook.com/apps/
Klik tombol "Create New App" di pojok kanan atas.
Nanti akan muncul tampilan seperti di bawah (kalau tidak ada tampilan di bawah, tekan saja tombol yang ada di layar)

Isikan nama aplikasi yg diinginkan di kotak "App Name". Sebagai contoh di gambar di atas saya namai aplikasinya sebagai "Permainan Bilyard"
Kita juga akan mengisi "App Namespace". Apa App Namespace ini? App Namespace adalah alamat web yang akan kita pakai kalau kita ingin membuka aplikasi kita.
Contoh buat yang suka main Mafia Wars di Facebook, alamat game Mafia Wars adalah http://apps.facebook.com/inthemafia/. Ini berarti App Namespace dari Mafia Wars adalah inthemafia.
Contoh lain, buat yang suka main game Pet Society di Facebook, alamatnya adalahhttp://apps.facebook.com/petsociety/, berarti App Namespace game Pet Society adalah petsociety.
Setiap App Namespace hanya boleh digunakan 1 aplikasi saja. Jadi misal sudah ada aplikasi dengan App Namespace "inthemafia", aplikasi lain tidak boleh ada yang menggunakan App Namespace "inthemafia" dan aplikasi lain harus menggunakan App Namespace lain.
Silakan buat App Namespace yang unik. Terserah mau diisi apa. Tapi ingat App Namespace hanya boleh mengandung huruf kecil dan tanda minus.
Spasi, titik, tanda garis bawah, angka, dll, tidak diperbolehkan di App Namespace.
Sebagai contoh, di atas saya pakai App Namespace "permainanbilyard"
Kalau sukses, akan ada tulisan hijau kecil "Available"
Klik juga pilihan "I agree to..."
Klik tombol "Continue"

Langkah 3 - Verifikasi Gambar

Ada tampilan di bawah, ketikkan apa yang tertulis di layar

Contoh, di gambar di atas, saya ketikkan "pnp randone"
Klik tombol "Submit"
bila setelah tampilan di atas ada pertanyaan lain klik Batalkan saja ...!!karena yang terpenting keluarnya tampilan seperti di langkah 4 di bawah ini..!!

Langkah 4 - Halaman Aplikasi

Tutorial ini dibuat pada Facebook berbahasa Inggris. Jadi kalau Facebook anda berbahasa Indonesia, tampilan bahasanya akan beda. Disarankan agar memakai bahasa Inggris paling tidak selama pembuatan aplikasi.
Ada tampilan di bawah, ini adalah halaman utama untuk mengatur setting aplikasi.
Di sini kita lihat hanya kotak "App Display Name" "App Namespace", dan "Contact Email" yang baru terisi. Sisanya masih kosong.

keterangan :
1. Gantilah gambar Aplikasi Anda sesuai dengan minat Anda.
2. Gantilah icon Aplikasi Anda / samakan dengan gambar aplikasi.
3. Silahkan sesuaikan kategori aplikasi Anda
4. Isikan dengan alamat url game web hosting Anda yang telah di buat sebelumnya misalnya http://www.DomainAnda.com/
5. Isikan dengan url mirip no.3 namun tambahkan s hingga menjadi https://www.DomainAnda.com/

Setelah semua diisi dengan benar jangan lupa klik tombol Save / Simpan Perubahan di bagian paling bawah.

8. Coba panggil halaman url Aplikasi Game Facebook anda yang baru anda ciptakan ini

9. Selamat kini Anda telah memiliki Aplikasi Game Facebook sendiri dan beritahukan pada teman-teman Anda alamat Game Facebook Anda tersebut....!!

Rabu, 13 Juni 2012

Cara Mengetahui Negara Pengunjung Blog

Tekadang kita, khususnya para pemilik blog penasaran dengan pengunjung yang kita punya. Penasaran dalam arti negara asalnya, bukan tampangnya, emang bisa tampangnya nongol. Nah , untuk mengetahui negara tempat tinggal pengunujung blog kita-kita diperlukan satu gadget yang fungsinya mendeteksi negara tempat tinggal pengunujung. Gadget tersebut sebenarnya banyak tersedia di internet secara gratis. Selain gratis, juga tidak susah koq membuatnya.

Oke sobat modif, langsung aja gadget yang kali ini akan dijelaskan adalah gadget darihttp://www.neoworx.net . Gadget ini nantinya akan menampilkan negara dimana pengunjung tsb berada. Berkut ini langkah2 membuat gadget pendeteksi negara tempat tinggal pengunjung yang berasal dari neoworx:

browsinglah ke situs berikut http://www.neoworx.net

lalu daftarkan diri dengan mengklik tulisan register di samping logo berbentuk orang yang memegang kunci

lalu akan muncul halaman kecil yang meminta identitas sobat modif. Identitas yang diminta itu nama , e-mail , dan password. Isilah dengan identitas yang sobat modif punya dan inginkan

setelah mengisi data yang diminta,centang pernyataan private (kalau blog atau situs anda tidak mau ditampilkan di neoworx) beserta tulisan i agree to the term of service, lalu klik register

setelah mendaftar dan mendapatkan akun di neoworx, klik login

masukkanlah e-mail dan password yang didaftarkan tadi , lalu klik login

pilih saja menu neocounter , lalu klik tombol install widget

sesuaikan settingannya dengan selera, lalu klik install

setelah muncul kode htmlnya, copy-pastekanlah ke blog sobat modif. Bagaimana meletakkan gadget ini di blog, khususnya di side bar blog yang dipunya klik di sini

jangan lupa di save, jadi dech

Selain neoworx, sobat juga bisa menggunakan gadget dari flagcounter . Kalau menurutRaffkhan, gadget dari flagcounter jauh lebih mudah membuatnya dari pada neowox. Selain itu, tampilannya simpel dan ga berat-beratin blog. Tape semuanya terserah sobat aja. Pilih yang mana yang disuka,,, dan happy blogger !!!

DISADUR DARI BLOGG YANG SUKA BERBAGI (http://modifblogmu.blogspot.com)

Rabu, 11 April 2012

Cara membuat tulisan berjalan (marquee)

Cara membuat tulisan berjalan (marquee) – Mungkin anda pernah mengunjungi sebuah blog atau website yang terdapat tulisan berjalan dan dalam hati anda bertanya, bagaimana cara membuat tulisan berjalan seperti itu yah?

Cara Membuat Tulisan Berjalan (Marquee)

Untuk membuat tulisan berjalan itu sangat mudah karena hanya dengan kode HTML sederhana sudah akan tercipta sebuah tulisan berjalan. Kode HTML untuk membuat tulisan berjalan di kenal dengan perintah Marquee. Kode dasar perintah marquee adalah sebagai berikut :

<marquee>Tulisan disini akan berjalan</marquee>

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah :

bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks

direction="left/right/up/down" » Mengatur arah gerakan teks

behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan

Scroll » teks bergerak berputar

Slide » teks bergerak sekali lalu berhenti

Alternate » teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

title="pesan" » Pesan akan muncul saat mouse berada di atas teks

scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.

scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" » Mengatur jumlah loop

width="lebar" » Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan Kang Rohman sertakan contohnya :

Contoh marquee dari gerakan :

<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

Contoh hasilnya :

marquee dari kanan ke kiri

ganti kata "left" dengan keinginan anda yaitu bisa : right, up, down .

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left"><font face="georgia" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="3" behavior="alternate"> </marquee></strong></font></div>

Contoh hasilnya :

marquee dengan variasi hurup

Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover="this.stop()" onmouseout="this.start()" . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain.

Contoh, silahkan arahkan pointer mouse anda ke area marquee di bawah ini :

Contoh kodenya :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> silahkan tunjuk ke sini </marquee>

Contoh hasilnya :

silahkan tunjuk ke sini

Contoh kode marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> 
<a href=" http://www.krtutorplus.com/">cara membuat blog</a><br/> 
<a href="http://krtutorplus.com/2007/04/bikin-blog.html">Membuat blog </a><br/> 
<a href="http://www.krtutorplus.com/2007/08/membuka-program-periklanan.html">Pasang Iklan </a><br/> 
</marquee> 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> 
<a href="http://www.krtutorplus.com/2007/08/membuka-program-periklanan.html">Pasang Iklan </a>
<a href="http://krtutorplus.com/2007/04/bikin-blog.html">Membuat blog </a><br/> 
<a href=" http://www.krtutorplus.com/">cara membuat blog</a><br/> 
</marquee>

Contoh hasilnya :

cara membuat blog
Membuat blog
Pasang IklanPasang Iklan
Membuat blog
cara membuat blog

Itu adalah beberapa contoh variasi kode marquee yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

sumber => http://www.krtutorplus.com/2007/04/membuat-marquee.html

Selasa, 10 April 2012

CARA UPLOADKAN TEMPLATE YANG DIDWONLOAD

1. BUKA MENU TEMPLATE PADA BLOGER DASBOR

2. KLIK PILIHAN SEPERTI PADA GAMBAR DIATAS , AKAN MUNCUL TAMPILAN BERIKUT

3. KLIK " CHOUSE " SEUAI GAMBAR DIATAS

4. PILIH FILE XML , DARI FILE TEMPLATE YANG DIDWONLOAD (EXTRAK TERLEBIH DAHULU FILENYA)

5. KLIK UNGGAH SESUAI GAMBAR DIATAS, TUNGGU SELESAI.

Cara Memasang Histats di Blog

Cara Memasang Histats di Blog | Setelah membuat blog, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?

Histats.com adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.

Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :
traffic stats,
user online,
referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),
browser (browser apa yang mereka gunakan untuk mengakses blog kita),
geolocation (dari belahan dunia mana mereka berasal), traffik by url,
traffic by title dll.

Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggalRegister di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.

Tutorial Cara Memasang Histats di Blog Anda : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)

1. Masuk ke Histats.com

2. Registerlah : Klik Register

Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.

Dan KLIK Register. Kemudian ada pesan seperti ini

Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.

your account is now active, please login now and start using histats.com!

Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.

3. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..

KLIK + Add a Website

● Site url : url situs anda http://namabloganda.blogspot.com contoh: http://kumpulan-adsen.blogspot.com

● Pilih bahasa : Indonesian - Bahasa Indonesia

● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)

● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.

● Title : Judul web atau blog Anda.

● Description : Penjelasan singkat tentang blog Anda.

● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.

● Jangan lupa kode captcha.

● Dan KLIK Continue

Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.

4. Pasang widget di blogger

KLIK : nama blog anda.

KLIK : Counter Code.

KLIK + add new counter

Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.

Beri tanda centang pada visitor today : Total visitor - Page views today - Total page views - user online dan KLIK SAVE.

KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)

Lalu Copy code scriptnya

5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan.

Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.

Sumber referensi => http://kumpulan-adsen.blogspot.com/2012/01/cara-memasang-histats-di-blog-anda.html

Sabtu, 28 Januari 2012

Membuat daftar isi blog dengan tampilan menu acordion

Tips dan triks blog yang tidak pernah ada habisnya, hehe. Sobat, kali ini saya ingin berbagi satu lagi tips dan triks blog yaitu bagaimana membuat daftar isi blog dengan tampilan menu acordion. Widget daftar isi model ini dibuat oleh mas Abu Farhan.

Nah, tampilan daftar isi blog seperti ini bisa sobat lihat demo berikut.

LIVE DEMO

Mengapa harus menggunakan daftar isi? saya rasa dengan menggunakan daftar isi maka pengunjung sobat bisa mengetahui apa saja isi-isi atau konten-konten blog sobat.

Berikut langkah - langkah membuat daftar isi menu acordion :

1. Seperti biasa, login ke dashboard blog sobat.

2. Postingan / buat entri baru / menggunakan halaman --> lalu copy code dibawah pastekan pada halaman posting. Gunakan mode edit HTML (lihat gambar).

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://www.masterendi.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

Keterangan :

Ganti tulisan www.masterendi.com dengan alamat blog sobat.

3. Publish / terbitkan entri.

Cara Membuat chatBox atau shoutmix Berada di samping

Chatbox atau shoutmix adalah widget terpopuler bagi sebagian besar blogger. Tips dan triks blog yang akan kita bahas kali ini adalah bagaimana cara Membuat chatBox atau shoutmix Berada di samping blog kita.

Cara membuatnya sobat bisa mengikuti langkah-langkah sederhana berikut :

1. Sobat harus memiliki code chatbox atau shoumix terlebih dahulu, baca cara membuat chatbox disini.

2. Sobat login ke dashboard blogger.com --> Rancangan --> add gadget --> pilih yang 'HTML/JavaScript'

3. Copy Code berikut :

* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i683.photobucket.com/albums/vv193/vebyo/Guest3.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
PASANG SCRIPT CHATBOX SOBAT DISINI
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Keterangan :

Sobat ganti PASANG SCRIPT CHATBOX SOBAT DISINI dengan script chatbox sobat.

4. Save, lihat hasilnya.

bELajar BlogGer

DAFTAR BLOGG

IQ