BELAJAR HTML

Cara Mudah Belajar HTML

Jika anda sedang mencari Panduan Belajar HTML  atau Tutorial Lengkap Belajar Dasar-Dasar HTML, mungkin posting ini bisa berguna untuk anda dalam mempelajari atau memperdalam pengetahuan tentang bahasa penulisan HTML. HTML (Hyper Text Markup Language)  adalah pemrograman yang terdiri dari simbol-simbol atau tag-tag tertentu untuk membuat/menampilkan suatu dokumen/halaman pada web browser.Simbol atau tag HTML  tersebut akan memerintahkan web browser untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio visual. Sedangkan Web Browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll. HTML mempunyai file perluasan (ekstensi) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention "*.htm"atau "*.html".

Untuk mempelajari dasar-dasar HTMLsebenarnya anda hanya memerlukan 3 alat utama yaitu referensi Panduan Belajar HTML, teks editor Notepad dan web browser (Firefox, IE, Opera, dll). Dan cara paling mudah belajar HTML adalah dengan PRAKTEK atau LANGSUNG MENCOBA. Jadi kalau sobat hanya terbengong-bengong dan pusing sendiri memandangi susunan tag HTML yang panjang tanpa pernah mencoba mempraktekkan dan melihat hasilnya, maka dijamin sobat tidak akan pernah paham. Trus gimana dong biar gampang belajar HTML ? Well saya akan share sedikit trik-trik atau cara yang saya lakukan dalam mempelajari HTML, mencoba menuliskan script HTML dan melihat hasilnya di web browser.

CARA CEPAT DAN MUDAH BELAJAR HTML

Menggunakan Teks Editor Notepad dan Browser :

1.   Mohon diingat penjelasan awal saya bahwa dokumen HTML memiliki perluasan atau ekstensi htm atauhtml.

2.   Misalnya saya menuliskan pada teks editor Notepad sebuah script HTML untuk widget twitter di  blog saya seperti tertulis dibawah ini.

3.     Berikutnya saya akan menyimpan script tadi dengan nama file kode-widget-twitter.html. Pada Notepad, pilih Save as. Dibagian File namehapus tulisan *.txt yang ada kemudian tulis/ketik nama file kode-widget-twitter.html , trus dibagian Save as type pilih All Files kemudian klik tombol Save.

4.    Selanjutnya coba buka file kode-widget-twitter.html tadi pada browser. Maka jika penulisan tag HTML sudah benar akan terlihat hasil seperti gambar dibawah ini.

Belajar Tutorial HTML melalui situs online W3Schools :

1.    Di situs www.w3schools.com/html/ini anda dapat mempelajari banyak jenis-jenis tag HTML mulai dari HTML dasar, Element, Attributes, Headings, Paragraphs, Style dan lain-lain.

2.     Kemudian untuk mencoba script atau tulisan HTML yang sobat buat, sobat dapat melihat hasilnya secara langsung melalui halaman editor yang disediakan situs ini yaitu Tryit Editor v1.5.

3.    Ketik atau tulis tag HTML anda pada halaman sebelah kiri, kemudian tekan tombol Edit and Click Me maka pada halaman sebelah kanan akan muncul hasilnya. Gampang bukan ? Kalo hasilnya ngga muncul berarti ada penulisan yang salah, tinggal edit lagi dan coba lagi aja.

Mudah-mudahan penjelasan singkat mengenai Cara membuat HTML dan Ebook Panduan Lengkap Belajar HTMLyang saya berikan bisa membantu sobat blogger yang ingin mempelajari atau memperdalam mengenai tag HTML.

PINTER NGGAWE BLOG

Tutorial membuat blog

Part: 1 Cara membuat Blog di blogger.com

1.  Buat Email Gmail terlebih dahulu.

Jika belum punya email silakan membuat email Gmail terlebih dahulu. Mengapa demikian? Ya, karena saat kita akan login, mau pun mulai daftar ke tempat bikin blognya, yakni Blogger.com, disyaratkan telah memiliki akun email gmail (bukan yang lain seperti yahoo, hotmail dan lainnya). Ini tidak saja untuk tujuan bikin blog, tapi bisa juga untuk keperluan lain, seperti daftar facebook, upload video di Youtube, dan lain sebagainya, jadi tak ada ruginya bila kita membuatnya, lagian kita bisa memanfaatkannya sebagai alat komunikasi.
Sekarang ini email bahkan bisa dibuat sebagai alat untuk mencari penghasilan dari internet dengan mengikuti beberapa program periklanan yang memang khusus untuk promosi lewat email tersebut, dan mengenai ini akan kita bahas tuntas pada segmen selanjutnya.

