Cara Memposisikan Spanduk Tumblr

Banyak tema Tumblr memungkinkan Anda untuk menampilkan gambar spanduk di bagian atas blog Anda sebagai pengganti judul blog Anda. Namun, jika spanduk tidak sesuai dengan keinginan Anda, Anda dapat mengubah perataannya dengan mengedit kode HTML tema Anda. Jika tema Anda tidak mendukung gambar spanduk, atau Anda ingin menambahkan spanduk di atas judul, Anda dapat mengedit kode HTML untuk menambahkan dan menempatkan spanduk secara manual.

Tema Dengan Gambar Header

Klik tab "Kustomisasi" di dasbor Tumblr Anda untuk mengakses pengaturan tema Anda.

Gulir ke bawah ke bagian Penampilan di panel kiri, lalu klik tombol "Unggah" di sebelah "Header" untuk mengunggah gambar spanduk Anda.

Gulir kembali ke bagian atas panel, lalu klik "Edit HTML" untuk mengakses kode HTML tema Anda.

Tekan "Ctrl-F" pada keyboard untuk membuka alat pencarian, lalu cari "{Title}" (tanpa tanda kutip) hingga Anda menemukan kemunculan pertama istilah tersebut di bagian isi, segera setelah "" tag. Dalam banyak kasus, itu akan berada di dalam blok yang dimulai dengan "

" atau "
".

Lampirkan "{Title}" dengan "

" dan "
" tag, sehingga kodenya terlihat seperti ini:

{Judul}

Klik "Perbarui Pratinjau" untuk melihat apakah perubahan Anda berhasil. Jika spanduk tidak berada di tengah halaman, Anda mungkin telah memodifikasi bagian kode yang salah, dalam hal ini urungkan perubahan Anda dan coba lagi.

Klik "Simpan," lalu pilih "Keluar" setelah Anda berhasil mengubah spanduk. Untuk membuang perubahan Anda karena alasan apa pun atau untuk memulai dari awal, klik panah kembali tanpa menyimpan, lalu klik "Keluar."

Tambahkan dan Posisikan Spanduk Secara Manual

Unggah gambar spanduk Anda menggunakan halaman unggah Tumblr (tautan di Sumber), lalu salin URL yang ditampilkan di halaman. Atau, unggah file gambar ke situs web lain, seperti PhotoBucket atau TinyPic.

Klik tab "Kustomisasi" di dasbor Tumblr Anda untuk mengakses pengaturan tema Anda.

Klik "Edit HTML" untuk mengakses kode HTML tema Anda.

Tekan "Ctrl-F" pada keyboard untuk membuka alat pencarian, lalu cari "" (tanpa tanda kutip).

Sisipkan baris baru tepat di bawah "", lalu tambahkan baris kode berikut:

Ganti "BannerImageURL" dengan URL untuk file gambar spanduk Anda.

Klik "Perbarui Pratinjau" untuk memastikan spanduk ditampilkan dengan benar. Buat perubahan apa pun yang diperlukan, lalu klik "Simpan" dan "Keluar."

Tips

Untuk meratakan spanduk ke kiri atau kanan alih-alih di tengah, gunakan "" atau "" tag bukannya "

", dan juga ubah "
"tandai ke"" atau "".

Peringatan

Langkah-langkah ini seharusnya berfungsi pada sebagian besar tema Tumblr standar, tetapi tidak akan berfungsi sebagaimana mestinya setiap saat karena perbedaan dalam desain tema. Beberapa tema mungkin mengharuskan Anda mendeklarasikan gambar dan kemudian menetapkan gaya di lembar gaya tema; namun, metode ini memerlukan pemahaman dasar tentang cara kerja CSS, dan langkah-langkah spesifik akan bervariasi di antara desain tema.