Cara Menambahkan Latar Belakang Blog: 8 Langkah (dengan Gambar)

Daftar Isi:

Cara Menambahkan Latar Belakang Blog: 8 Langkah (dengan Gambar)
Cara Menambahkan Latar Belakang Blog: 8 Langkah (dengan Gambar)

Video: Cara Menambahkan Latar Belakang Blog: 8 Langkah (dengan Gambar)

Video: Cara Menambahkan Latar Belakang Blog: 8 Langkah (dengan Gambar)
Video: Cara menambahkan Gambar pada postingan Blog | Tutorial Blogger (part 3) 2024, Mungkin
Anonim

Blogger biasanya mengubah latar belakang blog untuk membuat blog mereka lebih menarik secara visual bagi pengunjung. Namun, gambar latar belakang yang ditambahkan secara tidak benar dapat membingungkan pemirsa dan menyebabkan pengunjung menelusuri blog Anda. Untuk menambahkan latar belakang blog dengan benar, penting untuk menggunakan kode HTML yang benar.

Langkah

Tambahkan Latar Belakang Blog Langkah 1
Tambahkan Latar Belakang Blog Langkah 1

Langkah 1. Buka halaman HTML untuk blog Anda

Jika Anda mengedit blog Anda secara offline maka Anda dapat membukanya di Dreamweaver untuk mengubah HTML. Layanan blog seperti Blogger memungkinkan Anda mengubah HTML secara online dengan membuka halaman Desain dan memilih tab "Edit HTML". Anda harus dapat mengakses kode HTML untuk blog Anda, dan cara Anda melakukannya dapat sangat bervariasi tergantung pada layanan dan metode blogging yang Anda gunakan.

Tambahkan Latar Belakang Blog Langkah 2
Tambahkan Latar Belakang Blog Langkah 2

Langkah 2. Jangan mencoba mencari gambar terpisah dengan warna berbeda jika yang ingin Anda lakukan hanyalah mengubah warna latar belakang

Sebagai gantinya, Anda cukup mengedit HTML Anda untuk mengubah warna yang ada menjadi warna yang Anda inginkan.

  • Cari "grafik warna HTML" di Internet. Anda harus dapat menemukan tabel yang menampilkan warna berbeda beserta nama warnanya dan nomor HEX (Hexadecimal). Nomor HEX adalah nomor yang digunakan dalam HTML, jadi Anda perlu mengingat nomor HEX untuk warna tertentu yang Anda inginkan sebagai latar belakang Anda.
  • Temukan kode di blog Anda yang menentukan warna latar belakang. Ini akan terlihat seperti ini.

    • tubuh {
    • warna latar:#XXXXXX;
Tambahkan Latar Belakang Blog Langkah 3
Tambahkan Latar Belakang Blog Langkah 3

Langkah 3. Anda akan melihat nomor HEX dari warna yang ada alih-alih X yang ditampilkan dalam kode sampel

Ubah nomor HEX menjadi nomor untuk warna yang Anda inginkan sebagai latar belakang Anda. Setelah Anda menyimpan dan menerapkan HTML baru, Anda akan melihat warna baru sebagai latar belakang

Metode 1 dari 1: Menambahkan Gambar Latar Belakang Blog

Tambahkan Latar Belakang Blog Langkah 4
Tambahkan Latar Belakang Blog Langkah 4

Langkah 1. Pilih gambar yang ingin Anda tambahkan sebagai latar belakang

Ada banyak situs web yang memungkinkan Anda mengunduh latar belakang blog atau Anda dapat menggunakan gambar yang sudah disimpan di komputer Anda.

Tambahkan Latar Belakang Blog Langkah 5
Tambahkan Latar Belakang Blog Langkah 5

Langkah 2. Unggah gambar

Situs web hosting foto seperti Picasa, Flickr, dan Photobucket memungkinkan Anda mengunggah gambar secara gratis. Layanan hosting blog Anda juga memungkinkan Anda untuk mengunggah gambar dengan cara yang mirip dengan bagaimana blog Anda dihosting.

Tambahkan Latar Belakang Blog Langkah 6
Tambahkan Latar Belakang Blog Langkah 6

Langkah 3. Dapatkan URL gambar

Untuk melakukan ini, Anda perlu membuka gambar di browser Internet Anda dan menyalin URL tempat gambar itu ditampilkan.

Tambahkan Latar Belakang Blog Langkah 7
Tambahkan Latar Belakang Blog Langkah 7

Langkah 4. Masukkan kode untuk menambahkan gambar sebagai latar belakang

Berikut adalah kode HTMLnya.

    • tubuh {
    • background-image: url(URL gambar);
  • Anda perlu menambahkan kode di mana tubuh HTML blog Anda dimulai. Ganti "URL gambar" dengan URL lengkap tempat gambar Anda berada.
Tambahkan Latar Belakang Blog Langkah 8
Tambahkan Latar Belakang Blog Langkah 8

Langkah 5. Simpan perubahan setelah Anda mengedit HTML dan melihat blog Anda

Anda akan melihat gambar yang ditambahkan sebagai latar belakang.

Direkomendasikan: