Assalamualaikum..
Untuk menjadi blogger yang expert tentu saja kita juga harus belajar bagaimana mendesain dan mengoptimalkan blog yang kita miliki. Untuk itu HTML yang menjadi bahasa dalam pengoperasian blog menjadi hal yang penting untuk kita pelajari. Nah, Kali ini saya akan share mengenai beberapa struktur kode dasar yang cukup sering penggunaannya, walaupun mendasar namun bila bisa kita optimalkan maka akan memberikan manfaat yang besar bagi kita.
1. Heading.
Heading didefinisikan mulai dari <h1> sampai <h6>. Namun jangan terbalik, <h1> justru memiliki ukuran yang terbesar, berkebalikan dengan nilainya dengan hitung - hitungan matematika :D
Langsung saja dari pada bingung ini dia contohnya :
<h1>Contoh h1</h1>Hasilnya : Contoh h1
<h2>Contoh h2</h2>Hasilnya : Contoh h2
dan seterusnya hingga h6 yang memiliki ukuran paling kecil..
2. Paragraf
Untuk membuat paragraf kita bisa menggunakan kode berikut ini :
<p>Isi paragraf disini</p>Langsung saja contohnya :
<p>Ini adalah sebuah paragraf</p>Hasilnya :
<p>Ini adalah paragraf lainnya</p>
Ini adalah sebuah paragraf3. Link
Ini adalah paragraf lainnya
Terkadang kita perlu untuk membuat / menambahkan suatu link untuk berbagai keperluan. Caranya denga kode berikut :
<a href="alamat URL disini">Text yang ditampilkan pada link</a>Contohnya :
<a href="http://ourreference.blogspot.com">Blog mas IRFAN</a>Hasilnya: Blog mas IRFAN
4. Gambar
Untuk menyisipkan gambar bisa dengan kode berikut ini :
<img src="alamat URL gambar" width="Lebar gambar" height="Tinggi gambar" />Contoh :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Lg4oTtkbUTdAhZBKzUiiro0uq9PUZj4avub9ACwXEFE8-zJ8pP1YcN1xBiRTqgA1F9xvSHT8HZY-XpeQIgoSiDFISTemQQkjcNNJzS81K2TKPNa_xMVjw6V8a9lmd-Gvg3hC8IUhjvs/s1600/header+blog+copy.png" width="400" height="150" />Hasilnya :
Demikian tadi beberapa struktur kode dasar HTML.. semoga dapat membantu :)
Regards,
Irfan
Berlangganan Artikel Referensi Kita
Related Post:
blog
- Cara Mengetahui Blog ID Kita
- Aplikasi Mobile yang Sebaiknya Dimiliki Seorang Blogger
- Apa Itu Google Author Rank dan Bagaimana Cara Kerjanya ?
- Membuat Text Area yang Kreatif
- Cara Membuat Footer Blog Menjadi 3 Kolom
- Sekarang Anda Bisa Mention Nama Pengguna Dalam Post Dengan Google+
- Menu Navigasi Ajax Keren
- Model Bisnis Online yang Potensial
- Cara mengetahui kode HTML dari warna
- Cara Menambahkan Meta Description Pada Blog Dengan Menggunakan Setting/Pengaturan Blogger
- Menambahkan Emoticon/Smile Pada Posting Blog
- Page Rank Pertama
- Cara Mengatur Jumlah Post yang Ditampilkan Setiap Halaman Label
- 15 Alternatif Pengganti Google AdSense
- Cara Membuat Custom Permalink Pada Post Blog
- Cara Membuat Header Blog Berisikan Link
- 6 Cara Membuat Template Blog Menjadi SEO Friendly
- Mengganti Tag Heading Judul Blog Agar Menjadi Lebih SEO Friendly
- Cara Membuat Related Post Dengan Scroll
- Menambahkan Rel Canocial pada Blog
- Facebook Recommendations Bar Official Untuk Blogger
- Cara Memasang Kotak Follower Box Twitter Pada Blog
- Membuat Page Title Blog Menjadi Lebih SEO Friendly
- Cara Memasang Meta Keyword dan Deskripsi Blog
- Tampilan Baru
tipstrikblog
- Cara Mengetahui Blog ID Kita
- Aplikasi Mobile yang Sebaiknya Dimiliki Seorang Blogger
- Apa Itu Google Author Rank dan Bagaimana Cara Kerjanya ?
- Membuat Text Area yang Kreatif
- Cara Membuat Footer Blog Menjadi 3 Kolom
- Sekarang Anda Bisa Mention Nama Pengguna Dalam Post Dengan Google+
- Cara mengetahui kode HTML dari warna
- Menambahkan Emoticon/Smile Pada Posting Blog
- Cara Mengatur Jumlah Post yang Ditampilkan Setiap Halaman Label
- Cara Membuat Custom Permalink Pada Post Blog
- Cara Membuat Header Blog Berisikan Link
- Auto New Tab : Membuat Semua Link Otomatis Dibuka pada Tab Baru
- Cara Menghilangkan Tulisan Subscribe to: Post Comments (Atom) Pada Blog
Post a Comment