Cara Menempatkan Gambar Dibalik Header Postingan di Tumblr

Secara default, blog Tumblr Anda menampilkan header teks dengan judul blog Anda di atas postingan Anda. Untuk mempercantik tampilan halaman Anda, Anda dapat menambahkan gambar khusus ke header, sambil membiarkan teks yang ada ditampilkan di atas gambar. Pada tema Tumblr default, ini memerlukan modifikasi HTML tema, tetapi menambahkan gambar hanya membutuhkan satu baris kode tambahan.

Masuk ke akun Tumblr Anda dan buka halaman "Unggah File Statis" (tautan di Sumber). Tumblr menyediakan ruang unggah ini khusus untuk file tema, jadi jangan menggunakannya untuk mengunggah gambar untuk diposting di blog Anda.

Pilih gambar yang ingin Anda gunakan di header Anda dan klik "Unggah File." Gambar harus berukuran di bawah 5 MB, dan Anda hanya dapat mengunggah maksimal 15 MB per hari.

Salin alamat yang ditampilkan Tumblr untuk gambar yang Anda unggah.

Buka halaman Pengaturan Tumblr, pilih blog yang ingin Anda edit dan klik "Edit Tema." Klik "Edit HTML" di bawah nama tema Anda.

Gulir ke bawah dalam kode ke header Anda saat ini. Untuk membantu menemukan baris yang benar, tekan "Control-F" dan cari "IfShowBlogTitle" (tanpa tanda kutip).

Ketik kode "

" (tanpa tanda kutip eksternal) tepat sebelum "{Title}" pada baris "IfShowBlogTitle". Tempelkan alamat gambar yang Anda salin sebelumnya di dalam tanda kurung.

Klik "Perbarui Pratinjau" untuk melihat tampilan baru blog Anda. Jika terlihat benar, klik "Simpan".

Tips

Jika teks overlay memakan lebih banyak ruang daripada gambar Anda, gambar akan berulang untuk mengisi ruang yang diperlukan. Jika Anda lebih suka gambar hanya muncul sekali, tambahkan "background-repeat: no-repeat;" (tanpa tanda kutip) tepat sebelum tanda kutip terakhir dalam kode yang Anda tambahkan.

Peringatan

Informasi dalam artikel ini berlaku untuk tema Tumblr default. Tema lain mungkin bekerja secara berbeda atau menyertakan cara untuk memodifikasi tajuk Anda tanpa mengedit kode secara manual.