Kamis, 30 Agustus 2007

upload gambar blogger

Tidak semua gambar dapat di upload ke posting blogger. Yang bisa di upload adalah gambar yang berformat jpg, gif, bmp dan png dan maksimum berukuran 8 Mb. Untuk mengupload gambar, silahkan klik gambar berikut saat anda berada di kotak postingan.





Kemudian pilih, Browse dan pilih gambar yang ingin anda upload, setelah itu anda bisa juga memilih tampilan gambar tersebut apakah disebelah kiri, kanan atau tengah dari text yang anda buat. Jangan lupa klik upload gambar
.

Atau bisa juga anda melakukan sharing gambar dari situs lain, misalnya gambar yang sudah anda upload di photobucket di tampilkan di postingan blogger. Yaitu pada saat anda klik gambar diatas, masukkan alamat gambar dari photobucket pada kotak Url yang sudah ada.


Template Classic

Berikut adalah cara untuk merubah template Standar blogger menjadi bentuk classic.
  • Setelah login di blogger, lalu pilih Layout dari Blog anda.
  • Kemudian pilih Template



  • Lalu pilih Edit HTML, lihat pada bagian bawah dan klik Kembali ke template klasik

  • Kemudian copy Code HTML yang telah anda Download tadi, dan blok semua kode diatas lalu paste. Artinya semua Code HTML diatas anda ganti dengan Code yang telah anda download lalu Simpan. "Selamat mencoba".

Buat blog di blogger

Ngeblog, yap..! suatu kata yang enak di dengar, tapi beda lho dengan blok, memang bunyinya sama tapi makna nya beda. blog yang ini maksudnya kita membuat semacam diary atau tulisan-tulisan apa saja yang kita mau terus di online kan alias bisa dilihat oleh semua pengguna internet di seluruh dunia. Lalu apa gunanya ngeblog? Blog saat ini merupakan sebuah komunitas yang sangat luas dan ramai dibicarakan. Karena selain gratis, kita bisa merubah tampilan blog menurut selera kita masing-masing. Masing-masing web blog menyediakan fitur yang berbeda-beda, bahkan nantinya nama domain blog bisa diupgrade menjadi domain milik sendiri.

Ini adalah tutorial cara membuat blog di blogger. Blogger ini merupakan blog milik google yang support dengan html dan javascript, jadi bila anda ingin mengutak-atik layout / tampilan dan menambah fitur-fitur lain, blog ini sangat cocok sekali. Jadi yang hobi tulis-tulis, jangan sia-siakan minat anda, siapa tahu nanti menjadi seorang penulis terkenal.

Untuk bisa membuat blog di blogger, anda harus punya Account atau email di google yang bernama gmail, bagi yang belum punya silahkan daftar disini. Setelah anda berhasil punya email di gmail kemudian buka blogger.com, akan tampil gambar seperti dibawah ini:



Kemudian anda cukup masukkan email / Account gmail dan password pada kota yang tersedia. dan klik tulisan Ciptakan sebuah Blog lalu akan tampil gambar berikut.



Setelah itu isi judul blog, dan alamat blog yang anda inginkan, jangan lupa isi verifikasi kata yang telah disediakan dan jika berhasil lalu klik Lanjutkan. Kemudian silahkan pilih layout atau tampilan yang anda inginkan.Dan sekarang berada pada halaman utama(Dashboard). Bila belum berhasil ulangi lagi sampai anda berhasil dan siap untuk membuat posting. Di blogger anda bisa membuat blog lebih dari satu hanya dengan punya satu gmail.


Selasa, 28 Agustus 2007

Langkah membuat Layout

Membuat layout atau skin baik untuk blogger maupun friendster, layaknya membuat web atau lebih akrabnya dikenal dengan web desain. Karena dari situlah kita bisa mengembangkan kreasi dan inovasi untuk merancang sebuah tampilan web.

Lalu apa saja yang harus kita ketahui untuk membuat web desain atau template ? Nah secara global kita harus mengenal beberapa hal sebagai berikut :

  1. Mengenal perintah HTML
  2. Menggunakan program Photoshop atau program desain lainnya untuk mendesain rancangan kita. Jadi bagi yang belum tahu sebaiknya belajar dulu program photoshopnya.
  3. Menggunakan program editor seperti Macromedia Dreamweaver untuk mengolah dan mengedit HTML.
  4. Memahami perintah CSS (Cascading Style Sheet), yang merupakan perintah singkat untuk memformat text maaupun object yang digabung dengan perintah HTML.
  5. Mengenal perintah dasar dari blogger template maupun friendster.

