Cara Mendapatkan Gambar untuk Judul di Tumblr

Tumblr menyediakan platform microblogging gratis untuk berbagi konten multimedia, mendukung pembuatan beberapa halaman blog publik atau pribadi dan desain tata letak halaman khusus. Banyak tema Tumblr menyertakan tombol untuk mengunggah gambar header, tetapi bahkan tema tanpa tombol ini dapat diedit dari editor HTML bawaan. Gambar header harus di-host di server Web dan direferensikan oleh baris kecil kode HTML, dan Tumblr menyediakan layanan hosting gambar gratis untuk tujuan ini.

Kunjungi Tumblr dan masuk ke akun Anda. Klik ikon “Gear” dan pilih blog yang ingin Anda edit. Di bagian Tema, klik "Sesuaikan."

Klik "Unggah" di sebelah Gambar Header di bagian Penampilan, jika tema Anda menawarkan opsi ini. Cari file di komputer Anda dan klik "Unggah" untuk mengatur gambar sebagai judul blog Anda. File gambar dapat dalam format apa pun tetapi harus kurang dari 5 MB.

Kunjungi halaman unggah file di Tumblr jika tema Anda tidak menyertakan tombol unggah (tautan di Sumber). Halaman ini secara ketat dicadangkan untuk aset tema Tumblr, dan mengunggah jenis file apa pun dapat menyebabkan akun Anda diblokir. Klik "Pilih File" dan cari file gambar di komputer Anda, lalu klik "Unggah."

Salin URL file dari kotak teks yang ditampilkan saat file diunggah. Tempel teks yang disalin ke dalam file teks kosong untuk menyimpannya untuk langkah berikutnya atau cukup simpan di clipboard. Atau, biarkan halaman unggah file terbuka di tab browser terpisah saat mengedit tema Tumblr Anda.

Kembali ke halaman Kustomisasi blog Anda dan klik “Edit HTML”. Tekan "Ctrl-F" untuk membuka jendela Temukan dan Ganti, lalu ketik "{Judul}” (tanpa tanda kutip luar) di kotak Temukan. Di dalam tubuh HTML tag, pilih kurung kurawal dan kata "Judul" yang mengelilinginya dan ganti seleksi dengan baris kode berikut:

Ganti URL yang Anda salin pada langkah sebelumnya untuk URL File, pastikan bahwa URL diapit tanda kutip dan seluruh baris kode diapit tanda kurung siku. Misalnya, jika URL Anda adalah "http://static.tumblr.com/tlvhi6n/7ktmju69t/file.png", masukkan baris kode berikut ke dalam HTML menandai:

Klik "Perbarui Pratinjau" untuk melihat gambar header Anda. Simpan perubahan Anda dengan mengklik "Simpan". Kembali ke halaman akun Anda dengan mengklik "Keluar" dan lihat halaman blog Anda yang diperbarui dengan memilih blog dari menu akun utama Anda.

Tips

Jika gambar header Anda terlalu besar, itu tidak akan ditampilkan dengan benar saat blog Anda dilihat. Sebagian besar jendela browser mengambil sekitar 1.000 piksel secara horizontal, jadi pilihlah gambar yang lebarnya tidak lebih dari tiga perempat dan tinggi 200 piksel.