Cara Mudah Membuat Blog Dengan Blogspot

Cara Mudah Membuat Blog dengan Blogspot 

Blog adalah media dimana Anda bisa membuat tulisan - tulisan beserta gambar dan video pelengkap lalu di publish agar orang lain dapat membacanya. Setiap orang pasti punya tujuan tertentu mengapa mereka melaksanakan kegiatan yang biasa disebut blogging ini. Ada yang hanya mengisi waktu luang, mencurahkan isi hati, berbagi tips maupun tutorial dan masih ada banyak alasan - alasan lainnya. 

Banyak platform blog yang dapat kita temui saat ini seperti Blogspot, Wordpress, Thumblr, Mywapblog dan Blog. Macam - macam platform blog tersebut memiliki fungsi yang sama seperti yang sudah saya jelaskan di atas, yaitu membuat tulisan beserta gambar dan video. Kali ini saya akan bantu Anda bagaimana cara mudah membuat blog dengan blogspot. 

Supaya blog Anda lebih mudah dikenali oleh Google dan target visitor, ada baiknya jika Anda mulai mempelajari apa saja yang harus disiapkan sebelum membuat blog. Beberapa persiapan yang perlu Anda tahu diantaranya yaitu menentukan niche atau tema blog, alamat blog yang sesuai dengan tema blog Anda, menentukan template dan konten blog. 

Artikel Pendukung: 6 Persiapan Membuat Blog Untuk Pemula

5 Langkah Membuat Blog Dengan Blogspot

Ada 5 langkah utama yang harus Anda lakukan untuk membuat blog dengan blogspot sampai jadi dan siap untuk mempublish tulisan kepada masyakarat eh masyarakat hehe...

1.     Membuat akun blogspot di blogger

2.     Membuat postingan atau artikel di blogspot

3.     Membuat halaman di blogspot

4.     Menambah widget di blogspot

5.     Mengganti template blogspot lebih profesional

Oke, siapkan laptop dan koneksi internet Anda. Mari kita mulai.

Membuat Akun Blogspot di Blogger

Sebelum membuat blog dengan blogspoy, pastikan Anda sudah membuat akun email, tapi kalau belum punya Anda bisa belajar cara membuat email dengan Gmail. Kenapa harus Gmail? Karena blogspot adalah platform milik Google, oleh sebab itu kita harus menggunakan Gmail. Sebelum memulai, pastikan bahasa browser Anda menggunakan bahasa Inggris karena ketika saya membuat tutorial ini bahasa yang saya gunakan di blogspot adalah bahasa Inggris, tapi kalau Anda tetap menggunakan bahasa Indonesia juga tidak apa - apa yang penting Anda bisa memahami dan mengikut tutorial ini. 

Kalau email dan pilihan bahasa sudah siap, maka ikuti langkah - langkah ini.

1.     Buka websitenya blogger di www.blogger.com, klilk SIGN-IN dan masukkan username serta password email Anda.

2.     Jika sudah masuk, maka Anda akan menemui tampilan awal blog. Tidak perlu bingung, cari tombol CREATE NEW BLOG dan klik tombolnya.

3.     Muncul jendela baru berupa pop-up lengkap dengan kolom TITLE dan ADDRESS blog yang harus Anda isi serta opsi THEME yang harus Anda pilih. Title adalah judul blog Anda sedangkan address adalah alamat blog. Karena saya akan membuat blog bengkel mobil bernama Tomcat Racing, maka judul blog saya beri nama Tomcat Racing dan bengkeltomcat.blogspot.com sebagai alamatnya. Pastikan ketika Anda memilih alamat blog muncul tulisan "This blog address is available". Tapi jika yang muncul adalah "Sorry, this blog address is not availlable" itu berarti alamat blog sudah dipakai oleh orang lain. Jadi, Anda harus mengganti dengan alamat lain, tapi masih sesuai dengan judul blog Anda. Jangan lupa pilih template blog, untuk saat ini pilih terserah Anda karena nanti kita juga akan belajar mengganti template blog.

4.     Jika sudah, maka silakan Anda klik CREATE BLOG untuk menyelesaikan pembuatan blog.

