Menampilkan Salam Dengan Javascript

Berhubung ini merupakan salah satu tugas kuliah dalam pembuatan web, maka saya mencoba sharing mengenai bagaimana caranya menampilkan Salam ("Selamat Pagi",dll) dengan menggunakan Javascript.

Jika kita browsing di sebuah blog/website, alangkah sopannya jika Blog kita bisa memberikan salam bagi orang-orang yang mengunjungi Blog/Website kita.
Bagaimana caranya? Saya akan coba menjelaskannya.
Berikut merupakan Javascriptnya :


Cukup simpel bukan. Sebenarnya kita hanya memakai perintah Percabangan. Pertama kita buat 2 buah variabel yaitu variabel d dan variabel time. Var d berfungsi sebagai newDate dan variabel time sebagai penanda waktunya. Sekarang tinggal kita atur bagaimana Pemberian Salamnya. Misal untuk selamat pagi kita atur dari pukul 4 - pukul 9 pagi. Perintahnya : if (time >3 && time <9.00)
{
document.write("

Selamat Pagi

");
}
.Jadi nanti salam yang ditampilkan akan sesuai dengan komputer kita masing - masing.
Javascript ini masih merupakan bentuk yang dasar. Karena penulis juga masih belajar dalam pembuatan javascript.

Read More..

Menampilkan Nama Browser dengan Javascript

Kali ini saya coba membahas mengenai cara menampilkan browser yang kita pakai saat seseorang membuka Blog/Website. Bahasa yang digunakan yaitu dengan menggunakan javascript.
Berikut bentuk scriptnya :
Script tersebut bisa diletakkan diantara Tag head maupun pada bagian footer.
Pertama - tama kita deklarasikan sebuah variabel yaitu variabel browser. Variabel Browser memiliki nilai navigator.userAgent. Navigator.userAgent berfungsi sebagai pendetect browser yang akan kita pakai.
Selanjutnya kita pakai kondisi, setiap browser memiliki nilai - nilai tersendiri. Untuk IE mempunyai nilai MSIE, untuk mozzila (Firefox) dll.
Jadi jika navigator mendetek MSIE, maka kita akan mencetak nama Browser dengan menggunakan document.write yaitu Internet Explorer, dan untuk menampilkan gambar kita bisa menampilkan gambar tersebut dengan perintah img src.
Begitu seterusnya. Penulis hanya mahasiswa yang masih belajar dalam pemrograman web. Jadi jika ada kesalahan dalam membahas materi ini mohon maaf dan kiranya bisa memberikan saran yang bermanfaat. Terima Kasih.

Read More..

TUTORIAL BLOG - Translator

Kali ini nulis gimana cara pasang translator pada blog kita.

Translator berguna apabila ada orang dari negara lain yang secara sengaja maupun

tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan

widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan.

Gini nih caranya :


1. Login ke Blogger trus pilih menu Tata Letak.

2. Kemudian klik pada tambah gadget.

3. Lalu pilih HTML/Javascript

4. Kemudian masukkan script berikut ini kedalamnya.



5. Kemudian simpan.

Semoga bermanfaat. Read More..

TUTORIAL BLOG - MengUpload File

Buat temen - temen yang blom tahu caranya mengupload file ke blog,saya akan menjelaskan

sedikit cara yang mudah. Buat yang udah jago mending ga usah terusin bacanya.hehe

Pertama kita pilih tempat upload yang kita mau. Bisa ziddu,indowebster,rs,4shared,dll deh.

Klo saya pilih ziddu.


1. Login ke ziddu.
2. Upload file yang kita mw.
3. Lalu akan didapat kode htmlny.
4. Paste kode html tersebut ke entri baru.
5. Lalu ketik
6. Paste kode html yang di dapat dari ziddu tadi diantara tanda petik.
7. Tulisan disini bisa diganti sesuka sanda,seperti download or etc. Read More..

TUTORIAL BLOG - Memasang Status YM

Hi2,gw nulis lagi nih.

Cuma mw share ilmu aja buat temen-temen semua.

Buat kita yang sering chating mungkin udah pada tahu semua tentang Yahoo Messenger.

Nah di blog pun kita bisa memasang status YM kita apakh sedang online atau tidak.

Berikut caranya :

1. Login ke blogger.

2. Pilih Tata Letak.

3. Pilih Elemen halaman.

4. Pilih Tambah Gadget.

5. Copy code dibawah ini :



febb_guys ganti dengan id YM

kalian. Dan angka 6 merupakan kode icon dari YM tersebut. Bisa diganti dengan kode dari 1-7.

Simpan dan lihat perubahannya.

Read More..

TUTORIAL BLOG - Mengganti Background dengan Gambar

Berhubun banyak request yang tanya gimana cara ganti background dengan gambar,gw posting disini aja deh biar pada ga byk tanya lagi.hehe


1. Pilih gambar yang mw di jadiin background blog kita. Ukuran gambar enggak usah
gede, karena walaupun kecil, nantinya gambar/image tersebut akan memenuhi seluruh
latar belakang blog.

2. Upload gambar tersebut ke tempat penyimpanan image.
Contoh ke photobucket aja yang gampang.

3. Copy kode url gambar yang sudah di upload.

4. Login ke blogger klik Tata letak.

5. Pilih Edit HTML

7. Cari kode body {

8. Tambahkan background:url dibawah code body
seperti dibawah ini contohnya.

body {
background:url('link dari photobucket paste disini');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Paste link dari gambar tadi ke dalam tanda kurung


Simpan. Lihat perubahannya. Read More..

TUTORIAL BLOG - MEMASANG JAM PADA BLOG

Buat kita - kita yang selalu dikejar waktu,mungkin memasang JAM pada blog kita dapat membantu agar tidak lupa waktu.
Nah ini dia caranya memasang JAM pada blog kita.

1. Masuk ke http://clocklink.com
2. Pilih Want a clock on Your website
3. Pilih tema yang kita mw,ada animal,transparant,dll
4. Pilih view html
5. copy code HTML ny
6. Login ke blogger
7. Pilih Tata Letak
8. Pilih Element Halaman
9. Tambah Gadget lalu pilih add HTML/Javascript
10.Paste code disitu lalu simpan

Lihat perubahan pada blog anda. Read More..

TUTORIAL BLOG - Membuat GuestBook

1.Guest Book

Guest Book blog atau bisa disebut juga dg shoutbox.
Berfungsi sebagai buku tamu website/blog, tetapi mempunyai bentuk lebih sederhana. Salah satu situs penyedia bukutamu blog gratis yaitu http://shoutmix.com.

Untuk memasang pada blog kita berikut langkah - langkahnya:
1. Register di alamat di atas, ikuti semua perintahnya;
2. Setelah selesai, log-in dengan id dan password yg sudah terdaftar;
3. Klik menu "Code Generator";
4. Pilih Full-frame shoutbox;
5. Klik "Generate the Code";
6. Copy kode HTML yg ada,

Setelah mendapatkan kode htmlny,brikut langkah selanjutnya :
1. Login ke blogger.
2. Pilih Tata Letak.
3. Pilih Tambah Gadget.
4. Pilih HTML/javascript.
5. Paste code yg telah didapat dari Shoutmix.
6. Simpan

Lihat Blog yang sudah diperbaharui. Read More..