Untuk memusatkan gambar latar belakang di tema blog Tumblr Anda, edit satu baris kode CSS sederhana di halaman kode HTML tema blog. Pertimbangkan untuk menggunakan gambar latar belakang yang mengisi ruang latar belakang tanpa pengulangan, atau "penggabungan". Fitur gambar latar belakang dalam gambar latar ubin tema Tumblr Redux default secara default. Anda dapat menonaktifkan ubin dan memusatkan gambar latar belakang dengan mengedit pernyataan CSS yang sama. Perhatikan bahwa Anda dapat memusatkan gambar baik secara vertikal maupun horizontal.
Buka Tumblr, lalu klik panah di sebelah nama blog Anda untuk melihat daftar semua blog Anda. Klik blog yang akan diedit di kotak dialog pop-up. Untuk mengedit tema blog utama Anda, lewati ke langkah berikutnya.
Klik tab "Kustomisasi" untuk membuka tema yang dipilih dalam mode Edit.
Klik ikon "Unggah" di bagian Gambar Latar pada panel Kustomisasi, lalu telusuri dan klik gambar latar belakang. Klik "Buka" untuk mengunggah gambar.
Klik tautan "Edit HTML" untuk membuka editor tema.
Tekan "Ctrl-F" untuk membuka alat Temukan dan Ganti. Ketik "latar belakang", tanpa tanda kutip, di kotak input. Klik panah bawah untuk menemukan baris kode berikut:
body { background: {color:Background} url('{image:Background}') pengulangan tetap kiri atas;
Ubah nilai properti Background dari “top left fixed repeat” menjadi “no-repeat center center.” Contoh pertama dari "pusat" secara vertikal memusatkan gambar. Instance kedua secara horizontal memusatkan gambar. Jangan lupa titik koma di akhir pernyataan.
Klik tombol "Perbarui Pratinjau" untuk melihat gambar latar belakang di jendela Pratinjau.
Klik “Simpan” untuk menyimpan hasil editan kode, lalu klik ikon Keluar untuk menutup editor dan kembali ke halaman utama blog Anda.
Tips
Anda dapat menggunakan singkatan kode untuk garis "pusat pusat tanpa pengulangan" jika Anda bermaksud untuk memusatkan gambar latar belakang Anda baik secara horizontal maupun vertikal. Jika satu nilai "pusat" dihilangkan, nilai "pusat" tersirat. Anda cukup menggunakan "no-repeat center" untuk memusatkan gambar baik secara vertikal maupun horizontal.
Garis "no-repeat top center" secara horizontal memusatkan gambar dan menyelaraskan gambar dengan bagian atas halaman.