Nah, sekarang blog Anda sudah jadi dan sebetulnya sudah bisa digunakan untuk membuat tulisan berupa artikel yang sudah dipersiapkan sebelumnya. Orang sudah bisa berkunjung ke blog Anda dengan mengakses nama domain (address) yang tadi sudah Anda daftarkan. Tapi untuk membuatnya lebih maksimal, ada baiknya anda simak dan praktekkan langkah selanjutnya.

Membuat Postingan atau Artikel di Blogspot

Postingan atau artikel ini akan berisi tulisan - tulisan hasil kreatifitas Anda. Saya menyarankan untuk tidak meng-copy paste artikel milik orang lain karena Google bisa saja mengetahui bahwa artikel Anda hasil meniru atau orang sering menyebutnya plagiat yang berdampak pada buruknya reputasi blog Anda. Upayakan artikel Anda adalah murni hasil usaha Anda dengan tidak melakukan plagiarisme. Tapi kalau Anda masih saja berusaha untuk mengcopy paste milik orang lain, maka bisa - bisa blog Anda di banned oleh Google yang artinya Anda tidak bisa lagi menggunakan blog untuk aktifitas blogging seperti biasa.

Artikel Pendukung : Cara Cek Tingkat Plagiat Artikel

Untuk membuat artikel, Anda lihat di bagian menu kiri. Klik POSTS, kemudian klik NEW POST. Jika langkah Anda benar maka akan muncul tampilan seperti berikut.

Untuk mempermudah Anda membuat artikel dengan blogspot, maka gambar diatas saya beri tanda berupa nomor dan akan saya jelaskan fungsinya satu per satu di setiap bagian :

1.     Compose adalah tampilan yang saat ini Anda lihat.

2.     HTML adalah tampilan berupa kode - kode pemrograman.

3.     Undo adalah kembali ke perubahan sebelumnya.

4.     Redo adalah menuju ke perubahan berikutnya.

5.     Post Title adalah kolom judul artikel Anda. Usahakan judul tidak lebih dari 9 kata supaya tidak dipotong oleh Google pada tampilan hasil pencarian.

6.     Font adalah menu untuk memilih style atau model tulisan. Ada beberapa model tulisan yang disediakan disitu.

7.     Font Size adalah menu untuk merubah ukuran tulisan.

8.     Format adalah menu untuk memilih jenis tulisan. Biasanya dibuat untuk memformat judul dan subjudul.

9.     Bold untuk menebalkan tulisan.

10. Italic untuk memiringkan tulisan.

11. Underline untuk menggarisbawahi tulisan.

12. Strikethrough untuk mencoret tulisan.

13. Text Color untuk memberi warna pada tulisan.

14. Text Background Color untuk memberi warna background pada tulisan.

15. Add or Remove Link untuk memberi link pada tulisan yang menghubungkan ke halaman / website lain.

16. Insert Image untuk memasukkan gambar ke artikel.

17. Insert a Video untuk memasukkan video ke artikel.

18. Insert Special Character untuk memasukkan karakter khusus seperti emoticon senyum dan simbol matematika unik lainnya.

19. Insert Jump Break untuk memberi jarak spasi atas dan bawah.

20. Alignment untuk menentukan rata paragraf.

21. Numbered List untuk memberi daftar berupa angka.

22. Bullet List untuk memberi daftar berupa titik bullet.

23. Quote untuk membuat paragraf khusus kutipan.

24. Remove Formatting untuk menghapus format tulisan ke bentuk semula.

25. Check Speelling untuk mengecek ejaan kata.

26. Nama Anda sebagai pembuat postingan.

27. Publish untuk menyimpan dan mempublish artikel agar dapat dibaca visitor blog.

28. Save untuk menyimpan postingan, jika Anda hanya klik save maka artikel akan menjadi draf. Tapi jika Anda klik publish maka artikel akan terpublish sekaligus tersimpan.

29. Preview untuk melihat artikel sebelum di publish.

30. Close untuk menutup halaman yang digunakan untuk membuat artikel.

31. Label atau sering disebut tag berguna untuk memberi "tema" pada artikel. Jadi jika Anda membuat 10 artikel dengan tag yang sama dan Anda klik tag tersebut, maka semua artikel dengan tag tersebut akan muncul.

32. Schedule untuk memberi jadwal kapan artikel Anda akan di publish secara otomatis.

33. Permalink adalah url artikel Anda. Contoh : https://klikfadhil.blogspot.co.id/2017/03/linux-user-group-stikom-surabaya.html.