Desain Template blogger

Template yang dibuat diatas adalah untuk pengguna blogger.com dan sengaja kami rancang untuk resolusi komputer 800 x 600 pixel, artinya template yang aku buat kecil yaitu ukuran 780 x 900 pixel. Memang sekarang sudah banyak monitor dengan resolusi lebih besar dari itu. Tapi kami yakin tidak semua beralih ke monitor yang lebih besar.


Selain itu settingan monitor juga berbeda-beda, ada yang ukuran 800 x 600 pixel dan ada juga yang 1024 x 768 pixel. silahkan cek monitor komputer anda seperti dibawah ini :



Untuk menampilkan gambar diatas, klik mouse kanan di desktop komputer anda, dan pilih settings, maka akan tampil gambar diatas, dan lihat pada screen area. Maksudnya begini. Kalau aku merancang template dengan ukuran besar, maka akan terlihat bagus hanya untuk ukuran resolusi monitor yang besar (1024 x 768 px), sedangkan kalau dilihat dengan monitor 800 x 600px, maka tidak semua halaman dapat terlihat. Tapi kalau aku merancang template dengan ukuran kecil , maka akan terlihat bagus pada monitor resolusi kecil (800 x 600 px), dan besar (1924 x 768px). Jadi lebih bagus kalau ukuran templatenya kecil. Tapi itu juga tergantung anda masing-masing apakah membuat template untuk resolusi monitor yang besar atau kecil.

Senin, 27 Agustus 2007

Membuat status YM di Web

Ini adalah cara membuat status Yahoo Messenger di web anda, sehingga jika anda sedang online chatiing di Yahoo Messenger, maka akan nampak di blog anda status online. contohnya seperti ini:



Langkahnya sangat mudah, anda hanya cukup masukkan kode dibawah ini dalam blog atau web anda .
<a href="http://messenger.yahoo.com/edit/send/?.target=farmin1508&.src=pg">
<img src="http://opi.yahoo.com/online?u=farmin1508&amp;m=g&t=2" /></a>

Keterangan : Text yang berwarna kuning anda ganti dengan email yahoo anda. Mudah bukan...!!!.

Minggu, 26 Agustus 2007

Variasi Tabel HTML (3)

Berikut adalah beberapa variasi tabel yang lain, perhatikan text yang dicetak tebal.

A. Variasi garis tabel tipis
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANGINOVATIF



B. Garis tipis dan berwarna
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" bordercolor="red" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANGINOVATIF

Jumat, 24 Agustus 2007

Fasilitas Video Blogger

Ya. ini Inovasi baru dari blogger yaitu fasilitas video yang bisa kita pasang di postingan kita. anda bisa memasang berbagai video yang anda sukai dengan format AVI, MPEG, QuickTime, Real, dan Windows Media, dengan ukuran maksimal sampai 100 MB. Pada saat posting lihat disebelah kanan ikon upload gambar, yaitu tambah video dan silahkan ambil video yang anda sukai.

Jangan mau ketinggalan yuk kita pasang Video di blog kita.

Ikan paus lagi jalan-jalan cari angin


Gurita lagi laper


Pertukaran Banner

Kalau kita membuka web blog / blog orang lain, kebanyakan berisi banner atau gambar yang menunjukkan identitas pemilik dari blog atau web tersebut. Tampilan tersebut dinamakan banner. Contohnya seperti ini . Sekarang kita akan membuat bagaimana banner dipasang dan membuat yang bisa dicopy oleh orang lain untuk dipasang di blog mereka.


  1. Buat gambar dengan ukuran kecil, kalau banner saya berukuran 80 x 25 pixel di program photoshop, bisa juga di program Flash (untuk gambar animasi).
  2. Kemudian simpan gambar tersebut menjadi file JPG kalau di Photoshop, atau file Gif kalau anda buat banner di flash.
  3. Kemudian mendaftar di situs penyedia upload gambar gratis seperti imageshack atau photobucket.
  4. Setelah mendaftar lalu, upload gambar anda, kemudian cari kode HTML yang disediakan dan tempatkan di blog anda, supaya banner tersebut nampak di bloganda.
  5. Kemudian untuk membuat kode yang dicopy oleh orang lain, gunakan kode dibawah ini atau anda blok lalu di copy :
