.jpg)
.jpg)
.jpg)
.jpg)
Selasa, 13 Mei 2008
tutorial bolic
Tutorial Membuat Antena Wajan Bolic
AMu7u2031 26, 2007 at 3:31 am08 (wireless)
LATAR BELAKANG
Untuk meningkatkan jarak jangkauan wireless LAN diperlukan antena eksternal dengan gain yang lebih tinggi dari antenna standard
Antena eksternal High Gain harganya relative mahal
Banyak barang-barang yang sering dijumpai dalam kehidupan sehari-hari yang dapat digunakan untuk membuat antenna High Gain dengan cara mudah dan biaya ringan
Photo : Antena WajanBolic
TUJUAN
Sharing pengetahuan/ pengalaman dalam hal pembuatan homebrew antenna khususnya Antenna WajanBolic dan hal-hal seputar Wireless Network
RUANG LINGKUP
Dalam Workshop ini akan dibuat Antena WajanBolic dengan N Connector dan Pigtail
SEKILAS WIRELESS/ WiFi
WiFi (Wireless Fidelity) adalah istilah generik untuk peralatan Wireless Lan atau WLAN. Biasa menggunakan keluarga standar IEEE 802.11. Oleh karena itu didukung banyak vendor.
STANDAR PROTOKOL
Peralatan wireless yang biasa digunakan adalah menggunakan standar IEEE 802.11x, dimana x adalah sub dari:
IEEE 802.11IEEE 802.11aIEEE 802.11a 2X
IEEE 802.11b
IEEE 802.11b+
IEEE 802.11g
2.4GHz5GHz5GHz
2.4GHz
2.4GHz
2.4GHz
2 Mbps54 Mbps108 Mbps
11 Mbps
22 Mbps
54 Mbps
DASAR HUKUM
Keputusan Mentri No.2 Tahun 2005 tentang penggunaan pita frekuensi 2400-2483.5MHz yang ditandatangani pada tanggal 5 januari 2005 aleh Mentri Perhubungan M. Hatta Rajasa.
Beberapa hal yang penting dari Keputusan Mentri No.2 Tahun 2005 adalah Anda tidak memerlukan izin stasiun radio dari pemerintah untuk menjalankan peralatan internet pada frekuensi 2.4GHz, tetapi dibatasi dengan:
1. Maksimum daya pemancar ada 100mW (20dBm).
2. Effective Isotropic Radiated Power/ EIRP di antenna adalah 36dBm
3. Semua peralatan yang digunakan harus di-approve/ disertifikasi oleh POSTEL
ANTENA WAJANBOLIC
Kenapa disebut WajanBolic?
Wajan : penggorengan, alat dapur buat masak
Bolic : parabolic
WajanBolic : Antena parabolic yg dibuat dari wajan
Karena berasal dari wajan maka kesempurnaannya tidak sebanding dg antenna parabolic yg sesungguhnya. Dalam workshop akan dibuat Antena WajanBolic dengan N Connector dan Pigtail dengan pertimbangan :
Beberapa kekurangan antenna WajanBolic :
Karena berupa solid dish maka pengaruh angin cukup besar sehingga memerlukan mounting ke tower yang cukup kuat
ANTENA 2.4 GHz
Beberapa Contoh Design Antena 2.4 GHz
Kebanyakan antenna homebrew wifi yg ada di internet : antenna yagi, antenna kaleng (tincan antenna), antenna biquad, antenna helix, antenna slotted waveguide. Komponen yg selalu ada dlm design antenna-antena tsb : N-type Connector & pigtail
Konektor : N-type Male, N-type Female, RP TNC Male, RP TNC Female, Pigtail
Ok..!! kita langsung saja ke pembuatan WajanBolic
Persiapan
Peralatan dan bahan yang perlu di siapkan:
BAHAN
Wajan diameter 36″ (semakin besar diametr semakin bagus)
PVC paralon tipis diameter 3″ 1 meter
Doff 3″ (tutup PVC paralon) 2 buah
Aluminium foil
Baut + mur ukuran 12 atau 14
N Connector female
kawat tembaga no.3
Double tape + lakban
PERALATAN
Penggaris
Pisau/ Cutter
Solder + timah nya
Gergaji besi
PERKIRAAN HARGA
Perkiraan harga yang dikeluarkan untuk membeli bahan WajanBolic adalah kurang dari Rp 100.000,-. Bandingkan jikan Anda harus membeli antenna Grid 24db, yang bikinan local saja mencapai Rp 500.000,- lebih dan yang import bisa mencapai Rp 1.000.000,- lebih. Atau membeli antenna grid local yang harga nya Rp 200.000,- sedangkan yang import bisa mencapai Rp 300.000 lebih.
TAHAP PENGERJAAN
Siapkan semua bahan dan peralatan yang dibutuhkan.
Lubangi wajan tepat di tengah wajan tersebut seukuran baut 12 atau 14, cukup satu lubang saja.
Kemudia, ukur diametr wajan, kedalaman wajan dan feeder/ titik focus. Untuk lebih jelas nya silahkan liat gambar di bawah.
Contoh :
Parabolic dish dg D = 70 cm, d = 20 cm maka jarak titik focus dari center dish : F = D^2/(16*d) = 70^2 / (16*20) = 15.3 cm
Pada titik focus tsb dipasang ujung feeder. Untuk mendapatkan gain maksimum.
Potong PVC paralon sepanjang 30 cm, kemudian beri tanda untuk jarak feeder nya (daerah bebas aluminium foil). Untuk menentukan panjang feeder nya gunakan rumus di atas.
Beri lubang pada bagian paralon untuk meletakkan N Connector, untuk itu gunakan rumus antenna kaleng. Bias di lihat di http://www.saunalahti.fi/elepal/antenna2calc.php
Potong kawat tembaga yang sudah disiapkan sesuai dengan ukuran yang didapatkan dari hasil kalkulasi website di atas. Dan solderkan pada N Connector yang telah di siapkan
Selanjut nya, bungkus PVC paralon dengan dgn aluminium foil pada daerah selain feeder, klo aluminium foil yang ada tanpa perekat, maka untuk merekatkan nya bisa menggunakan double tape
Lalu pasangkan N connector ke PVC Paralon yang telah dilubangi td
Pada bagian doff (tutup PVC paralon) yang akan di pasang pada ujung dekat dengan N Connector harus di beri aluminium foil, sedangkan doff yang di pasang pada wajan tidak perlu di beri aluminium foil
Dan pasangkan doff tersebut ke PVC paralon
Kemudian, wajan yang telah di bolongi tadi dipasangkan dengan doff yang satu nya lagi, sebelum nya doff tersebut dilubangi sesuai dengan ukuran bautyang sudah di siapkan, dan kencangkan secukup nya.
Kemudian tinggal pasangkan PVC paralon tadi ke wajan yang sudah di pasang doff.
Dan Wajan bolic sudah siap untuk digunakan browsing, atau paling tidak untuk wardriving.
AMu7u2031 26, 2007 at 3:31 am08 (wireless)
LATAR BELAKANG
Untuk meningkatkan jarak jangkauan wireless LAN diperlukan antena eksternal dengan gain yang lebih tinggi dari antenna standard
Antena eksternal High Gain harganya relative mahal
Banyak barang-barang yang sering dijumpai dalam kehidupan sehari-hari yang dapat digunakan untuk membuat antenna High Gain dengan cara mudah dan biaya ringan
Photo : Antena WajanBolic
TUJUAN
Sharing pengetahuan/ pengalaman dalam hal pembuatan homebrew antenna khususnya Antenna WajanBolic dan hal-hal seputar Wireless Network
RUANG LINGKUP
Dalam Workshop ini akan dibuat Antena WajanBolic dengan N Connector dan Pigtail
SEKILAS WIRELESS/ WiFi
WiFi (Wireless Fidelity) adalah istilah generik untuk peralatan Wireless Lan atau WLAN. Biasa menggunakan keluarga standar IEEE 802.11. Oleh karena itu didukung banyak vendor.
STANDAR PROTOKOL
Peralatan wireless yang biasa digunakan adalah menggunakan standar IEEE 802.11x, dimana x adalah sub dari:
IEEE 802.11IEEE 802.11aIEEE 802.11a 2X
IEEE 802.11b
IEEE 802.11b+
IEEE 802.11g
2.4GHz5GHz5GHz
2.4GHz
2.4GHz
2.4GHz
2 Mbps54 Mbps108 Mbps
11 Mbps
22 Mbps
54 Mbps
DASAR HUKUM
Keputusan Mentri No.2 Tahun 2005 tentang penggunaan pita frekuensi 2400-2483.5MHz yang ditandatangani pada tanggal 5 januari 2005 aleh Mentri Perhubungan M. Hatta Rajasa.
Beberapa hal yang penting dari Keputusan Mentri No.2 Tahun 2005 adalah Anda tidak memerlukan izin stasiun radio dari pemerintah untuk menjalankan peralatan internet pada frekuensi 2.4GHz, tetapi dibatasi dengan:
1. Maksimum daya pemancar ada 100mW (20dBm).
2. Effective Isotropic Radiated Power/ EIRP di antenna adalah 36dBm
3. Semua peralatan yang digunakan harus di-approve/ disertifikasi oleh POSTEL
ANTENA WAJANBOLIC
Kenapa disebut WajanBolic?
Wajan : penggorengan, alat dapur buat masak
Bolic : parabolic
WajanBolic : Antena parabolic yg dibuat dari wajan
Karena berasal dari wajan maka kesempurnaannya tidak sebanding dg antenna parabolic yg sesungguhnya. Dalam workshop akan dibuat Antena WajanBolic dengan N Connector dan Pigtail dengan pertimbangan :
Beberapa kekurangan antenna WajanBolic :
Karena berupa solid dish maka pengaruh angin cukup besar sehingga memerlukan mounting ke tower yang cukup kuat
ANTENA 2.4 GHz
Beberapa Contoh Design Antena 2.4 GHz
Kebanyakan antenna homebrew wifi yg ada di internet : antenna yagi, antenna kaleng (tincan antenna), antenna biquad, antenna helix, antenna slotted waveguide. Komponen yg selalu ada dlm design antenna-antena tsb : N-type Connector & pigtail
Konektor : N-type Male, N-type Female, RP TNC Male, RP TNC Female, Pigtail
Ok..!! kita langsung saja ke pembuatan WajanBolic
Persiapan
Peralatan dan bahan yang perlu di siapkan:
BAHAN
Wajan diameter 36″ (semakin besar diametr semakin bagus)
PVC paralon tipis diameter 3″ 1 meter
Doff 3″ (tutup PVC paralon) 2 buah
Aluminium foil
Baut + mur ukuran 12 atau 14
N Connector female
kawat tembaga no.3
Double tape + lakban
PERALATAN
Penggaris
Pisau/ Cutter
Solder + timah nya
Gergaji besi
PERKIRAAN HARGA
Perkiraan harga yang dikeluarkan untuk membeli bahan WajanBolic adalah kurang dari Rp 100.000,-. Bandingkan jikan Anda harus membeli antenna Grid 24db, yang bikinan local saja mencapai Rp 500.000,- lebih dan yang import bisa mencapai Rp 1.000.000,- lebih. Atau membeli antenna grid local yang harga nya Rp 200.000,- sedangkan yang import bisa mencapai Rp 300.000 lebih.
TAHAP PENGERJAAN
Siapkan semua bahan dan peralatan yang dibutuhkan.
Lubangi wajan tepat di tengah wajan tersebut seukuran baut 12 atau 14, cukup satu lubang saja.
Kemudia, ukur diametr wajan, kedalaman wajan dan feeder/ titik focus. Untuk lebih jelas nya silahkan liat gambar di bawah.
Contoh :
Parabolic dish dg D = 70 cm, d = 20 cm maka jarak titik focus dari center dish : F = D^2/(16*d) = 70^2 / (16*20) = 15.3 cm
Pada titik focus tsb dipasang ujung feeder. Untuk mendapatkan gain maksimum.
Potong PVC paralon sepanjang 30 cm, kemudian beri tanda untuk jarak feeder nya (daerah bebas aluminium foil). Untuk menentukan panjang feeder nya gunakan rumus di atas.
Beri lubang pada bagian paralon untuk meletakkan N Connector, untuk itu gunakan rumus antenna kaleng. Bias di lihat di http://www.saunalahti.fi/elepal/antenna2calc.php
Potong kawat tembaga yang sudah disiapkan sesuai dengan ukuran yang didapatkan dari hasil kalkulasi website di atas. Dan solderkan pada N Connector yang telah di siapkan
Selanjut nya, bungkus PVC paralon dengan dgn aluminium foil pada daerah selain feeder, klo aluminium foil yang ada tanpa perekat, maka untuk merekatkan nya bisa menggunakan double tape
Lalu pasangkan N connector ke PVC Paralon yang telah dilubangi td
Pada bagian doff (tutup PVC paralon) yang akan di pasang pada ujung dekat dengan N Connector harus di beri aluminium foil, sedangkan doff yang di pasang pada wajan tidak perlu di beri aluminium foil
Dan pasangkan doff tersebut ke PVC paralon
Kemudian, wajan yang telah di bolongi tadi dipasangkan dengan doff yang satu nya lagi, sebelum nya doff tersebut dilubangi sesuai dengan ukuran bautyang sudah di siapkan, dan kencangkan secukup nya.
Kemudian tinggal pasangkan PVC paralon tadi ke wajan yang sudah di pasang doff.
Dan Wajan bolic sudah siap untuk digunakan browsing, atau paling tidak untuk wardriving.
wajan bolic
Sunday, April 08, 2007
Wajan bolic ? akses internet menggunakan wajan ? Pertama kali kita mendengarnya pasti agak keheranan, bagaimana mungkin wajan yang biasa di gunakan oleh ibu/istri kita untuk memasak, dapat digunakan untuk mengakses internet.Tadi malam, liat penjelasan pak Onno di Republik Mimpi, membuat saya salut atas inovasi yang di buat. Kata beliau, hanya dengan modal 350 rb kita sudah dapat membuat wajanbolic dan dapat menangkap sinyal internet yang menjangkau hingga range 3-4 km.Bahan yang dibutuhkan untuk membuat antenna wajanbolic antara lain :
USB WLAN
Kabel USB
Kabel UTP untuk memanjangkan kabel USB
Wajan
Pipa pralon diameter 9 cm
Konstruksi pembuatannya :
Membuat dudukan untuk USB WLAN dalam pipa pralon, yang di lapisi dengan aluminium foil.
Lubangi tengah-tengah wajan
Dudukkan pipa pralon dengan USB WLAN di muka wajan.
Perpanjang kabel USB dengan menggunakan kabel UTP.
Wajan bolic ? akses internet menggunakan wajan ? Pertama kali kita mendengarnya pasti agak keheranan, bagaimana mungkin wajan yang biasa di gunakan oleh ibu/istri kita untuk memasak, dapat digunakan untuk mengakses internet.Tadi malam, liat penjelasan pak Onno di Republik Mimpi, membuat saya salut atas inovasi yang di buat. Kata beliau, hanya dengan modal 350 rb kita sudah dapat membuat wajanbolic dan dapat menangkap sinyal internet yang menjangkau hingga range 3-4 km.Bahan yang dibutuhkan untuk membuat antenna wajanbolic antara lain :
USB WLAN
Kabel USB
Kabel UTP untuk memanjangkan kabel USB
Wajan
Pipa pralon diameter 9 cm
Konstruksi pembuatannya :
Membuat dudukan untuk USB WLAN dalam pipa pralon, yang di lapisi dengan aluminium foil.
Lubangi tengah-tengah wajan
Dudukkan pipa pralon dengan USB WLAN di muka wajan.
Perpanjang kabel USB dengan menggunakan kabel UTP.
galery
.jpg)
lu tongkrongin trus blog gw pasti bakalan banyak ilmu yang lu dapet.
ada pepatah bilang kalau tuntutlah ilmu sampai kenegri cina namun yang ingin gw terapkan tuntutlah ilmu sampai ke satelit palapa. hehehehe..........
but gw juga masih banyak kekurangan buat omom yang mampir ketempat aku tolong pencerahanya yach. dan gw juga sangat bersukur bisa banyak punya temen-temen yang selama ini suport gw. pesen gw slalu jadikan waktumu bermanfaat dan berguna.
cara membuat blog
Menampilkan message board di dalam blog ataupun situs
Menampilkan message board di dalam blog ataupun situs
Kali ini saya akan menunjukan cara agar anda bisa menampilkan message board di dalam blog anda. Message board sendiri adalah tempat pembaca ( reader ) untuk menulis sesuatu atau komentar di situs kita dengan sangat mudah. Widget ini juga sering disebut sebagai widget chat on the blog ( chating di dalam blog / web kita ).
Tentu saja ini memudahkan visitor kita untuk mengkritik atau memberi masukan, pujian dsb kedalam tulisan kita.
Brikut ini kita akan ikuti langkah langkahnya sedikit demi sedikit.
STEP 1
Silahkan anda kunjungi link ini : http://www.cbox.ws/
Setelah anda sampai kehalaman tersebut, silahkan anda buat account baru ( sign up ) dengan cara mengisi form pendaftaran ( data data diri kita ).
Setelah anda mengisi form pendaftaran tersebut, silahkan anda tentukan format widget tersebut sesuai dengan kemauan anda sendiri, baik itu ukurannya, warna dan lain sebagainya yang srek dengan hati nurani anda. Setelah itu klik buton Create my CBOX.
kEMUDIAN akan ada halaman baru dan silahkan klik continue!
STEP 2
Setelah anda mendaftar account dan menentukan format widget CBOX tersebut maka sekarang kita harus login dengan username dan password yang telah kita buat tadi!
Sekarang ada halaman get your code
Untuk pengguna blogger, disana ada penjelasannya tapi jika kurang jelas, saya akan uraikan!
Klik button yang ada tulisan copy to clipboard dan tekan CTRL+C
Kemudian masuk ke blogger (sign in )
Kemudian klik layout dan
Klik add new page element (Tambah elemen halaman ) dan tipe HTML/ javascript
kemudian anda paste kode htmlnya dngn menekan CTRL+V
Lalu save templatenya dan lihat hasilnya!
Diposting oleh rudianaeva di 4:10 PM 2 Tulis Komentar Link ke posting ini
Wednesday, August 1, 2007
Membuat / Menampilkan Jam Analog di Blogger
Untuk membuat anda kelihatan lebih cantik anda wajib tahu cara yang satu ini. Coba anda lihat disamping kanan blog ini! Disana ada dua buah Jam analog dengan zona waktu yang berbeda. Anda ingin menampilkannya di blog anda? Jika iya, silahkan anda ikuti langkah berikut ini!
klik http://www.worldtimeserver.com/clocks/wtsclock001.aspx
Kemudian silahkan anda konfigurasi jam dengan pilih warna, lokasi waktu dan lainnya.
Setelah konfiguras selesai, cari tulisan add to blogger! di halaman website tersebut
Kemudian klik yes send this to blogger
Kemudian akan muncul window baru lalu klik add widget
Save aja BERES DEH!
Diposting oleh rudianaeva di 12:06 PM 4 Tulis Komentar Link ke posting ini
Thursday, May 31, 2007
Mempercantik Blog di Blogger
Seperti kita tahu, banyak sekali blog yang bermunculan saat ini. Blog yang dibuat bermacam-macam, dari blog bisnis, hoby, pengalaman pribadi, sampe religi. Semua ini membuat kita bingung dan bertanya, mau apa jadinya?
Oke, kita nggak usah mikirin hal tersebut. Mungkin kita adalah salah satu dari mereka yang membuat blog. Nah sekarang bagaimana cara membuat blog kita agar kelihatan berbeda dengan blog-blog yang lain? Jawabannya mudah ini dia tipsnya.
Cara Menyembunyikan Navbar pada blogger/blogspot
Tips berikut ini memang sangat sederhana, dengan menempatkan beberapa trick, maka tampilan navbar yang membosankanpun akan hilang. Lihat contoh blog saya ini! dibagian paling atas tidak ada tulisan search blog dsb. Oke saya akan langsung jelaskan langkah-langkahnya:
Sekarang sign in ke blogger.com seperti biasa
Klik tab Template===>Edit HTML
Sekarang tremukan code HTML seperti dibawah:
/* Header
-----------------------------------------------
*/
Jika kode HTML diatas sudah ketemu, sikalhkan copy dan paste code HTML dibawah ini.
Nambah: Silahkan copy cede tersebut dibawah code */
INILAH CODE HTML nya!
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
or add this piece of code
#navbar-iframe {
display: none;
}
Contoh penempatan:
/* Header
-----------------------------------------------
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
or add this piece of code
#navbar-iframe {
display: none;
}
Ingat dibawah /* Header
-----------------------------------------------
*/
4. Sekarang silahkan klick Save template di sebelah kanan,
5. Jreng..... Sekarang lihat perbedaan pada blog anda
Diposting oleh rudianaeva di 11:16 AM 5 Tulis Komentar Link ke posting ini
Friday, May 4, 2007
Tutorial / cara membuat BLOG secara mudah cepat dan PRAKTIS
Blog adalah kependekan dari webblog. Blog bergunasekali sebagai sarana informasi baik untuk keperluan pribadi, bisnis, hobby dan lain sebagainya.
Baiklah, tanpa harus bertele tele, saya akan langsung mengajarkan kepada anda untuk membuat sebuah blog GRATISAN dari www.blogger.com
1. CARA MEMBUAT BLOG
Membuat blog di blogger.com sangatlah mudah.
Sekarang saya akan tunjukan cara untuk membuat sebuah account baru di blogger.com, yang 100% gratis. Saya merekomendasikan anda untuk membuat blog di blogger.com karena program ini sangat didukung penuh oleh google, sehingga apabila kita membuat blog disini maka google akan cepat mengindeks blog kita. Alhasil blog kita akan muncul dihalaman pencari google.
LANGKAH KE-1 (GETTING STARTED)
Silahkan anda kunjungi website www2.blogger.com
LANGKAH KE-2 (CREATE AN ACCOUNT)
Setelah page terbuka, silahkan anda klik CREATE AN ACCOUNT setelah anda klik, maka akan muncul form untuk mengisikan nama dan password. Silahkan isi dan anda harus selalu ingat username dan password yang anda isikan.
Jangan lupa untuk menceklist Term of service agreement.
Kemudian klik tombol panah "Continue" untuk melanjutkan ke langkah ke-3
LANGKAH KE-3 (NAME YOUR BLOG)
Bagian ini sangat penting, karena nama dari blog anda nantinya akan menjadi sebuah keyword.
TIPS: agar blog anda mudah terindex oleh search engine(mesin pencari), maka alangkah lebih bagusnya jika anda membuat sebuah kesamaan antara addres dan name dari blog anda!
Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-4
LANGKAH KE-4 (CHOOSE YOUR BLOG TEMLATE)
Sekarang anda haya tinggal selangkah lagi untuk mempunyai webblog buatan sendiri!!!
Disini anda ditujukan untuk memilih warna dan bentuk dari web anda. Silahkan pilih sesuai dengan topic dan selera anda.
OK jika anda sudah selesai memilih template, sekarang kita akan lanjut ke langkah berikutnya.
Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-5
LANGKAH KE-5 (GENERATE YOUR BLOG)
Sekarang blogger akan menciptakan blog anda. Setelah blog selesai dibuat, maka di browser anda akan ada tulisan "Your Blog Has Beeb Created" Klik start Posting untuk untuk membuat artikel/tulisan pertamamu.
Sekarang Isikan Judul artikel kamu pada kolom tile, dan tulis isi dari artikelmu di bawahnya!
SELAMAT!! sekarang anda sudah mempunyai blog sendiri dan sudah bisa dilihat dari penjuru dunia manapun :)
Menampilkan message board di dalam blog ataupun situs
Kali ini saya akan menunjukan cara agar anda bisa menampilkan message board di dalam blog anda. Message board sendiri adalah tempat pembaca ( reader ) untuk menulis sesuatu atau komentar di situs kita dengan sangat mudah. Widget ini juga sering disebut sebagai widget chat on the blog ( chating di dalam blog / web kita ).
Tentu saja ini memudahkan visitor kita untuk mengkritik atau memberi masukan, pujian dsb kedalam tulisan kita.
Brikut ini kita akan ikuti langkah langkahnya sedikit demi sedikit.
STEP 1
Silahkan anda kunjungi link ini : http://www.cbox.ws/
Setelah anda sampai kehalaman tersebut, silahkan anda buat account baru ( sign up ) dengan cara mengisi form pendaftaran ( data data diri kita ).
Setelah anda mengisi form pendaftaran tersebut, silahkan anda tentukan format widget tersebut sesuai dengan kemauan anda sendiri, baik itu ukurannya, warna dan lain sebagainya yang srek dengan hati nurani anda. Setelah itu klik buton Create my CBOX.
kEMUDIAN akan ada halaman baru dan silahkan klik continue!
STEP 2
Setelah anda mendaftar account dan menentukan format widget CBOX tersebut maka sekarang kita harus login dengan username dan password yang telah kita buat tadi!
Sekarang ada halaman get your code
Untuk pengguna blogger, disana ada penjelasannya tapi jika kurang jelas, saya akan uraikan!
Klik button yang ada tulisan copy to clipboard dan tekan CTRL+C
Kemudian masuk ke blogger (sign in )
Kemudian klik layout dan
Klik add new page element (Tambah elemen halaman ) dan tipe HTML/ javascript
kemudian anda paste kode htmlnya dngn menekan CTRL+V
Lalu save templatenya dan lihat hasilnya!
Diposting oleh rudianaeva di 4:10 PM 2 Tulis Komentar Link ke posting ini
Wednesday, August 1, 2007
Membuat / Menampilkan Jam Analog di Blogger
Untuk membuat anda kelihatan lebih cantik anda wajib tahu cara yang satu ini. Coba anda lihat disamping kanan blog ini! Disana ada dua buah Jam analog dengan zona waktu yang berbeda. Anda ingin menampilkannya di blog anda? Jika iya, silahkan anda ikuti langkah berikut ini!
klik http://www.worldtimeserver.com/clocks/wtsclock001.aspx
Kemudian silahkan anda konfigurasi jam dengan pilih warna, lokasi waktu dan lainnya.
Setelah konfiguras selesai, cari tulisan add to blogger! di halaman website tersebut
Kemudian klik yes send this to blogger
Kemudian akan muncul window baru lalu klik add widget
Save aja BERES DEH!
Diposting oleh rudianaeva di 12:06 PM 4 Tulis Komentar Link ke posting ini
Thursday, May 31, 2007
Mempercantik Blog di Blogger
Seperti kita tahu, banyak sekali blog yang bermunculan saat ini. Blog yang dibuat bermacam-macam, dari blog bisnis, hoby, pengalaman pribadi, sampe religi. Semua ini membuat kita bingung dan bertanya, mau apa jadinya?
Oke, kita nggak usah mikirin hal tersebut. Mungkin kita adalah salah satu dari mereka yang membuat blog. Nah sekarang bagaimana cara membuat blog kita agar kelihatan berbeda dengan blog-blog yang lain? Jawabannya mudah ini dia tipsnya.
Cara Menyembunyikan Navbar pada blogger/blogspot
Tips berikut ini memang sangat sederhana, dengan menempatkan beberapa trick, maka tampilan navbar yang membosankanpun akan hilang. Lihat contoh blog saya ini! dibagian paling atas tidak ada tulisan search blog dsb. Oke saya akan langsung jelaskan langkah-langkahnya:
Sekarang sign in ke blogger.com seperti biasa
Klik tab Template===>Edit HTML
Sekarang tremukan code HTML seperti dibawah:
/* Header
-----------------------------------------------
*/
Jika kode HTML diatas sudah ketemu, sikalhkan copy dan paste code HTML dibawah ini.
Nambah: Silahkan copy cede tersebut dibawah code */
INILAH CODE HTML nya!
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
or add this piece of code
#navbar-iframe {
display: none;
}
Contoh penempatan:
/* Header
-----------------------------------------------
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
or add this piece of code
#navbar-iframe {
display: none;
}
Ingat dibawah /* Header
-----------------------------------------------
*/
4. Sekarang silahkan klick Save template di sebelah kanan,
5. Jreng..... Sekarang lihat perbedaan pada blog anda
Diposting oleh rudianaeva di 11:16 AM 5 Tulis Komentar Link ke posting ini
Friday, May 4, 2007
Tutorial / cara membuat BLOG secara mudah cepat dan PRAKTIS
Blog adalah kependekan dari webblog. Blog bergunasekali sebagai sarana informasi baik untuk keperluan pribadi, bisnis, hobby dan lain sebagainya.
Baiklah, tanpa harus bertele tele, saya akan langsung mengajarkan kepada anda untuk membuat sebuah blog GRATISAN dari www.blogger.com
1. CARA MEMBUAT BLOG
Membuat blog di blogger.com sangatlah mudah.
Sekarang saya akan tunjukan cara untuk membuat sebuah account baru di blogger.com, yang 100% gratis. Saya merekomendasikan anda untuk membuat blog di blogger.com karena program ini sangat didukung penuh oleh google, sehingga apabila kita membuat blog disini maka google akan cepat mengindeks blog kita. Alhasil blog kita akan muncul dihalaman pencari google.
LANGKAH KE-1 (GETTING STARTED)
Silahkan anda kunjungi website www2.blogger.com
LANGKAH KE-2 (CREATE AN ACCOUNT)
Setelah page terbuka, silahkan anda klik CREATE AN ACCOUNT setelah anda klik, maka akan muncul form untuk mengisikan nama dan password. Silahkan isi dan anda harus selalu ingat username dan password yang anda isikan.
Jangan lupa untuk menceklist Term of service agreement.
Kemudian klik tombol panah "Continue" untuk melanjutkan ke langkah ke-3
LANGKAH KE-3 (NAME YOUR BLOG)
Bagian ini sangat penting, karena nama dari blog anda nantinya akan menjadi sebuah keyword.
TIPS: agar blog anda mudah terindex oleh search engine(mesin pencari), maka alangkah lebih bagusnya jika anda membuat sebuah kesamaan antara addres dan name dari blog anda!
Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-4
LANGKAH KE-4 (CHOOSE YOUR BLOG TEMLATE)
Sekarang anda haya tinggal selangkah lagi untuk mempunyai webblog buatan sendiri!!!
Disini anda ditujukan untuk memilih warna dan bentuk dari web anda. Silahkan pilih sesuai dengan topic dan selera anda.
OK jika anda sudah selesai memilih template, sekarang kita akan lanjut ke langkah berikutnya.
Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-5
LANGKAH KE-5 (GENERATE YOUR BLOG)
Sekarang blogger akan menciptakan blog anda. Setelah blog selesai dibuat, maka di browser anda akan ada tulisan "Your Blog Has Beeb Created" Klik start Posting untuk untuk membuat artikel/tulisan pertamamu.
Sekarang Isikan Judul artikel kamu pada kolom tile, dan tulis isi dari artikelmu di bawahnya!
SELAMAT!! sekarang anda sudah mempunyai blog sendiri dan sudah bisa dilihat dari penjuru dunia manapun :)
seting gprs
Setting GPRS & MMS FOR ALL Operator
By mahadewa | Apr 27, 2008Setting GPRS Telkomsel
Connection Name : Telkomsel
Data Bearer : GPRS
Access Point Name : telkomsel
Username : wap
Prompt Password : No
Password : wap123
Authentication : Normal
Proxy address : 10.1.89.130
Homepage : http://wap.telkomsel.com
Connection Security : Off
Session Mode : Permanent
Setting GPRS Matrix
Connection Name : Satgprs
Data Bearer : GPRS
Access Point Name : satelindogprs.com
Username : (kosongkan)
Prompt Password : No
Password : (kosongkan)
Authentication : Normal
Proxy address : 202.152.162.250
Homepage : http://satwap
Connection Security : Off
Session Mode : Permanent
Setting GPRS IM3
Connection Name : M3-gprs
Data Bearer : GPRS
Access Point Name : www.indosat-m3.net
Username : gprs
Prompt Password : No
Password : im3
Authentication : Normal
Proxy address : 010.019.019.019
Homepage : http://wap.indosat-m3.net
Connection Security : Off
Session Mode : Permanent
Setting GPRS XL
Connection Name : XL-gprs
Data Bearer : GPRS
Access Point Name : www.xlgprs.net
Username : xlgprs
Prompt Password : No
Password : proxl
Authentication : Normal
Proxy address : 202.152.240.50
Homepage : http://wap.lifeinhand.com
Connection Security : Off
Session Mode : Permanent
Setting MMS
Setting MMS Telkomsel
Connection Name: tel-MMS
Data Bearer: GPRS
Access Point Name: mms
Username: wap
Prompt Password: No
Password: wap123
Authentication: Normal
Proxy address: 10.1.89.150
Homepage: http://mms.telkomsel.com/
Connection Security: Off
Setting MMS Mentari dan Matrix
Connection Name : sat-MMS
Data Bearer : GPRS
Access Point Name : mms.satelindogprs.com
Username : satmms
Prompt Password : No
Password : satmms
Authentication : Normal
Proxy address : 202.152.162.88
Homepage : http://mmsc.satelindogprs.com.
Connection Security : Off
Setting MMS IM3
Connection Name : M3-MMS
Data Bearer : GPRS
Access Point Name : mms.indosat-m3.net
Username : mms
Prompt Password : No
Password : im3
Authentication : Normal
Proxy address : 010.019.019.019
Homepage : http://www.mmsc.m3-access.com
Connection Security : Off
Setting MMS XL
Connection Name : XL-MMS
Data Bearer : GPRS
Access Point Name : www.xl.mms.net
Username : xlgprs
Prompt Password : No
Password : proxl
Authentication : Normal
Proxy address : 202.152.240.50
Homepage : http://mmc.xl.net.id/sevlets/mms
Connection Security : Off
MENTARI :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3000
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name INDOSATGPRS
User name : indosat
APN : www.satelindogprs.com
Password : indosat
Gateway IP : 10.19.19.19
Homepage : http://wap.klub-mentari.com
Data Bearer : GPRS
Proxy port number :
» MATRIX :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3939
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name satelindo Homepage
User name :
APN : www.satelindogprs.com
Password :
Gateway IP : 202.152.162.250
Homepage : http://wap.matrix-centro.com
Data Bearer : GPRS
Proxy port number : 9201
IM3 :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3939
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name
User name : gprs
APN : www.indosat-m3.net
Password : im3
Gateway IP : 010.019.019.019
Homepage : http://wap.m3-access.com
Data Bearer : GPRS
Proxy port number : 9201 atau 8080
» XL :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 9667
Contoh: GPRS NOKIA 7650
Setting GPRS Manual : Profile Name : XL GPRS
User name : xlgprs
APN : www.xlgprs.net
Password : proxl
IP Address : 202.152.240.50
Homepage : http://wap.lifeinhand.com
Data Bearer : GPRS
Proxy port number : 8080
» TELKOMSEL :
Setting GPRS OTA :
Ketik SMS: S‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 5432
Contoh: S NOKIA 7650
Setting GPRS Manual : Profile Name : TSEL GPRS
APN : Telkomsel
User name : wap
Prompt Password : No
Password : wap123
Authentication : Normal
Gateway IP address : 10.1.89.130
Homepage : http://wap.telkomsel.com
Connection Security : Off
Session Mode : Permanent
By mahadewa | Apr 27, 2008Setting GPRS Telkomsel
Connection Name : Telkomsel
Data Bearer : GPRS
Access Point Name : telkomsel
Username : wap
Prompt Password : No
Password : wap123
Authentication : Normal
Proxy address : 10.1.89.130
Homepage : http://wap.telkomsel.com
Connection Security : Off
Session Mode : Permanent
Setting GPRS Matrix
Connection Name : Satgprs
Data Bearer : GPRS
Access Point Name : satelindogprs.com
Username : (kosongkan)
Prompt Password : No
Password : (kosongkan)
Authentication : Normal
Proxy address : 202.152.162.250
Homepage : http://satwap
Connection Security : Off
Session Mode : Permanent
Setting GPRS IM3
Connection Name : M3-gprs
Data Bearer : GPRS
Access Point Name : www.indosat-m3.net
Username : gprs
Prompt Password : No
Password : im3
Authentication : Normal
Proxy address : 010.019.019.019
Homepage : http://wap.indosat-m3.net
Connection Security : Off
Session Mode : Permanent
Setting GPRS XL
Connection Name : XL-gprs
Data Bearer : GPRS
Access Point Name : www.xlgprs.net
Username : xlgprs
Prompt Password : No
Password : proxl
Authentication : Normal
Proxy address : 202.152.240.50
Homepage : http://wap.lifeinhand.com
Connection Security : Off
Session Mode : Permanent
Setting MMS
Setting MMS Telkomsel
Connection Name: tel-MMS
Data Bearer: GPRS
Access Point Name: mms
Username: wap
Prompt Password: No
Password: wap123
Authentication: Normal
Proxy address: 10.1.89.150
Homepage: http://mms.telkomsel.com/
Connection Security: Off
Setting MMS Mentari dan Matrix
Connection Name : sat-MMS
Data Bearer : GPRS
Access Point Name : mms.satelindogprs.com
Username : satmms
Prompt Password : No
Password : satmms
Authentication : Normal
Proxy address : 202.152.162.88
Homepage : http://mmsc.satelindogprs.com.
Connection Security : Off
Setting MMS IM3
Connection Name : M3-MMS
Data Bearer : GPRS
Access Point Name : mms.indosat-m3.net
Username : mms
Prompt Password : No
Password : im3
Authentication : Normal
Proxy address : 010.019.019.019
Homepage : http://www.mmsc.m3-access.com
Connection Security : Off
Setting MMS XL
Connection Name : XL-MMS
Data Bearer : GPRS
Access Point Name : www.xl.mms.net
Username : xlgprs
Prompt Password : No
Password : proxl
Authentication : Normal
Proxy address : 202.152.240.50
Homepage : http://mmc.xl.net.id/sevlets/mms
Connection Security : Off
MENTARI :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3000
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name INDOSATGPRS
User name : indosat
APN : www.satelindogprs.com
Password : indosat
Gateway IP : 10.19.19.19
Homepage : http://wap.klub-mentari.com
Data Bearer : GPRS
Proxy port number :
» MATRIX :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3939
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name satelindo Homepage
User name :
APN : www.satelindogprs.com
Password :
Gateway IP : 202.152.162.250
Homepage : http://wap.matrix-centro.com
Data Bearer : GPRS
Proxy port number : 9201
IM3 :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 3939
Contoh: GPRS NOKIA 7650
Setting GPRS Manual rofile Name
User name : gprs
APN : www.indosat-m3.net
Password : im3
Gateway IP : 010.019.019.019
Homepage : http://wap.m3-access.com
Data Bearer : GPRS
Proxy port number : 9201 atau 8080
» XL :
Setting GPRS OTA :
Ketik SMS: GPRS‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 9667
Contoh: GPRS NOKIA 7650
Setting GPRS Manual : Profile Name : XL GPRS
User name : xlgprs
APN : www.xlgprs.net
Password : proxl
IP Address : 202.152.240.50
Homepage : http://wap.lifeinhand.com
Data Bearer : GPRS
Proxy port number : 8080
» TELKOMSEL :
Setting GPRS OTA :
Ketik SMS: S‹spasi›MerkHP‹spasi›TypeHP
Kirim Ke: 5432
Contoh: S NOKIA 7650
Setting GPRS Manual : Profile Name : TSEL GPRS
APN : Telkomsel
User name : wap
Prompt Password : No
Password : wap123
Authentication : Normal
Gateway IP address : 10.1.89.130
Homepage : http://wap.telkomsel.com
Connection Security : Off
Session Mode : Permanent
Cara Membuat BLOG
Karna banyaknya permintaan yang meminta saya untuk membuatkan website oke akhirnya saya buatkan juga tutorialnya;
BELAJAR MEMBUAT WEBSITESeiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak....Selengkapnya
[HOME] [PREV] [NEXT] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [Beri Nilai Situs Ini]
BELAJAR MEMBUAT WEBSITE
Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.
Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter.
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan ada tag penutup yaitu yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan atau atau sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag . Coba tuliskan:
Tulisan ini akan tampak dalam browser.
Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:
Tulisan ini akan tampak dalam browser.
Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).
black
#000000
blue
#0000FF
olive
#808000
white
#FFFFFF
fuchsia
#FF00FF
green
#008000
red
#FF0000
gray
#808080
teal
#008080
yellow
#FFFF00
silver
#C0C0C0
navy
#000080
lime
#00FF00
maroon
#800000
purple
#800080
aqua
#00FFFF
Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:
Tulisan ini akan tampak dalam browser.
Dengan menggunakan kode warna heksa, variasi warna yang dibuat bisa lebih banyak. Klik di sini untuk melihat daftar kode warna yang lainnya!
Demikianlah sekilas fungsi tag BODY. Sekarang bukalah kembali source code alias kode-kode HTML. Masih ingat, kan caranya? (Klik menu View lalu Source). Tambahkanlah tag-tag berikut ini:
Tulisan ini akan tampak dalam browser.
Di sini terlihat bahwa kita menambah tag dan tag. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:
<br /><html>
<br /><head>
<br /><title>Karya Pertamaku
Tulisan ini akan tampak dalam browser.
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.
MENGUTAK-ATIK HURUF
Dalam latihan kedua ini, kita akan mempelajari beberapa tag yang relatif mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:
Tipe-tipe Teks</tile>
<br /></head>
<br /><body>
<br />Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
<br /></body>
<br /></html>
<br />Simpanlah file tersebut. Jangan lupa mengikuti langkah-langkah cara menyimpan file HTML yang sudah kita pelajari dalam latihan pertama dahulu. Setelah file tersimpan, bukalah file tersebut dengan program Internet Explorer. Perhatikanlah bahwa semua tulisan dalam dokumen tersebut masih seragam. Kini, kita akan melakukan sedikit perubahan pada beberapa kata dan kalimat yang ada di situ sehingga menjadi seperti ini:
<br />Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miringdan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
<br />Bagaimana caranya? Bukalah source code dari dokumen tadi (tekan F5), kemudian tambahkan tag-tag berikut. Tag-tag tersebut adalah <b> untuk menebalkan (bold) tulisan, <i> untuk memiringkan (italic) tulisan dan <u> untuk menggaris-bawahi (underline) tulisan:
<br /><html>
<br /><head>
<br /><title>Tipe-tipe Teks
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
Setelah anda menambahkan semua tag-tag tersebut, simpan (Save) file source code itu kemudian lakukan Refresh pada dokumen web yang tampak pada program browser anda. Lihatlah hasil perubahannya! Andaikata ada yang tidak beres, coba perhatikan baik-baik penulisan tag-tag anda, mulai dari tag pembuka hingga jangan sampai ada yang salah tulis meskipun satu karakter. Misalnya: bila tag anda tulis maka browser tidak akan menampilkan tulisan apa-apa dalam dokumen anda. Kalau tidak percaya, cobalah menulis source code yang salah seperti itu, simpan (save) kemudian refresh dokumen anda dan lihatlah hasilnya!
Untuk lebih mempermantap keterampilan yang anda dapatkan dari latihan kedua ini, ada baiknya anda mencoba membuat dokumen HTML berikut ini. Buatlah dokumen dengan judul (titel): Pemantapan Tipe-tipe Teks, yang isinya adalah tulisan seperti berikut:
Karena file-file HTML sebenarnya adalah file-file ASCII biasa, maka anda dapat menggunakan editor-editor teks sederhana seperti WordStar (WS), Notepad, MS Write, dan lain-lain. Editor-editor teks tersebut dapat membimbing anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin anda sedikit frustrasi karena harus mengetik semua kode HTML baris per baris yang dalam perkembangannya akan menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML.
Bila anda sudah menyimpannya, bukalah dan lihatlah hasilnya dalam program browser.
by
mamang interior division sun-visor
BELAJAR MEMBUAT WEBSITESeiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak....Selengkapnya
[HOME] [PREV] [NEXT] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [Beri Nilai Situs Ini]
BELAJAR MEMBUAT WEBSITE
Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.
Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter.
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan ada tag penutup yaitu yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan atau atau sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag . Coba tuliskan:
Tulisan ini akan tampak dalam browser.
Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:
Tulisan ini akan tampak dalam browser.
Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).
black
#000000
blue
#0000FF
olive
#808000
white
#FFFFFF
fuchsia
#FF00FF
green
#008000
red
#FF0000
gray
#808080
teal
#008080
yellow
#FFFF00
silver
#C0C0C0
navy
#000080
lime
#00FF00
maroon
#800000
purple
#800080
aqua
#00FFFF
Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:
Tulisan ini akan tampak dalam browser.
Dengan menggunakan kode warna heksa, variasi warna yang dibuat bisa lebih banyak. Klik di sini untuk melihat daftar kode warna yang lainnya!
Demikianlah sekilas fungsi tag BODY. Sekarang bukalah kembali source code alias kode-kode HTML. Masih ingat, kan caranya? (Klik menu View lalu Source). Tambahkanlah tag-tag berikut ini:
Tulisan ini akan tampak dalam browser.
Di sini terlihat bahwa kita menambah tag dan tag
Tulisan ini akan tampak dalam browser.
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.
MENGUTAK-ATIK HURUF
Dalam latihan kedua ini, kita akan mempelajari beberapa tag yang relatif mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
Setelah anda menambahkan semua tag-tag tersebut, simpan (Save) file source code itu kemudian lakukan Refresh pada dokumen web yang tampak pada program browser anda. Lihatlah hasil perubahannya! Andaikata ada yang tidak beres, coba perhatikan baik-baik penulisan tag-tag anda, mulai dari tag pembuka hingga jangan sampai ada yang salah tulis meskipun satu karakter. Misalnya: bila tag anda tulis maka browser tidak akan menampilkan tulisan apa-apa dalam dokumen anda. Kalau tidak percaya, cobalah menulis source code yang salah seperti itu, simpan (save) kemudian refresh dokumen anda dan lihatlah hasilnya!
Untuk lebih mempermantap keterampilan yang anda dapatkan dari latihan kedua ini, ada baiknya anda mencoba membuat dokumen HTML berikut ini. Buatlah dokumen dengan judul (titel): Pemantapan Tipe-tipe Teks, yang isinya adalah tulisan seperti berikut:
Karena file-file HTML sebenarnya adalah file-file ASCII biasa, maka anda dapat menggunakan editor-editor teks sederhana seperti WordStar (WS), Notepad, MS Write, dan lain-lain. Editor-editor teks tersebut dapat membimbing anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin anda sedikit frustrasi karena harus mengetik semua kode HTML baris per baris yang dalam perkembangannya akan menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML.
Bila anda sudah menyimpannya, bukalah dan lihatlah hasilnya dalam program browser.
by
mamang interior division sun-visor
Langganan:
Postingan (Atom)