34. Location untuk memberi lokasi secara geografis dimana artikel Anda dibuat.

35. Option ini berguna untuk mengatur apakah artikel ini bisa di beri komentar oleh vistor. Kemudian menetukan enter dan mode compose.

Membuat Halaman Baru di Blogspot

Untuk memperbanyak isi blog Anda, selain dari pembuatan artikel ada juga yang namanya pembuatan halaman di bogspot. Halaman ini biasanya berisi tentang topik tertentu yang dibahas di dalamnya. Contoh seperti halaman "About Us" atau "Tentang Kami" yang mungkin sering Anda lihat di website - website pada umumnya. Di halaman ini sering membahas profil dari pembuat blog atau bisa juga profil dari perusahaan (jika blog itu dibuat untuk perusahaan). Ada lagi contoh halaman "Galeri" yang diisi dengan foto - foto hasil pekerjaan atau kegiatan - kegiatan yang pernah Anda lakukan.

Untuk membuat halaman baru di blogspot, silakan lihat menu di sebelah kiri.

• Klik PAGES,
• kemudian klik NEW PAGES.

Jika langkah Anda benar, maka akan muncul tampilan seperti ini.

Apa yang bisa kita lakukan disini ?

Membuat halaman mirip seperti membuat artikel biasa, bedanya adalah ketika halaman terbuat maka dia akan muncul di bagian menu blog (navbar) dan akan tetap berada disitu.

Tetapi ketika Anda membuat artikel, dia akan muncul di halaman utama blog (home) dan akan hilang jika ada artikel baru yang dibuat. Kenapa bisa hilang ? Karena artikel terbaru akan berada di atas artikel lama. Jangan kuatir, maksudnya hilang disini bukan berarti hilang selamanya, melainkan artikel tidak ditampilkan lagi di halaman utama blog tapi masih bisa diakses dengan cara melihat widget blog archive.

Menambah Widget di Blogspot

Untuk melengkapi proses pembuatan blog supaya lebih menarik, Anda perlu menambah gadget atau lebih sering disebut widget. Widget adalah suatu fitur yang dibuat dengan serangkaian kode - kode pemrograman yang memiliki fungsi tertentu pada blog. Ada beberapa widget yang sering dipasang oleh para pemain blogger untuk mempermudah visitor mengakses artikelnya. Disini Anda tidak perlu susah payah membuat widget sendiri karena sudah disediakan banyak oleh blogspot.

Untuk menambah widget, lihat menu di sebelah kiri. 

• Klik menu LAYOUT.
• klik ADD A GADGET di lokasi yang Anda inginkan.
• Pilih gadget yang sudah disediakan oleh Blogspot. Saya sarankan Anda untuk memasang widget utama yang harus ada di blog yaitu LABELS, POPULAR POST dan BLOG ARCHIVE. Widget ini berguna untuk mempemudah visitor dalam hal navigasi atau berpindah dari satu halaman ke halaman lain.

• Klik SAVE untuk menyimpan perubahan dan widget akan terpasang di blog dengan letak sesuai dengan yang sudah Anda tentukan tadi.

Mengganti Template Blogspot Lebih Profesional

Mengganti template blog sifatnya adalah opsional, tidak memaksa, sekali lagi ini tidak memaksa dan sesuai dengan selera Anda saja. Tapi jika Anda mengganti template blog, maka tampilan blog akan terlihat selain lebih bagus juga terlihat lebih profesional. Ada banyak website penyedia template blog yang gratis dan mudah untuk di dapatkan. Silakan Anda kunjungi beberapa website berikut :

• www.btemplates.com
• www.deluxetemplates.net
• www.gooyaabitemplates.com
• www.bloggertemplatesfree.com
• www.besttheme.net

Ada banyak template blog yang disediakan disitu bahkan sampai ratusan jumlahnya. Ada kategori yang bisa Anda pilih untuk mempermudah dalam pemilihan template sesuai dengan niche (tema / topik yang dibahas) blog Anda. Disini saya menggunakan template dari btemplates.com. Pilih template mana yang Anda suka, pastikan sebelum mendownload Anda sudah melihat previewnya sekilas dengan klik tombol Live Demo atau Preview. Kalau sudah yakin, maka silahkan di download templatenya.