<form name="copy"><input value="Copy Kode" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="100" cols="55" style="width: 120px; height: 80px;" name="txt" wrap="VIRTUAL"><a href="http://primasoft.blogspot.com" target="_blank"<>br/>
<img src=" http://i191.photobucket.com/albums/z75/masprim/ss.gif" border="0" width="80" height="25" /></a>
<br /></textarea></form>

Keterangan :
Text yang berwarna biru anda ganti dengan Kode yang diambil dari imageshack atau photobucket. Hasilnya kira-kira seperti dibawah ini.



Kamis, 23 Agustus 2007

Variasi Tabel HTML (2)

Dibawah ini adalah variasi tabel yang lain.

A. Lebar kolom & tinggi baris
<TABLE border="1">
<TR height="60">
<TD width="50">IDE</TD><TD width="200">KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Keterangan :
TR height adalah tinggi baris
TD width adalah lebar kolom

Hasilnya :
IDEKAMU
YANGINOVATIF



B. Perataan text dalam tabel
Bila tabel tidak diatur tinggi dan lebarnya, maka secara default textnya berada di tengah kiri, bila ingin mengatur posisi textnya maka perintahnya sebagai berikut. Perhatikan text yang dicetak tebal.
<TABLE border="1" height="200" width="300">
<TR>
<TD VALIGN="top">IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD><CENTER>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANG
INOVATIF

Selasa, 21 Agustus 2007

Variasi tabel HTML (1)

Berikut adalah cara membuat variasi tabel HTML. Perintah dasarnya tetap sama yaitu <TABLE>. Untuk menambah perintah variasi tabel dapat diletakkan setelah <TABLE dan sebelum >. Perhatikan text yang dicetak tebal.

A. Ukuran garis tebal
<TABLE BORDER="3">
<TR>
<TD>HALLO</TD>
<TD>SEMUA</TD>
</TR>
</TABLE>

Hasilnya :
HALLOSEMUA

B. Garis tebal dan warna isi
<TABLE BORDER="4" BGCOLOR="MAGENTA">
<TR>
<TD>KEMANA</TD>
</TR>
<TR>
<TD>KAMU</TD>
</TR>
</TABLE>


Hasilnya :
KEMANA
KAMU
C. Lebar tabel dan tinggi tabel
Bila sebuah tabel tidak diberi perintah tinggi dan lebar, maka akan menyesuaikan dengan text yang di isikan, seperti contoh diatas. Namun bila ingin mengatur tinggi dan lebar tabel, berikut perintahnya.

<TABLE BORDER="1" WIDTH="150" HEIGHT="120">
<TR>
<TD>MARI</TD><TD>KITA</TD>
</TR>
<TR>
<TD>KERJA</TD><TD>KERAS</TD>
</TR>
</TABLE>

Hasilnya :
MARIKITA
KERJAKERAS


Minggu, 19 Agustus 2007

Apa sih 3 stanza

Ngomong soal 3 stanza, langsung terfokus ke lagu Indonesia Raya, saya selaku warga negara juga ingin berkomentar, ya paling tidak ikutan ngomonglah begitu. Aku sudah lihat dan dengar lagu tersebut, memang lagu ini agak lebih panjang dari yang sudah kita pakai. Dan masih menggunakan ejaan lama, terus dalam video itu terlihat para pejuang yang lagi berperang dan berbaris mengangkat senjata. Pokoknya seru.

Kalau menurut saya, gak usah diributin lagi mengenai penemuan Lagu tersebut yang katanya ditemukan oleh Roy Suryo, yang disebut-sebut sebagai Pakar Telematika Indonesia. Kita pakai aja yang sudah ada dan gak usah ganti-ganti, karena dari dulu yang kita tahu adalah yang 1 stanza, lagian kalau ada yang baru berarti kita harus ngapal lagi.

Memang, kalau kita buka sejarah banyak yang belum kita tahu, dan begitu kita tahu berarti akan menambah pengetahuan kita tentang sejarah terutama sejarah perjuangan bangsa Indonesia. Yang perlu kita lakukan adalah mengisi kemerdekaan dengan melakukan hal-hal yang berguna bagi bangsa dan negara menurut bidangnya masing-masing. "MERDEKA"

Lulusan Informatika tidak unggul?

Di petik dari acara e-Lifestyle yang ditaja Meutiya Hafid hari minggu kemarin pukul 12:00. Menurut Bernandho Hutabarat, seorang penulis buku Informasi Tekhnology sebagai nara sumber bahwa pendidikan informatika formal tidak menjamin seorang menjadi ahli bidang komputer. Menurutnya adanya Jurusan Teknik Informatika, Manajemen komputer dan sebagainya adalah sama, seperti halnya orang jualan yang mempunyai banyak produk sehingga pembeli bisa memilih produk yang disukai.

Hal ini juga terbukti bahwa yang tidak mengenyam pendidikan komputer pun bisa mengungguli orang yang lulusan formal, karena komputer bisa dipelajari oleh semua orang. Dan memang kalau kita melihat kenyataan, toh mereka yang udah lulus, nantinya kalau dapat kerjaan akan mulai dari nol, artinya hanya berapa persen ilmu yang mendukung dalam bidang kerjanya. Banyak atau sebagian besar orang kuliah hanya untuk mendapatkan gelar, sedangkan ilmu dan keahliannya perlu dipertanyakan. Karena sebenarnya yang paling penting itu adalah kreatifitas dan ide-ide baru dari mahasiswa untuk mengembangkan ilmunya, bukan sekedar menyandang gelar.

Kalau menurut saya, sebenarnya bukan hanya bidang komputer saja yang demikian, tapi hampir semua bidang baik ekonomi, hukum,dan sebaginya. Memang banyak orang yang kuliah untuk mencari gelar saja. Hal ini juga terbentuk dari konsep masyarakat kita sendiri yang masih memandang gelar sebagai sesuatu yang "wah". Sehingga kalau orang nggak punya gelar merasa terpinggirkan atau dipinggirkan. Padahal yang terpenting itu adalah keahlian dan skill yang dimiliki. Tapi ya, gimana ya...! Kalau di Indonesia, orang punya skill yang hebat tapi nggak ada gelar, susah cari kerja. Begitu juga kalau udah ada gelar, tapi skill nggak memadai, juga susah cari kerja. Jadi kesimpulannya gelar perlu dan keahlian / skill juga perlu.

Jumat, 17 Agustus 2007

Membuat Tabel HTML

Baiklah berikut ini adalah cara untuk membuat tabel dasar di HTML. Rumus dasar sebagai berikut :

<table>
<tr><td>TEXT</td></tr>
</table>

maka hasilnya seperti ini :
TEXT

Keterangan :
<tr> adalah baris
<td> adalah kolom

Bila membuat 2 kolom, maka perintahnya :
<table>
<tr>
<td>NO</td>
<td>NAMA</td>
</tr>
</table>

maka hasilnya seperti ini :
NONAMA


Bila membuat 3 baris, maka perintahnya :
<table>
<tr><td>NO</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>

maka hasilnya seperti ini :
NO
1
2


Nah, sekarang kita buat 3 kolom 4 baris, maka perintahnya:
<table>
<tr>
<td>NO</td>
<td>NAMA</td>
<td>ALAMAT</td>
</tr>

<tr>
<td>1</td>
<td>Andi</td>
<td>Jl. Sudirman</td>
</tr>

<tr>
<td>2</td>
<td>Saputra</td>
<td>Jl. Kemiri No. 20</td>
</tr>

<tr>
<td>3</td>
<td>Sally</td>
<td>Jl. Kemuning No. 10</td>
</tr>

</table>
maka hasilnya seperti ini :
NONAMAALAMAT
1AndiJl. Sudirman
2SaputaJl. Kemiri No.20
3SallyJl. Kemuning No.10

Rabu, 15 Agustus 2007

YM Quran & Hadits

Wah.. rupanya di YM ada ya fasilitas untuk baca Qur'an, bahkan hasdits juga ada. Ini mungkin udah bukan hal yang baru, tapi bagi aku baru tahu nih. Wah aku memang selalu ketinggalan.

Bagi yang udah tahu diam aja ya, Kalau mau ini nih caranya. Buka YM dan login dengan email anda. Kemudian klik contacts, lalu Add contact, kemudian pada Yahoo ID or email Adress ketik quran.noble lalu next, dan next lagi dan Finish.



Lalu lihat di tampilan Messenger / tampilan nama-nama teman anda ada satu tampilan quran.noble, silahkan anda double klik dan ketik Help, maka akan tampil sebagi berikut:



Anda bisa juga memilih bahasa yang disediakan disana, misalnya malaysa dan lain-lain. Selamat membaca Alqur'an dan hadits, semoga akan menambah keimanan kita. Amin.

Chating Yahoo di Situs

Ingin chating dengan Yahoo messenger, tapi nggak ada software Yahoo messenger nya? Jangan kuatir saat ini www.Yahoo.com membuat alternatif bagi yang nggak punya program Yahoo Messenger di komputernya. Adalah Chatting via web yang disediakan di alamat ini http://messenger.yahoo.com. Anda cukup punya email di yahoo.com dan kemudian login di web tersebut. Lalu silahkan berchating ria dengan rekan-rekan anda.



Ini adalah tampilan awal Yahoo messenger Web.



Tapi kalau dilihat memang masih ada kekurangannya, karena untuk cari temen baru belum ada fasilitasnya, jadi mirip seperti google talk milik google. Jadi artinya cuma berlaku untuk nama-nama yang udah terdaftar di program Yahoo messenger seperti biasa. Mungkin masih dalam tahap pengembangan ya..! Sehingga untuk cari teman baru, ya harus pakai software yahoo messenger. Apakah teman-teman sudah menemukan untuk cari teman baru di web messenger? kasi info dong..!!

Lebih jauh dengan Mozilla

Pada tutorial sebelumnya, kami telah membahas tentang Mozilla, browser pilihan yaitu tentang kelebihan dan keunggulan dari browser tersebut. Nah, sekarang kita akan mengenal lebih jauh tentang mozilla firefox ini yang merupakan browser gratis dan kaya akan fitur.


Ciri khas dari awalnya yaitu program ini cukup mengaktifkan 1 program dalam komputer anda. Sedangkan untuk mengaktifkan alamat situs lain, cukup menggunakan tabulasi atau tekan Ctrl T. Hal ini akan mengurangi banyaknya program yang tampil dalam desktop komputer anda.
Kemudian yang menariknya lagi, mozilla mendukung perintah javascript, sehingga bagi para web desiner maupun blogger akan mudah mengutak-atik perintah javascript tersebut di browser mozilla.

1. Setting Bookmarks
Pernah mengunjungi situs yang menarik ? pada waktu anda mengunjungi situs tersebut, rupanya anda sedang sibuk sekali sehingga anda ingin membukanya kembali di lain waktu. Nah sebaiknya anda simpan saja alamat situs tersebut. Anda tidak perlu meng-copy alamat situs tersebut dan di copy ke program Word, kemudian baru anda buka kembali. Tapi anda bisa menggunakan fasilitas bookmarks untuk menyimpan situs favorit anda. Caranya : klik Bookmarks, lalu klik bookmarks this page. Kemudian bila anda ingin membukanya tinggal buka bookmarks, maka akan tampil alamat situs yang sudah anda bookmarks.

2. Solusi install Flash Player
Pada saat anda selesai mendownload Mozilla dan menginstallnya di komputer anda, kemudian buka satu situs internet, sebagai contoh buka saja www.detik.com. Alhasil, anda sudah siap menggunakan browser mozilla di komputer anda, namun ada beberapa fasilitas atau plugin yang belum sepenuhnya terinstall di kompuer anda, misalnya fasilitas untuk menampilkan animasi, sehingga gambar-gambar animasi yang muncul cuma sekedar tombol atau gambar suatu object. Solusinya cukup klik tombol tersebut, dan silahkan install plugin tersebut lalu tunggu beberapa menit sampai install selesai.

Yuk pakai google Desktop




Fitur yang satu sangat bagus untuk komputer anda. Namanya google desktop yang merupakan produk google yang terbaru. Lalu apa dan bagaimana dengan fitur ini. Fitur ini dapat anda download gratis di GoogleDesktop.

Setelah anda download silahkan install di komputer anda dan tampilan awal ada disebelah kanan layar komputer anda. Lalu apa saja fasilitas yang ada di sana.



  1. Catatan pesan, anda dapat membuat catatan penting untuk pekerjaan anda sehingga begitu melihat layar komputer maka akan terlihat apa pekerjaan penting yang telah anda catat.
  2. Slide gambar, gambar-gambar yang ada di komputer anda akan muncul secara bergantian
  3. Penunjuk waktu, ada juga jam yang tampil dengan ukuran besar
  4. Penunjuk peta, yaitu peta atau wilayah yang diambil dari Google Map
  5. Pencarian, yaitu fasilitas search engine seperti di google yang mana kita bisa langsung mengetikkan text yang kita inginkan pada kotak pencarian tersebut.
  6. Petunjuk PC, dengan fasilitas ini anda bisa mengetahui bagaimana keadaan PC yang sedang anda gunakan termasuk CPU, memori dan lain sebagainya.
  7. Berita dari Google News, fasilitas ini menampilkan berita terbaru dari google news, tapi ya tentu dalam bahasa inggris dong.
Dan masih banyak lagi fasilitas yang disediakan. Anda penasaran..?, silahkan download di http://desktop.google.com. Tampilannya dapat anda pilih dengan mengklik ikon yang ada disebelah kanan.

Senin, 13 Agustus 2007

Mozilla, Browser pilihan

Do you know about Mozilla? Yup..! mungkin selama ini anda sering pakai Internet Explorer untuk browsing atau surfing. Dan IE memang lebih dominan pemakainya karena program ini memang bawaan dari Microsoft windows. Artinya kalau anda menginstall Windows, secara otomatis akan terinstall juga Internet Explorer.
Nah rupanya untuk browsing di internet ada browser lain yang tidak kalah menariknya yaitu Mozilla Firefox atau si rubah merah. So, apa kelebihan dari si rubah merah ini. Ada beberapa kelebihan dibanding dengan browser lain, yaitu antara lain:

  • Merupakan software Open Source, yaitu software yang tidak akan kena razia, karena merupakan produk bebas yang boleh di sebarkan / didistribusikan secara luas.
  • Mendukung bahasa Java script, HTML dan XML
  • Mempunyai tingkat keamanan yang lumayan canggih dari serangan virus.
  • Mempunyai tampilan dengan model Tabulasi, sehingga untuk membuka beberapa window atau situs, tetap berada dalam satu program Mozilla. Jadi makin mengurangi tampilan di Status Bar windows.
  • Untuk yang sering buka alamat internet pakai akhiran Com, Mozilla Firefox masih mendukung perintah tersebut yaitu cukup ketik nama alamat internet dan tekan Ctrl serta Enter sekaligus, maka akan keluar http://www.alamat.com secara otomatis.
  • Mempunyai kecepatan yang lebih baik dari browser lain dan bila terjadi crash atau hang pada komputer kita, maka pada saat membuka mozilla program bisa menampilkan tampilan terakhir dari apa yang kita buka.

Kalau banyak kelebihannya, tunggu apalagi, mari kita coba pakai browser alternatif yang gratis yaitu mozilla. Download gambar di atas.

Apa itu internet ?

Internet adalah kependekan dari International Networking, yang artinya jaringan komputer berskala internasional/global yang dapat membuat masing-masing komputer saling berkomunikasi.

Fasilitas yang ada di internet antara lain :
1. Browsing yaitu mencari informasi di internet dari sebuah alamat internet atau website. Misalnya www.liputan6.com atau www.kompas.com dan lain sebagainya.
2. Email kepanjangan dari Elektronik Mail yaitu fasilitas untuk mengirim dan menerima pesan atau data.
3. Chatting, yaitu fasilitas yang digunakan untuk berkomunikasi secara langsung dari para pemakai internet diseluruh dunia.
4. Forum adalah fasilitas yang digunakan untuk berdiskusi tentang suatu topik atau bahan tertentu yang di kelola oleh administrator / pihak yang mengadakan forum tersebut.
5. Milis adalah fasilitas dari email yang mana email dapat berlangganan informasi dari sebuah situs atau web tertentu dan akan dikirim setiap hari, minggu maupun bulan.

Selain itu sesuai dengan perkembangannya internet juga dapat digunakan untuk menampilkan siaran TV, radio dan juga untuk koneksi ke handphone.

Minggu, 12 Agustus 2007

Mendandani Web

Layaknya seorang gadis supaya nampak cantik harus didandani atau selalu berdandan. Begitu juga dengan web harus dirancang sebagus mungkin dan secantik mungkin supaya pengunjung betah melihat web kita dan nantinya akan kembali mengunjunginya. Ada beberapa perintah untuk memformat atau membentuk web kita supaya lebih bagus. Perintah tersebut tetap menggunakan < > dalam setiap perintahnya.



Berikut adalah sebagian dari perintah tersebut:
< B > ...... < /B > adalah cetak tebal.Text yang mau dicetak tebal berada dalam titik-titik diatas. Jadi titik-titik itu adalah text.
< U > ...... < /U > adalah text garis bawah.
< I > ...... < /I > adalah text cetak miring.
< CENTER > ...... < /CENTER >› adalah text rata tengah.
< BR > adalah membuat 1 baris baru (khusus untuk perintah ini tidak ada penutupnya). Jika jaraknya ingin agak ke bawah perintah < BR > boleh diperbanyak.

Nah ,baiklah sekarang kita praktekkan di Notepad. Ketik perintah berikut:
<HTML>
<HEAD>
<TITLE> Mempercantik tampilan Web</TITLE>
</HEAD>

<BODY>
Selamat datang di Taman Pancing Lembah Sakura. Tempat yang cocok bagi <U>anda</U> bersama <I>keluarga</I> untuk menikmati akhir pekan atau liburan anda. Kunjungi dan bersantai bersama kami dengan keindahan alamnya, panorama perbukitan dan memancing sepuasnya.
</BODY>
</HTML>

Setelah itu simpan dengan nama WELCOME.HTML lalu buka di Internet Explorer.
Silahkan anda tentukan text yang lain dengan perintah berikut :

<FONT COLOR=BLUE>.........</FONT> adalah untuk warna text. Blue bisa anda ganti dengan yang lain misalnya : green, red, brown, magenta, cyan, dan lain sebagainya. Ingat setiap perintah baru dan mau anda lihat di Internet Explorer harus anda simpan lebih dulu.

<FONT SIZE=5>.........</FONT> adalah ukuran text. angka tersebut bisa anda ganti dengan angka lain, maksimal sampai 8.

<BODY BGCOLOR=CYAN> adalah warna background. Perintah ini anda jadikan satu dengan <BODY> yang sudah ada. Artinya tidak ada perintah <BODY> dan <BODY BGCOLOR=CYAN>. Yang ada cuma 1 yaitu <BODY BGCOLOR=CYAN>. Warna bisa anda tukar dengan yang lain.

<MARQUEE>.......... </MARQUEE> adalah text bergerak. Misalnya text WELCOME mau anda gerakkan, perintahnya menjadi :

<MARQUEE><CENTER>
WELCOME</CENTER></MARQUEE> Selamat mencoba....!!!

Inilah dasar HTML

Perintah HTML dapat dibuat dalam beberapa program editor, misalnya : Notepad, Edit Plus, Front Page, dan Macromedia Dreamweaver. Program editor diatas tidak semuanya ada dalam program windows. Kalaupun ada itu harus di install terlebih dahulu. Ada satu program yang memang bawaan windows dan selalu ada di windows setelah windows tersebut di install dalam komputer kita yaitu Notepad. Artinya dengan Notepad pun kita bisa merancang Web sederhana.


Dibawah ini kita akan belajar bagaimana merancang web dengan bahasa HTML di Notepad. Pertama buka Notepad, caranya pasti sudah tidak asing lagi kan, yaitu di dalam Accessories. Kalau masih bingung juga ini caranya:

  1. Pertama buka Start.
  2. Program, Accessories,
  3. dan pilih Notepad

Perintah HTML dapat ditulis dalam huruf besar ataupun huruf kecil. tidak seperti perintah XML yang harus ditulis dalam huruf kecil. Perintah HTML diawali dengan sesuatu yang disebut tag, yaitu tanda < > , misalnya <HTML>. Jadi semua perintah harus pakai < > . Selain itu kebanyakan perintah HTML selalu berpasangan, artinya ada perintah pembuka dan perintah penutup. Perintah penutup memakai /atau slash (=baca slesh) . Sehingga kalau perintah awalnya <HTML> maka penutupnya adalah </HTML>.

Bentuk dasar perintah HTML

Panah diatas menunjukkan perintah pembuka dan penutup. Perhatikan semua perintah penutup memakai / (=slesh). Penjelasan perintah diatas sebagai berikut.

Nah, ada yang belumkan? yaitu yang memakai / atau slesh tadi. Sekali lagi itu artinya penutup. Jadi kalau pembukanya <HTML> berarti ya penutupnya adalah </HTML> dan begitu juga yang lainnya.

Coba sekarang anda ketik perintah diatas di Notepad. Kemudian simpan di komputer anda, boleh di My documents atau ditempat lainnya. Ingat nama penyimpanannya harus pakai exstensi HTML. Wah exstensi ! binatang apaan tuh? Exstensi adalah atribut atau bahasa gaulnya embel-embel lah. Jadi kalau disimpan dengan nama coba, ya menjadi coba.html , Oke kita sudah selesai sekarang dan tinggal menampilkannya di internet.

Untuk menampilkannya sebagai berikut:

  1. Buka Internet Explorer,
  2. File, open, browse
  3. Lalu cari file coba tadi, lihat sekarang file tersebut ada gambar e besar, itu artinya file HTML yang sudah menjadi Internet dan siap dibuka.
  4. Kemudian klik File tersebut dan Open, lalu OK
Dan lihat hasilnya. Untuk menambah text atau mengedit HTML, silahkan klik Notepad yang masih aktif tersebut dan tambah text di antara <BODY> dan </BODY> sesuka hati anda dan simpan kembali dengan Ctrl S, kemudian kembali lagi ke Internet Explorer dan klik Refresh.

Kenapa harus HTML

Teknologi terus berkembang, makin lama makin canggih dan selalu ada perubahan dari waktu ke waktu. Dari yang dulu sulit, sekarang makin mudah, yang dulu tidak mungkin sekarang jadi mungkin dan terbukti jadi nyata. Itulah teknologi.

Dulu sebelum ada windows, orang mengenal namanya DOS (Disk Operating System). Pengoperasiannya cukup menggunakan disket DOS untuk mengaktifkan sistemnya, Kemudian setelah aktif baru kita ganti disket aplikasi, kita mau buat surat (aplikasi WS) atau mau buat Tabel (aplikasi Lotus). Jadi DOS adalah sistem operasi layaknya windows seperti sekarang ini. Dan dulu tidak pakai mouse alias perintah nya diketik doang, jadi perintah harus di hapal di kepala, benar-benar harus punya daya ingat yang luar biasa.

Begitu juga dalam dunia web. Pembentuk perintah dasar web adalah HTML (Hypertext Markup Language). HTML ini adalah perintah dasar dalam membuat web layaknya sistem operasi DOS tadi, sehingga perintahnya ya harus dihapal. Dengan HTML kita bisa membuat tampilan web sederhana di internet yaitu berupa text, tabel, gambar dan lain sebagainya. Tapi ingat HTML hanya untuk menampilkan saja. Bukan untuk pemrograman, kalau ingin Web kita bersifat interaktif seperti adanya tanya jawab di internet (Forum), pesan dari pengujung (shoutbox), Penghitung web kita di baca orang (Hit counter), kita harus menggabungkan HTML dengan bahasa pemrograman lain.

Tapi tampilan web yang hanya menggunakan HTML ini mempunyai desain yang simpel, tidak ada variasi apapun. Kalau ingin tampilan dengan efek-efek warna yang banyak, kita harus menggunakan program lain seperti photoshop. Jadi kesimpulannya HTML ini digunakan untuk merancang tampilan web yang sederhana dan bisa digabung dengan perintah pemrograman lain.

Web yang kita buat bisa mempunyai kesan interaktif tanpa harus mengenal kode-kode program dan HTML yang ribet dan memusingkan kepala. Yaitu mengambil kode dari situs yang menyediakan forum, shoutbox atau hit counter yang banyak tersedia di internet secara gratis. Jadi kalau begitu kenapa kita harus mengenal HTML? ya jawabannya begini.

  1. Kalau mengambil kode dari yang lain tentu ada keterbatasannya dan setidaknya kita mencamtukan situs penyedia tersebut. Artinya kita tidak bisa seenaknya merubah kode-kode yang telah disediakan.
  2. Kalau untuk web pribadi bolelah menggunakan kode-kode tersebut, bagaimana kalau ingin membuat situs penjualan barang, tentu kita harus merancang sendiri kode-kode programnya menurut kebutuhan kita.
  3. Dengan HTML kita bisa mengatur tampilan menurut yang kita kehendaki, karena mungkin banyak yang memakai template yang telah disediakan seperti dalam blog ini, tapi tidak sesuai ukuran nya, jadi dengan HTML kita bisa merubah ukuran/layout dan warna sesuai yang kita kehendaki.
Apalagi bagi yang berkecimpung di dunia web dan ingin menjadi web master tentu harus mengenal HTML. Jadi mari kita mengenal HTML, walaupun kita bisa membuat web yang kita rancang layoutnya akan keluar sendiri kode HTML nya, misalnya menggunakan Macromedia Dreamweaver, front page dan lain-lain.