Tahap awal menjadi blogger untuk pemula
Tahap awal belajar blogger untuk pemula
Sebelum mengenal lebih jauh tentang seorang blogger adalah mengetahui dulu apa itu blog. Blog merupakan situs web buatan google yg mempunyai domain blogspot. Seseorang boleh dikatakan blogger (pemain blog) jika dia memiliki hak akses situs blog dan mampu menggunakan dg baik situs blog tersebut.
Langkah pertama menjadi blogger
Perlu anda ketahui bahwa blogger harus mengetahui beberapa hal atau poin penting dalam menjalankan situsnya. Pertama,seorang blogger harus menguasai beberapa bahasa pemrograman terutama HTML yg menjadi poin utama menjadi seorang blogger. intinya adalah menguasai html terlebih dahulu sebelum mempelajari bahasa pemrograman yg lain. Apa itu html? mari kita belajar membuat blog dari awal sampai akhir .Mengenal sejarah HTML
HTML dibuat pada tahun 1990 oleh seorang ilmuan yang bernama Tim Berners-Lee. Tujuan awal dibuatnya HTML ini untuk memudahkan para ilmuan ketika akan mengakses dokumen mereka satu sama lain.
Ternyata hasilnya lebih dari yang dibayangkannya, HTML menjadi pondasi untuk website seperti yang dikenal saat ini.
HTML adalah sebuah bahasa markup standar singkatan dari Hyper Text Markup Langunge. Dengan HTML memungkinakan Anda untuk menampilkan informasi di internet. Browser akan menampilkan code HTML dengan tampilan seperti yang Anda baca saat ini, untuk melihat code HTML silakan klik kanan kemudian pilih View page source,jika di versi desktop/komputer menggunakan (ctrl+u) sedangkan pada Hp/smartphone menggunakan 'view-source:www.contohsitus.com' pada address bar.
Memahami tag, element dan attribute
Sebelum mulai membuat blog yaitu anda harus mempelajari struktur html. Yang dimana html sendiri memiliki struktur kode meliputi element, tag, dan attribute. Bagaimana mempelajari struktur kode html? Berikut ini saya jelaskan mengenai apa itu element, tag, dan attribute.
Element
Element yang ada di HTML akan membentuk sebuah struktur dan memberi perintah pada browser untuk menampilkan halaman. Dan struktur elemen itu terdiri dari tag pembuka, konten, dan tag penutup.
Penjelasannya ialah tag menggunakan tanda "<" sebagai pembuka element dan tanda ">" sebagai penutup element. Bisa dibedakan dengan melihat dua jenis tag, yaitu tag pembuka "<html>" dan tag penutup ditandai dengan garis miring "</html>"
Sebagai contoh : sebuah elemen garis bawah memiliki tag pembuka "<u> " dan tag penutup "</u>"
<u>element garis bawah</u>
Kemudian untuk membuat sebuah heading dan subjudul itu menggunakan element "h1,h2,h3,h4,h5 dan h6" . Urutan heading terbesar dimulai dari h1 hingga ke h6.
- <h1>Ini adalah h1</h1>
- <h2>Ini adalah h2</h2>
- <h3>Ini adalah h3</h3>
- <h4>Ini adalah h4</h4>
- <h5>Ini adalah h5</h5>
- <h6>Ini adalah h6</h6>
Attribute
aturan-aturan penulisan pada sebuah attribute:
- nama pada attribute harus diikuti dengan tanda sama dengan
- nilai pada attribute harus himpit dengan dua tanda petik pada pembuka dan penutup
- kalau menggunakan lebih dari satu attribute harus menggunakan spasi sebagai jarak antar satu dengan attribute lain.
Sebagai contoh menggunakan attribute lebih dari satu:
<a href="https://penawisnu.blogspot.com" title="Alamat situs Blog saya" >Blog saya </a>
hasilnya: " Blog saya "
Diatas adalah contoh penggunaan attribute pada tag <a>
- href - element ini digunakan untuk mengisi alamat sebuah website yg apabila di klik browser akan menuju ke tautan link tersebut. Pada contoh di atas saya menggunakan alamat blog saya : href="penawisnu.blogspot.com/"
- title - Untuk attribute title sendiri fungsinya ketika kursor digerakan pada link tersebut akan menunjukan informasi tautan link. Pada contoh diatas saya menggunakan title="Blog saya"
Mulai menggabungkan struktur HTML
Setelah anda memahami bagaimana struktur html kemudian anda menggabungkan antara satu dengan lainnya. Bagaimana struktur html dapat bekerja dengan baik? Yang terpenting pada poin ini yaitu cara penggunaan dan penempatan struktur html seperti yg sudah saya jelaskan diatas dengan dilakukan dengan tepat. Intinya untuk menggabungkan struktur html dengan benar itu bagaimana penempatan pada posisi tag pembuka, konten, dan tag penutup.
Simak penjelasan struktur html dibawah ini :
<!DOCTYPE html>
- Merupakan sebuah deklarasi dari sebuah dokumen<html></html>
- Merupakan element utama penting karena semua struktur terdapat di dalamnya.<head></head>
- Merupakan element yg berfungsi untuk memasukan konten yg tdk ditampilkan. Konten dapat berisi Keyword, deskripsi, CSS dan lain-lain.<meta charset="utf–8">
- Ini dapat berfungsi untuk memberitahukan browser mengenai pengkodean karakter yang sesuai dengan ketentuan UTF-8.<title></title>
- Berfungsi untuk memberikan judul halaman yg akan muncul pada tab browser.<body></body>
- Berisi konten yang ada pada halaman.
Lihat struktur kode html yg digabungkan dibawah ini :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Halaman pertamaku</title> </head> <body> <p>Ini adalah halaman pertamaku</p> </body> </html>
Buat situs web anda sendiri
Sekarang anda siap membuat situs web anda sendiri. Untuk membuatnya sangatlah mudah,hal yg pertama disiapkan untuk membuat situs web yaitu download text editor seperti notepad++. Buka text editor kemudian salin dan paste kode diatas dalam notepad++. lalu simpan/save file tersebut. simpan dengan format html contoh : "index.html" .
Sekarang buka file tersebut menggunakan browser google,opera atau UC browser. Lihatlah hasil halaman pertama yg anda buat.
Mendesain situs blog
Mendesain situs blog adalah hal yang wajib karena interface sebuah tampilan halaman sebuah situs web mampu menyajikan situs yg user friendly dapat menarik pengunjung situs anda. Hal pertama untuk mendesain situs web yaitu anda harus memahami atau menguasai bahasa html dan CSS, menurut saya itu sudah cukup untuk mendesain sebuah situs blog anda. Baca juga Cara mendesain situs web yang user friendly.
Sebelum anda mendesain sebuah situs web anda sendiri pastikan bahwa situs anda memiliki file template untuk memberikan interface yg dinamis. Apa itu template? template merupakan file yg berisi coding desain tampilan situs blog, jika anda belum mempunyai sebuah template anda silahkan Download template yg seo dan user friendly.
Setelah mengunggah file template pada situs blog anda, silahkan ubah tampilan dan tata letak sesuai selera dan kebutuhan situs anda menggunakan skill yg anda miliki menggunakan bahasa pemrograman agar mempercantik halaman situs blog.
Demikian bagaimana cara memulai menjadi seorang blogger. Cukup sekian dan semoga bermanfaat.