Setelah file selesai di download (biasanya berupa file berextensi rar / zip), maka extract dulu filenya. Kemudian cari file yang berextensi XML. Kalau sudah ketemu, itu berarti Anda sudah sukses mendownload template.

Sekarang kita beralih lagi ke blogspot. Lihat menu kiri.

• Klik THEME. 
• Maka akan muncul tampilan seperti ini.

Sebaiknya, sebelum mengganti template blog usahakan Anda mengerti cara membackup template dengan benar. Ini berguna jika tiba - tiba proses penggantian template ini gagal, Anda punya file template sebelumnya yang sudah Anda backup telebih dahulu.

Kalau sudah melakukan proses backup, sekarang Anda lakukan proses ini.

• Klik tombol Backup/Restore di sebelah kanan atas dan akan muncul jendela pop up. 
• Klik tombol BROWSE dan cari file berextensi XML yang tadi sudah Anda lihat sebelumnya. Kalau sudah ketemu, 
• klik UPLOAD.

Tunggu beberapa saat, biasanya kurang dari 6 detik proses sudah selesai kok. Kalau proses telah selesai 100%, maka tamplian blog Anda akan berubah. Ini terbukti dengan perubahan preview tampilan blog di menu THEME yang berubah sesuai dengan template yang Anda pilih.

Nah untuk melihat hasil perubahan tampilan yang lebih jelas Anda bisa mengunjungi blog dengan memasukkan alamat blog di browser atau dengan cara klik tulisan "View blog" dan lihat perubahannya. Sekarang tampilan blog Anda terlihat lebih bagus dan lebih profesional dibandingkan dengan tampilan yang sebelumnya.

Sampai disini Anda sudah banyak belajar cara mudah membuat blog dengan blogspot. Lanjutkan dengan mengisi konten berupa artikel yang menarik sesuai dengan tema blog yang sudah Anda rencanakan di awal. Semakin banyak dan semakin menarik artikel yang Anda buat, maka blog Anda akan dikunjungi oleh banyak visitor setiap harinya.

Pemenang Lomba Programming Stikom 2016

Lomba dibidang pemrograman banyak diadakan di berbagai tempat, baik itu diadakan oleh kampus, baik itu diadakan oleh instansi dan juga komunitas. Di bulan November 2016 lalu Institut Bisnis dan Informatika Stikom Surabaya tidak mau ketinggalan kalau hanya masalah lomba seperti ini. Lomba dibidang pemrograman juga diadakan di kampus saya saat itu. Lomba Internal Programming yang diadakan di Stikom Surabaya dibantu oleh Himpunan Mahasiswa Sistem Informasi ini bertema "Develop an Innovative Application To Get The Better Education" hmm ribet amat temanya ya haha. Intinya begini, kita diharuskan untuk membuat aplikasi dengan tema pendidikan.

Aturan Lomba

Ketika Anda mendaftarkan lomba, pasti ada aturan yang harus dipatuhi. Nah aturan lomba Internal Programming Stikom ini adalah 1 team maksimal 3 orang. Sendiri boleh? ya boleh saja tapi masa mau sendirian, itu mau ikut lomba apa uji nyali hehe. Lalu kita juga harus membuat aplikasi yang sesuai dengan tema yang sudah ditentukan oleh panitia.

Setiap team juga harus membuat proposal yang berisi penjelasan - penjelasan seputar aplikasi yang dibuat mulai dari rumusan masalah, ide, tujuan dan manfaat lengkap dengan dokumen power point untuk presentasi terbuka saat penjurian. 

Penjurian dilakukan di tempat terpisah antara web dan mobile dengan juri masing - masing yaitu 2 orang.

Kategori Lomba

Lomba ini dibagi menjadi 2 kategori yaitu website dan mobile (android). Kalau Anda ikut website berarti harus membuat aplikasi berbasis website tapi kalau Anda pilih mobile berarti harus? Yep membuat aplikasi Android. Saat itu, saya dan team (Andi dan Alif) mendaftarkan diri untuk kategori website.

Untuk masalah juara hanya diambil juara 1 dan 2 saja di masing - masing kategori.

Web Apllication I-syarat