2.  Masuk ke www.blogger.com

(jika tidak bisa masuk dengan cara klik di atas, maka cukup ketik di google kata “blogger”)
Setelah membuka alamat website resminya di atas maka anda akan melihat gambar seperti di bawah (jadi saat masuk yang diketik adalah blogger.com, tapi setelah jadi bagian akhir alamatnya adalah blogspot.com) Silahkan isi datanya dengan alamat email dan kata sandi email yang telah kamu buat sebelumnya, lalu klik ‘Masuk’ :

Keterangan:
Di baris pertama isi dengan alamat email yang telah kamu buat sebelumnya, sedang di baris selanjutnya dengan kata sandi yang kamu pakai saat login ke akun emailmu. Pastikan jangan salah ketik karena huruf besar dan kecil dibedakan jika menggunakan password. Selain itu, lihat juga apakahcaps lock pada keyboard tidak diaktifkan karena bisa menyebabkan semua huruf yang diketik jadi huruf besar.

3.  Mulai bikin blog baru

Setelah login selanjutnya kamu akan diarahkan ke halaman seperti yang tertera di bawah, silahkan klik tombol di sebelah kiri yang bertuliskan “Blog Baru”

4.  Beri Nama dan Pilih Alamat

Selanjutnya akan muncul halaman kecil yang mana terdapat 4 langkah singkat pembuatan blog di dalamnya, yaitu:

Penjelasan:

1. Judul – Di bagian cara membuat blog gratis di blogspot ini isi dengan judul blogmu, sebaiknya yang sesuai dengan temanya agar mudah terindeks Google. Tapi ini bisa diganti kapan saja setelah blognya jadi.
2. Alamat – Pada kolom ini anda harus pilih alamat blog gratisan yang belum digunakan orang lain, mislanya bloggue.blogspot.com dan sebagainya.  Jika sudah dipesan orang maka akan terlihat tanda seru (!) berwarna kuning seperti yang terlihat pada gambar atau kalau belum ada yang gunakan sama sekali maka akan tampak tanda benar atau centang berwarna biru. Jika sudah begitu lanjutkan ke step berikutnya.
3. Template – Tampilan beberapa gambar yang terlihat ini adalah bentuk tampilan blogmu nantinya. Tapi tidak perlu khawatir karena ini masih bisa dirubah dengan yang lebih menarik dan keren dengan cara mempercantik nya melalui file template yang didownload di situs penyedianya yang gratis.
4. Klik ‘Buat Blog’ – Ini untuk men-save nama dan tampilan yang sudah dipilih dan blog gratisan sederhana anda pun telah jadi dan siap diisi berbagai artikel maupun penawaran bisnis di dalamnya.

Part: 2 Cara posting artikel

Setelah sobat berhasil membuat blog, hal berikutnya yang perlu sobat lakukan adalah memulai mengisi blog sobat dengan tulisan atau posting artikel.
Cara posting artikel di blogger sendiri bisa dibilang sangat mudah. Pada dasarnya hampir sama seperti menulis email.
Jika sobat sudah terbiasa menulis email maka untuk melakukan posting artikel di blogger bukanlah hal yang sulit untuk dipelajari.
Tapi jika sobat belum pernah menulis email maka itu artinya sobat bener-bener gaptek. Tapi jangan khawatir karena nggak ada kata terlambat untuk belajar.
Berikut ini adalah langkah-langkahnya:
#1. Pertama sobat harus login dulu kehttps://blogger.com menggunakan Akun Google :
#2. Kalau sudah masuk, sekarang tinggal klik tombol dengan icon “Pensil“:

#3. Berikutnya sobat akan diarahkan ke halaman editor artikel di blogger. Simak baik-baik gambar di bawah ini beserta penjelasannya :

Penjelasan :

• Angka 1 : Judul postingan
• Angka 2 : Isi postingan
• Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, DLL.
• Angka 4 : Format postingan. Pilih saja Compose untuk pemula
• Angka 5 : Label postingan. Penjelasan.
• Angka 6 : Tanggal artikel ditulis
• Angka 7 : Tautan permanen.
• Angka 8 : Lokasi sobat saat menulis artikel. Nggak wajib diisi
• Angka 9 : Beberapa opsi lain yang bisa dipilih
• Angka 10 : Tombol untuk mempublikasikan artikel sobat
• Angka 11 : Tombol untuk menyimpan postingan ke Draft
• Angka 12 : Preview postingan sebelum dipublikasikan

