Panduan Mudah Mengubah Tampilan Blogspot dengan CSS

By


---


### **Cara Mengubah Tampilan Blog dengan CSS di Blogger**


**Judul:** Panduan Mudah Mengubah Tampilan Blogspot dengan CSS


**Isi Konten:**


1. **Masuk ke Dashboard Blogger**


   * Buka [Blogger](https://www.blogger.com) dan login ke akun kamu.


2. **Buka Menu Tema (Theme)**


   * Klik **Theme → Customize → Advanced → Add CSS**.


3. **Menambahkan CSS Kustom**


   * Tambahkan kode CSS untuk mengubah tampilan blog, misalnya:


```css

body {

    background-color: #f5f5f5;

    font-family: Arial, sans-serif;

}


h1, h2, h3 {

    color: #2c3e50;

}


a {

    color: #e74c3c;

    text-decoration: none;

}


a:hover {

    text-decoration: underline;

}

```


4. **Simpan Perubahan**


   * Klik **Apply to Blog** untuk menerapkan perubahan.


5. **Cek Tampilan Blog**


   * Pastikan perubahan tampil dengan benar di desktop dan mobile.


**Tips Tambahan:**


* Selalu buat **backup tema** sebelum menambahkan CSS.

* Gunakan warna dan font yang konsisten agar blog terlihat profesional.

* Bereksperimen dengan CSS bisa membuat blog unik tanpa mengubah struktur HTML template.


---

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Halaman Statis di Blogger: “Tentang Saya” & “Kontak”

By
--- ### **Membuat Halaman Statis di Blogger** **Judul:** Cara Membuat Halaman Statis di Blogger: “Tentang Saya” & “Kontak” **Isi Konten:** 1. **Masuk ke Dashboard Blogger**    * Buka [Blogger](https://www.blogger.com) dan login ke akun kamu. 2. **Buka Menu Halaman (Pages)**    * Klik menu **Pages** → **New Page**. 3. **Buat Halaman “Tentang Saya”**    * Tulis deskripsi singkat tentang diri kamu atau tujuan blog.    * Sertakan foto jika perlu untuk menambah personalisasi. 4. **Buat Halaman “Kontak”**    * Tambahkan formulir kontak atau alamat email.    * Bisa juga sertakan link ke media sosial atau WhatsApp. 5. **Atur Publikasi**    * Klik **Publish** untuk menerbitkan halaman.    * Halaman akan muncul di menu navigasi blog secara otomatis (tergantung template). 6. **Tambahkan Link di Menu Navigasi**    * Jika halaman tidak otomatis muncul, masuk ke **Layout → Header/Menu** → tambahkan link hala...
Read more

Panduan Menambahkan Widget di Blogspot untuk Meningkatkan Interaksi Pembaca

By
--- ### **Cara Menambahkan Widget Berguna di Blogspot** **Judul:** Panduan Menambahkan Widget di Blogspot untuk Meningkatkan Interaksi Pembaca **Isi Konten:** 1. **Masuk ke Dashboard Blogger**    * Buka [Blogger](https://www.blogger.com) → pilih blog kamu → klik **Layout**. 2. **Pilih Lokasi Widget**    * Klik **“Add a Gadget”** di area yang tersedia (sidebar, footer, header). 3. **Widget yang Populer dan Berguna:**    * **Arsip Blog** → Menampilkan daftar postingan lama.    * **Label/Kategori** → Memudahkan pembaca menelusuri artikel sesuai topik.    * **Popular Posts** → Menampilkan artikel yang paling banyak dibaca.    * **Tombol Share** → Membantu pembaca membagikan artikel ke media sosial.    * **About Me / Profile** → Memberikan informasi singkat tentang penulis.    * **Follow by Email** → Agar pembaca bisa berlangganan notifikasi postingan baru. 4. **Atur Widget**    * Klik **Edit** pada wid...
Read more

Cara Menghubungkan Google Analytics dengan Blogspot untuk Memonitor Pengunjung

By
--- ### **Menggunakan Google Analytics untuk Blogspot** **Judul:** Cara Menghubungkan Google Analytics dengan Blogspot untuk Memonitor Pengunjung **Isi Konten:** 1. **Daftar atau Login Google Analytics**    * Kunjungi [Google Analytics](https://analytics.google.com/) → login dengan akun Google kamu. 2. **Buat Properti Baru**    * Klik **Admin → Buat Properti Baru** → isi nama blog, zona waktu, dan mata uang. 3. **Dapatkan Tracking ID**    * Setelah properti dibuat, Google Analytics akan memberikan **Tracking ID (kode UA)**. 4. **Pasang Tracking ID di Blogspot**    * Masuk ke **Blogger → Settings → Other → Google Analytics**    * Paste **Tracking ID** di kolom yang tersedia. 5. **Simpan Pengaturan**    * Klik **Save** untuk menyimpan. 6. **Pantau Statistik Blog**    * Buka Google Analytics untuk melihat:      * Jumlah pengunjung      * Halaman yang paling sering dibaca      ...
Read more