Kami berencana membuat website semacam Youtube tapi khusus untuk video - video yang berisi tutorial berbahasa isyarat. Ide ini kami ambil dari akun Instagram bernama Kamu Harus Tau yang saat itu memposting foto bahwa ada komunitas non komersil dari Jombang yang mengajar ke beberapa orang supaya bisa berbahasa isyarat. Dengan alasan itulah kami membuat aplikasi berbasis website bernama I-syarat. Maaf ya fotonya saya cari di laptop nggak ketemu, maklum orang kaya. Kaya file - file yang gak penting hehe..

Jadi dengan aplikasi ini Anda bisa daftar sama seperti daftar Youtube. Ada form - form data yang harus Anda isi. Setelah itu Anda bisa memilih apa yang akan Anda pelajari dengan cara memilih pilihan materi yang sudah kami sediakan. Setiap mmateri yang kami sediakan berisi kumpulan video lebih dari satu. Misal Anda mau belajar berbahasa isyarat alphabet dari A - Z, maka Anda klik judul materinya dan mulai belajar.

Selain itu Anda juga bisa berkontribusi untuk upload video tutorial karangan Anda sendiri dan bisa diakses orang lain juga. Jadi selain Anda belajar, Anda juga bisa berbagi ilmu disini.

Penjurian

Tidak seperti yang saya perkirakan sebelumnya bahwa akan ada banyak peserta yang hadir untuk penjurian, ternyata yang banyak malah pemirsanya hmm padahal saat pendaftaran berlangsung, saya tanya ke panitia kalau yang daftar sampai lebih dari 7 team, tapi yang hadir tidak sampai 6 team. Tapi yasudahlah bodo amat. 

Penjurian ini dilaksanakan di gedung auditorium dan dihadiri oleh 2 orang juri yaitu pak Vallen dan pak Teguh. Untungnya kami dapat giliran maju terakhir sehingga saya sebagai juru bicara kala itu bisa menentukan kira - kira model penyampaian saya ke juri dan pemirsa seperti apa, kalau cuma masalah power point sudah kami siapkan dan memang sudah jadi ketentuan lomba bahwa setiap team harus menyiapkan.

Setiap team diberi waktu hanya 10 menit saja untuk presentasi. Di dalam perlombaan, ini sudah jadi hal yang biasa dan setiap team harus membuat presentasi yang padat, singkat tapi menarik. Saya sampaikan dengan padat dan jelas lengkap dengan demonstrasi aplikasi yang kami buat. Setelah itu hal yang bikin jantung dredeg mulai bermunculan. Dua orang juri selevel S2 mengajukan pertanyaan - pertanyaan yang oohhhh seram. Tapi untungnya saya bisa beri jawaban yang pas dan sesuai.

Pengumuman Pemenang

Setelah semua peserta menyelesaikan presentasinya, kami diberi waktu break selama 30 menit karena juri akan berkumpul untuk mendiskusikan siapa pemenang Internal Programming di masing - masing kategori.

Semua team pasti berdoa untuk menjadi yang terbaik dalam perlombaan begitu juga dengan team saya. Tapi saya pribadi tidak begitu memperdulikan menang atau tidak tapi lebih penting portofolio yang saya dapatkan setelah mengikuti lomba ini, syukur kalau menang berarti ya lumayanlah.

30 menit berlalu, semua juri di masing - masing kategori sudah berkumpul menjadi satu di ruang auditorium  dan kami para peserta untuk masing - masing kategori juga sudah siap untuk mendengarkan siapa saja pemenangnya.

Dari hasil penjurian kategori web di dapat juara 1 adalah team saya dan juara 2 adalah team dari Wahyu. Untuk kategori mobile, juara 1 diraih oleh team dari Hasan dan juara 2 diraih oleh team dari Fadly.

Ini penampakannya

Makasih ya Stikom Surabaya dan Himpunan Mahasiswa Sistem Informasi sudah mau mengadakan lomba semacam ini. Tolong adakan secara rutin setahun sekali minimal supaya Stikom tetap jadi Institut Berkualitas, Unggul dan Terkenal dengan mahasiswanya yang jago - jago.

Belajar HTML Part 6: HTML Style

Sebelum Anda meneruskan untuk praktek pada tutorial HTML Style, sebaiknya Anda pelajari dulu tutorial sebelumnya yaitu HTML Paragraf, karena disini kita akan menghias paragraf yang sudah kita buat sebelumnya.

HTML Style