#4. Setelah sobat sedikit paham dengan menu-menu yang ada pada editor artikel di blogger, setelah itu tinggal nulis apa aja yang kepengin sobat tulis.
#5. Klik tombol “Publikasikan” kalau artikelnya sudah selesai.
#6. Jika sudah tinggal cek alamat blog sobat. Sekarang tulisan sobat sudah online dan bisa dibaca oleh banyak orang.
Nah ternyata menulis postingan di blogger sangat mudah banget bukan? Selanjutnya silakan sobat bisa ngeblog dengan sesuka hati.

Cara memasang widget

Widget atau di blogger.com disebut Gadget merupakan sebuah konten di dalam blog selain postingan dari blog itu sendiri. Widget ini biasanya berada di bagian sidebar blog.

Widget di dalam blog bisa dipasang, dicopot, dan juga dipindah-pindah sesuai keingingan. Selain itu widget ini sifatnya opsional, nggak harus dipasang di blog. Jadi sobat bisa membuat blog tanpa memasang widget sama sekali.
Berikut ini adalah langkah-langkah untuk memasang widget atau gadget di blogger:
#1. Pertama pastinya login dulu ke dasbor blog sobat
#2. Setelah login, masuk ke menu “Tata Letak”
#3. Nah di sini sobat bisa menambah widget dengan mengklik “Tambahkan Gadget”

#4. Di blogger.com sudah disediakan beberapa gadget yang siap untuk dipasang. Tentunya sobat nggak wajib untuk memasang semuanya. Cukup pilih widget yang benar-benar dibutuhkan.

Widget apa saja yang perlu dipasang?

Kebanyakan blogger pemula biasanya terlalu berlebihan dalam mamasang widget di blogger. banyak yang menganggap kalau semakin banyak widget yang terpasang di blog maka blognya akan semakin keren. Padahal kenyataan sebenernya adalah sebalikanya.
Semakin sedikit widget yang terpasang di blog maka akan semakin bagus. Alasannya karena jika memasang terlalu banyak widget akan membuat bingung pengunjung, selain itu juga akan membuat loading blog semakin lama.
Berikut ini adalah beberapa widget rekomendasi yang sebaiknya dipasang di blog:

• Widget Entri Populer
• Widget Label
• Widget Arsip
• Widget Profil

Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widgetHTML/JavaScript.
Fungsi widget ini untuk menambahkan widget menggunakan kode HTML dan juga JavaScript. Umumnya digunakan untuk memasang widget pihak ketiga (widget bukan dari blogger.com) dan juga untuk memasang banner iklan.

Part: 3 Cara mengganti/memasang template

Salah satu fitur keren yang ada di blogger adalah kita bisa mengganti template atau tampilan blog kita sesuai keinginan.
Di blogger.com sudah disediakan beberapa template-template default yang bisa dipilih, selain itu sobat juga bisa menggunakan template pihak ketiga yang sudah bertebaran di internet.
Nah kemungkinan besar sobat akan lebih memilih untuk menggunakan template pihak ketiga karena template yang sudah disediakan blogger rata-rata jelek dan terlalu sederhana.

Terus gimana caranya untuk mengganti template di blog saya?

Silakan disimak di bawah ini:

1. Mencari template blogger

Nah untuk mengganti template blog dengan template pihak ketiga, hal pertama yang perlu sobat lakukan adalah mencari template blogger untuk didownload.
Di luar sana banyak sekali penyedia template blogger, puluhan bahkan sampai ratusan, dari yang gratis sampai yang berbayar.
Untuk mencari penyedia template tersebut cukup cari di google dengan kata kunci seperti ini:


2. Meng-extract file template

File template yang nanti sobat download umumnya dalam format .zipatau .rar.
Untuk memasangnya di blog sobat perlu meng-extract file tersebut.
Caranya seperti gambar di bawah ini:

Setelah diekstrak nanti di dalamnya terdapat file dengan ekstensi .xml, nah file itulah yang nanti akan sobat pasang ke blogger.
Setelah sobat mendownload template dan mengekstrak file .zip, langkah berikutnya tentu saja memasangnya di blog.
Caranya sangat mudah sekali. Berikut adalah langkah-langkahnya:
#1. Masuk ke dashboard blog sobat
#2. Klik menu “Template”

#3. Klik tombol “Cadangkan / Pulihkan”
#4. Sebelum memasang templatenya, klik dulu tombol “Unduh template lengkap” untuk mengunduh template yang sedang dipakai sebagai backup.

#5. Kalau templatenya sudah di-backup, selanjutnya klik “Choose File” dan pilih template baru yang ingin sobat pasang.

#6. Terakhir tinggal klik tombol “Unggah”
Sekarang silakan cek alamat blog sobat untuk melihat apakah templatenya sudah sukses terpasang atau belum.
Setelah mengganti template biasanya sobat perlu mengatur kembali widget-widget yang terpasang di blog.
Nah kira-kira begitulah cara mengganti template di blogger. Bener-bener gampang banget. Jangan dibikin ribet. 

Part: 4 Cara mengganti judul blog dengan logo

Hal lainnya yang bisa dilakukan supaya blog sobat tambah keren adalah dengan mengganti judul blog dengen sebuah logo.
Berikut adalah langkah-langkah cara mengganti judul blog sobat dengan gambar logo:
#1. Pertama sobat harus membuat terlebih dahulu sebuah logo untuk dijadikan sebagai judul blog.
#2. Login dulu ke dasbor blog sobat.
#3. Setelah itu masuk ke menu “Tata Letak”
#4. Klik “Edit” pada bagian Judul Blog
#5. Selanjutnya tinggal ikuti petunjuk di bawah ini:

• Pilih file gambar logo di komputer sobat
• Pilih “Selain judul dan keterangan“
• Klik “Simpan“

Part: 5 Cara membuat halaman statis

Halaman statis atau di blogger disebut sebagai “Laman” pada dasarnya hampir mirip seperti pos, hanya saja memiliki perbedaan dan fungsi tersendiri.

Salah satu contoh sederhana penggunaan fitur laman ini adalah untuk membuat halaman sepertiTentang Saya, Kontak Saya,Disclaimer, DLL.

Berikut adalah beberapa perbedaan mendasar antara Pos dan Laman:

Pos

• Ditampilkan di halaman depan blog
• Diarsipkan berdasarkan tanggal publish
• Memiliki label, tanggal publish dan author
• Dikhususkan untuk konten yang sering diupdate
• Menggunakan format URL permalink seperti ini:
  http://namablog.blogspot.com/tahun/bulan/nama-post.html

Laman

• Secara default tidak ditampilkan di halaman depan blog
• Tidak diarsipkan berdasarkan tanggal publish
• Tidak memiliki label, tanggal publish dan author
• Dikhususkan untuk konten yang jarang diupdate
• Menggunakan format URL permalink seperti ini:
  http://namablog.blogspot.com/p/nama-laman.html

Nah untuk membuat laman ini prosesnya hampir nggak ada bedanya dengan posting artikel di blogger.

Berikut ini adalah langkah-langkahnya:

#1. Masuk dashboard blog sobat.

#2. Klik menu “Laman”

#3. Klik tombol “Laman baru”

#4. Sekarang tinggal sobat isi Judul dan juga Konten untuk halaman statis blog sobat

#5. Jika sudah jadi, selanjutnya tinggal klik saja tombol “Publikasikan”

Seperti yang sudah disebutkan di atas, laman di blogger secara default tidak ditampilkan di blog. Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat.

Untuk menampilkan link laman tersebut sobat bisa menggunakanWidget Laman, atau bisa juga secara manual dengan kode HTML yang dipasang di dalam template.

1. Menggunakan widget laman

Cara pertama yang bisa sobat lakukan adalah dengan menggunakan widget laman.

Berikut ini adalah langkah-langkahnya:

#1. Masuk ke menu “Tata Letak”

#2. Klik “Tambahkan Gadget”

#3. Pilih widget “Laman”

#4. Centang halaman statis yang ingin sobat tampilkan

#5. Jika sudah, selanjutnya tinggal klik saja “Simpan”

Sekarang link halaman statis sudah muncul di blog sobat.

2. Menggunakan kode HTML

Selain menggunakan widget laman, sobat juga bisa menampilkan link laman menggunakan kode HTML yang diletakan di dalam template.

Sobat tidak perlu jago HTML untuk menggunakan cara ini, tapi memiliki pemahaman yang cukup tentang HTML sangatlah diperlukan.

Jika sobat menggunakan template pihak ketiga, maka kemungkinan besar template sobat sudah memiliki fitur menu navigasi. Artinya sobat bisa menggunakan menu navigasi tersebut untuk menampilkan laman. Jadi sobat hanya perlu mengedit URL link saja.

Berikut ini adalah contoh langkah-langkah memasang link laman pada menu navigasi.

#1. Masuk ke menu “Template”

#2. Klik “Edit HTML”

#3. Cari kode yang kurang lebih seperti in

Setelah itu tinggal ganti tanda pagar dengan URL laman dan ganti tulisan “Menu” sesuai dengan keinginan.

Note: Untuk mengetahui URL laman sobat bisa melihatnya melalui menu laman di dashboard blogger.

#4. Jika sudah, klik “Simpan template”

Begitulah kira-kira proses cara membuat halaman statis di blogger dan menampilkan link laman di blog.