Cara Menempatkan Gambar Latar Belakang di Tema Tumblr Anda

Daftar Isi:

Cara Menempatkan Gambar Latar Belakang di Tema Tumblr Anda
Cara Menempatkan Gambar Latar Belakang di Tema Tumblr Anda

Video: Cara Menempatkan Gambar Latar Belakang di Tema Tumblr Anda

Video: Cara Menempatkan Gambar Latar Belakang di Tema Tumblr Anda
Video: How to Insert a Picture in Email Body on Outlook 2024, Mungkin
Anonim

Artikel wikiHow ini akan mengajarkan kepada Anda cara menampilkan foto sebagai latar belakang Tumblr. Beberapa tema Tumblr tidak dapat diubah gambar latarnya, baik melalui unggahan atau pengeditan HTML.

Langkah

Metode 1 dari 2: Menggunakan Tema yang Dapat Disesuaikan

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 1
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 1

Langkah 1. Buka situs web Tumblr

Itu terletak di https://www.tumblr.com/. Jika Anda masuk di browser, ini akan membawa Anda ke beranda Tumblr.

Jika Anda belum masuk ke Tumblr, masukkan alamat email dan kata sandi Anda, lalu klik Masuk.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 2
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 2

Langkah 2. Klik ikon profil Anda

Ikon berbentuk orang ini berada di pojok kanan atas halaman.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 3
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 3

Langkah 3. Klik nama blog yang ingin Anda edit

Anda akan menemukannya di bawah judul "TUMBLRS" sekitar setengah dari menu tarik-turun profil.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 4
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 4

Langkah 4. Klik Edit tampilan

Opsi ini berada di pojok kanan atas halaman, tepat di bawah draf dan Postingan bagian.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 5
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 5

Langkah 5. Klik Edit tema

Itu tepat di judul "Tema Situs Web" di bawah gambar profil Anda.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 6
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 6

Langkah 6. Cari ikon kamera atau pensil di sebelah Latar Belakang

Opsi ini berada di bawah judul "THEME OPTIONS". Jika Anda melihat ikon kamera atau pensil di sebelah kanan Latar belakang, Anda dapat mengunggah gambar Anda sendiri.

  • Beberapa tema Tumblr memiliki variasi Latar belakang (misalnya., Pilih latar belakang) di sini.
  • Jika Anda tidak melihat opsi ini di opsi tema blog Anda, lanjutkan ke metode berikutnya.
  • Beberapa tema gratis yang memungkinkan Anda untuk mengunggah foto Anda sendiri adalah "Menangkap Gajah" dan "Potongan Kertas". Tema berbayar termasuk "Queens" dan "Halcyon".
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 7
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 7

Langkah 7. Klik ikon kamera

Melakukannya akan memunculkan jendela di mana Anda dapat memilih foto dari komputer Anda.

Untuk beberapa tema, Anda cukup mengeklik ikon pensil

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 8
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 8

Langkah 8. Pilih foto

Tergantung pada komputer Anda dan lokasi di mana jendela ini terbuka, Anda mungkin harus menavigasi ke folder Foto komputer Anda.

  • Beberapa tema akan mengharuskan Anda untuk mengklik terlebih dahulu Pilih foto.
  • Pastikan fotonya relatif berkualitas tinggi. Jika tidak, mungkin tampak berbintik atau tidak fokus.
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 9
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 9

Langkah 9. Klik Buka

Itu ada di bagian bawah jendela. Setelah itu, foto Anda akan diunggah ke Tumblr; tema Anda akan disegarkan dalam beberapa detik setelah melakukannya untuk menampilkan latar belakang baru Anda.

Metode 2 dari 2: Mengedit HTML

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 10
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 10

Langkah 1. Buka situs web Tumblr

Itu terletak di https://www.tumblr.com/. Jika Anda masuk di browser Anda, ini akan membawa Anda ke beranda Tumblr Anda.

Jika Anda belum masuk ke Tumblr, masukkan alamat email dan kata sandi Anda, lalu klik Masuk.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 11
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 11

