Senin, 02 Februari 2009

Belajar Blog Otodidak

Assalamu 'alaikum...

Met pagi...Met siang...Met sore...Met malam...met apa lagi ya ???Photobucket hehehe...kayaknya dah mantap untuk masuk disini ! Oke langsung aja, sesuai dengan judulnya "BeLaJaR bLoG oToDiDaK" saya akan memberikan pelajaran pertama...Photobucket siap pak gulu !!! hehehe...emm...nah pelajaran pertama kita hari ini adalah mengenal "Dasar-Dasar HTML" nah simak ya...
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat baris baru dll.Bagi yang belum menyimak pengertian tentang blog lebih baik kamu simak dulu klik pengertian tentang blog ! agar belajarnya lebih gampang...baik kita mulai pelajaran pertama "Dasar-Dasar HTML" ;

* Langkah-langkah yang diperlukan :
1. Hal yang paling mudah untuk belajar adalah Login dulu ke BLOG anda, kemudian pilih Posting > > > Buka entri baru > > > Pilih edit HTML (lihat gambar dibawah 1.0)
(gambar 1.0)
2. Selanjutnya kita akan membuat hal yang sederhana terlebih dahulu, yaitu memasukkan gambar, caranya dengan menuliskan kode berikut ini

< img src="http://i643.photobucket.com/albums/uu158/Hendro_06/fatm.gif"/>

ketik seluruh kode diatas di halaman HTML blog kamu, kemudian klik "TULIS" (lihat gambar 1.1 )




Setelah anda menulis kode sama persis seperti di atas maka hasilnya seperti berikut ini :


Jika gambar tidak muncul atau tak ada tulisan sama sekali sebaiknya kamu klik HTML kembali lihat gambar 1.0 di atas, kemudian periksa dengan cermat tiap huruf kode yang anda tulis ! Jika anda merasa yakin benar, silahkan klik kembali "TULIS" lihat gambar 1.1, gimana berhasilkan !? oke kalau begitu pelajaran pertama telah selesai, kesimpulannya tiap kali ingin menambahkan gambar dalam format HTML anda harus memakai kode <img src= isi dengan alamat gambar kamu jangan lupa tanda ["] diawal alamat dan ["] diakhir alamat gambar kamu, kemudian selalu akhiri dengan /> .Pelajaran selanjutnya akan membahas AlAmAt GaMbAr, MeMbUaT lInK dan kOdE-kOdE wArNa HTML. Semoga berhasil...

Photobucket

Selengkapnya...

  © Fatal Muntadzor Desain Grafis and Desain Solo 2009

Back to TOP