Mengatur Latar Belakang Navbar Tumblr: Panduan Lengkap

Memperbarui Latar Belakang Navbar Tumblr

Blog Tumblr memberi kebebasan besar dalam kustomisasi, termasuk tampilan header dan navigation bar. Meski perubahan ini biasanya memerlukan akses ke kode HTML, Anda tidak perlu menjadi ahli pemrograman untuk menyesuaikan navbar sesuai selera.

Langkah‑Langkah Praktis

1. Buka pengaturan tampilan – Klik ikon gear di pojok kanan atas halaman depan Anda, lalu pilih nama blog Anda.
2. Customize Appearance – Pilih opsi "Customize Appearance" dan klik "Edit HTML" untuk membuka kode.
3. Temukan blok kode – Cari baris berikut:

   #wrapper #sidebar #top { background: #fff }

4. Ubah warna – Hapus "#fff" dan ganti dengan kode warna HTML yang diinginkan (misalnya #33CCCC). Daftar kode warna dapat Anda temukan di W3 Schools.
5. Atau gunakan gambar – Unggah gambar ke situs berbagi foto seperti Flickr, salin URL-nya, lalu masukkan ke dalam kode:

   #wrapper #sidebar #top { background: url(https://www.imagehostingsite.com/imagename.jpg) }

6. Simpan perubahan – Klik tombol "Save" untuk menerapkan perubahan.

Contoh Kode Akhir

Berikut contoh kode yang akan mengubah latar belakang navbar menjadi biru:

#wrapper #sidebar #top { background: #33CCCC }

Dan contoh penggunaan gambar sebagai latar belakang:

#wrapper #sidebar #top { background: url(https://www.imagehostingsite.com/imagename.jpg) }

Tips Tambahan

• Pastikan gambar yang dipilih memiliki ukuran dan rasio yang sesuai agar tidak terdistorsi.
• Jika Anda menggunakan gambar, tambahkan properti CSS tambahan seperti background-size: cover; untuk menyesuaikan ukuran gambar secara otomatis.
• Selalu cek tampilan di perangkat mobile, karena navbar dapat terlihat berbeda pada layar kecil.