Cara Edit Artikel HTML di Blogspot: Panduan Lengkap untuk Pemula
Ilustrasi Cara Edit Artikel HTML di Blogspot
Seputar-kita – Blogspot atau Blogger adalah salah satu platform blog gratis milik Google yang sangat populer, terutama di kalangan pemula. Salah satu keunggulan Blogspot adalah kemudahannya dalam mengedit artikel, baik secara visual (mode Compose) maupun langsung melalui kode HTML.
Mengedit artikel dalam mode HTML memungkinkan kamu melakukan penyesuaian yang lebih spesifik, seperti menambahkan kode embed, mengatur tata letak dengan lebih presisi, hingga menyisipkan script atau elemen khusus yang tidak tersedia di mode visual.
Berikut ini adalah langkah-langkah mudah untuk mengedit artikel HTML di Blogspot:
🧭 1. Masuk ke Dashboard Blogger
-
Buka situs https://www.blogger.com
-
Login menggunakan akun Google yang terkait dengan blog kamu.
-
Pilih blog yang ingin kamu kelola.
📄 2. Buka Artikel yang Ingin Diedit
-
Di menu sebelah kiri, klik "Postingan".
-
Pilih salah satu artikel yang ingin kamu edit, lalu klik judulnya.
🖥️ 3. Beralih ke Mode HTML
Saat artikel terbuka, kamu akan melihat dua tab editor di bagian atas:
-
"Compose" (mode visual)
-
"HTML" (mode kode)
Klik tab "HTML" untuk masuk ke mode pengeditan kode.
✏️ 4. Lakukan Pengeditan HTML
Di sinilah kamu bisa mengedit artikel menggunakan kode HTML. Beberapa hal yang bisa kamu lakukan:
-
Menambahkan iframe, seperti video YouTube atau Google Maps.
-
Menyisipkan script atau widget.
-
Memodifikasi struktur teks dengan tag
<div>,<span>,<b>,<i>,<h1>,<h2>, dll. -
Mengatur warna, ukuran, dan posisi teks atau gambar secara manual.
Contoh mengubah teks menjadi merah dan berukuran besar:
<p style="color: red; font-size: 20px;">Ini adalah teks yang diedit lewat HTML.</p>
⚠️ 5. Periksa Kode Sebelum Menyimpan
Pastikan tidak ada kesalahan penulisan tag, seperti <div> yang tidak ditutup, karena bisa mengganggu tampilan artikel. Gunakan tombol Preview (Pratinjau) untuk melihat hasilnya sebelum disimpan.
💾 6. Simpan Perubahan
Setelah selesai mengedit:
-
Klik tombol "Perbarui" jika kamu mengedit artikel lama.
-
Atau klik "Publikasikan" jika kamu sedang membuat artikel baru.
💡 Tips Tambahan
-
Gunakan Notepad++ atau Visual Studio Code jika ingin menulis kode HTML lebih rapi lalu copy-paste ke editor Blogspot.
-
Hindari terlalu banyak script karena bisa memperlambat loading blog.
-
Selalu backup artikel kamu sebelum mengedit HTML agar tidak kehilangan konten.
Mengedit artikel melalui mode HTML di Blogspot memberi kamu kontrol penuh atas tampilan dan fungsionalitas artikel. Ini sangat bermanfaat jika kamu ingin menambahkan fitur-fitur khusus atau membuat tampilan blog lebih profesional.
Dengan memahami dasar-dasar HTML, kamu bisa mengoptimalkan artikel di Blogspot secara maksimal.
Posting Komentar