Seperti yang sudah saya beritahukan kepada Anda tentang pengenalan HTML bahwa HTML tidak berdiri sendiri tetapi bisa dikombinasikan dengan bahasa pemrograman lain untuk membuat website yang bagus. Nah di pembahasan tutorial kali ini kita akan pelajari bagaimana HTML bisa dikombinasikan dengan bahasa pemrograman lain. Saat ini kita akan kombinasikan dengan CSS dasar untuk pengenalan ya.

Atribut HTML Style

Untuk menghias suatu elemt HTML seperti <p>, <b>, <strong>, kita perlu atribut bernama style. Lalu Anda bertanya fungsinya apa? Fungsinya untuk mengubah tampilan. Lebih jelasnya tentang atribut style, Anda bisa lihat anatomi berikut :

<tag_pembuka style="property:value;"> Ini adalah text untuk tampil di browser </tag_penutup>

Property adalah CSS Property seperti warna background, warna text dan sebagainya.

Values adalah nilai dari CSS Property.

Begini, kalau ada text "Aku belajar HTML di klikfadhil.blogspot.com" lalu Anda ingin mengganti warna tulisan menjadi merah, maka Property yang digunakan adalah color dan nilai value-nya adalah red;

HTML Warna Background

Properti CSS yang digunakan untuk mengubah warna background adalah background-color.

Contoh

Silakan Anda coba di Notepad dan buka di browser, maka background tampilan akan berubah menjadi merah muda. Bisu gita ya? hehe

HTML Warna Text

Kalau tadi kita sudah coba mengganti warna background, sekarang kita coba mengganti warna tulisan "Belajar HTML di klikfadhil.blogspot.com" dari hitam menjadi hijau ya. Untuk mengganti warna pada text, maka properti CSS yang digunakan adalah color.

Silakan anda coba di Notepad dan lihat perubahan warnanya di browser. Anda juga bisa mengganti warna pada tulisan "Dipandu oleh Ganfadhil" dengan warna lain terserah Anda.

HTML Font

Nah tadi Anda sudah pelajari bagaimana cara mengganti warna background dan warna text, sekarang saya akan beri sedikit materi tentang mengubah font text. Untuk mengubah front pada suatu text, properti CSS yang digunakan adalah font-family.

Silakan Anda coba di Notepad dan lihat perbedaan font pada kedua text tersebut.

Lalu bagaiaman cara mengganti font dan warna text secara bersamaan?

Anda bisa lakukan dengan cara seperti ini

<p style="font-family:courier;color:red">Dipandu oleh Ganfadhil</p>

Anda bisa menambahkan properti lain setelah tanda ; (titik koma). Titik koma disini gunanya untuk memisahkan antar properti dan value yang satu dengan lainnya. Jadi ayo inget - inget ya.

HTML Ukuran Font

Selain mengganti warna dan font pada text, kita juga bisa memperbesar dan memperkecil tulisan kita di HTML. Caranya cukup mudah, sama seperti sebelumnya tapi untuk properti ukuran text, kita menggunakan font-size.

Silakan Anda coba di Notepad dan lihat perbedaan ukuran text di browser. Semakin besar ukuran pixel yang Anda beri, jelas ukuran text akan semakin besar.

HTML Text Alignment

Nah ini materi perkenalan bonus deh buat Anda hehe.. Disini, kita akan mengatur alinea pada paragraf atau tulisan. Properti CSS untuk mengatur alinea adalah text-alignment dengan beberapa value yaitu left, center, right dan justify.

Silakan Anda coba di Notepad dan lihat di browser maka alineanya akan berubah. Untuk values justify silakan Anda coba dengan membuat banyak paragraf dan menggunakan value justify untuk text-alinment nya.

Kesimpulan

Di tutorial HTML Style ini ada beberapa hal yang bisa kita simpulkan.

1. Untuk menghias element HTML, perlu atribut style lengkap dengan properti dan value dari CSS.
2. Mengganti warna background dengan properti background-color
3. Mengganti warna text dengan properti color
4. Mengganti font text dengan properti font-family
5. Mengganti ukuran text dengan properti font-size
6. Mengatur alinea tulisan dengan properti text-alignment

Sekian tutorial HTML Style yang saya berikan disini, yang jelas sekarang Anda sudah pelajari dasar untuk mempercantik tampilan HTML dengan CSS dasar. Di tutorial selanjtnya kita akan bahas HTML Quotation berupa tag khusus untuk menangani kutipan - kutipan.