Langkah 2. Klik ikon profil Anda

Tombol berbentuk orang ini berada di pojok kanan atas halaman.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 12
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 12

Langkah 3. Klik nama blog yang ingin Anda edit

Itu akan berada di bawah judul "TUMBLRS" sekitar setengah dari menu tarik-turun profil.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 13
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 13

Langkah 4. Klik Edit tampilan

Opsi ini berada di pojok kanan atas halaman, tepat di bawah draf dan Postingan bagian.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 14
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 14

Langkah 5. Klik Edit tema

Tombol ini berada di sebelah kanan judul "Website Theme" yang berada di bawah gambar profil Anda.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 15
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 15

Langkah 6. Klik Edit HTML

Tautan ini berada di bawah nama tema Anda di bagian atas bilah samping "Edit tema".

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 16
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 16

Langkah 7. Klik ikon roda gigi

Tombol ini berada di pojok kiri atas bilah "Edit HTML".

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 17
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 17

Langkah 8. Klik Temukan dan ganti

Melakukannya akan membuka jendela di mana Anda dapat mencari baris kode yang perlu Anda edit.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 18
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 18

Langkah 9. Ketik body {

Tag ini hadir di semua tema Tumblr yang berisi gambar latar yang dapat disesuaikan.

Jika HTML tema yang Anda pilih tidak berisi tag "body {", Anda tidak dapat mengubah gambar latar belakangnya

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 19
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 19

Langkah 10. Cari latar belakang:

menandai.

Ini tepat di bawah tag "body {"; Anda akan menambahkan URL gambar Anda di sini antara ":" dan ";" di akhir baris.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 20
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 20

Langkah 11. Ganti teks apa pun di antara "latar belakang:

"dan ";" dengan tag URL Anda.

Tag URL harus ditulis sebagai berikut: url().

Dalam praktiknya, seluruh baris ini akan mengatakan background: url(www.website.com/image.jpg);. Ingatlah bahwa ada spasi antara bagian "latar belakang:" dan bagian "url"

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 21
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 21

Langkah 12. Masukkan URL gambar Anda ke dalam tanda kurung

URL yang Anda pilih harus diakhiri dengan ekstensi file gambar seperti-j.webp

Buka gambar di tab baru, dan salin URL dari sana.

Jika Anda ingin menggunakan foto asli, Anda dapat mengunggahnya ke layanan seperti Photobucket atau Imgur

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 22
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 22

Langkah 13. Klik Perbarui Pratinjau

Tombol hijau ini berada di pojok kanan atas bilah samping "Edit HTML". Anda akan melihat gambar yang Anda pilih ditampilkan.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 23
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 23

Langkah 14. Posisikan ulang gambar jika perlu

Jika gambar Anda miring atau tiba-tiba terpotong, masukkan tiga baris kode berikut di bawah tag "latar belakang":

  • lampiran-latar belakang: diperbaiki; - Ini akan menyimpan gambar Anda di satu tempat.
  • background-repeat: tidak-ulangi; - Anda juga dapat mengubah no-repeat menjadi repeat jika Anda ingin gambar Anda berulang saat pengguna menggulir ke bawah.
  • latar belakang-posisi:pusat; - Anda juga dapat menggunakan kanan atau kiri sebagai ganti tengah.
  • Anda juga dapat menambahkan garis yang mengatakan background-size: cover untuk membuat gambar Anda memenuhi seluruh latar belakang.
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 24
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 24

Langkah 15. Klik Simpan

Ini tombol biru di sebelah kiri Perbarui Pratinjau di bagian atas bilah samping "Edit HTML".

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 25
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 25

Langkah 16. Klik

Itu ada di sisi kiri atas halaman.

Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 26
Letakkan Gambar Latar Belakang di Tema Tumblr Anda Langkah 26

Langkah 17. Klik Keluar

Anda akan melihat opsi ini di pojok kiri atas bilah sisi "Edit tema". Tema Tumblr Anda sekarang memiliki gambar latar belakang.

Direkomendasikan: