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

Isi kandungan:

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

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

Video: Cara Menambah Latar Belakang Blog: 8 Langkah (dengan Gambar)
Video: Spotlight Effect - Short Photoshop Tutorial 2024, Mungkin
Anonim

Blogger biasanya menukar latar belakang blog untuk menjadikan blog mereka lebih menarik bagi pengunjung. Namun, gambar latar yang ditambahkan dengan tidak betul dapat mengelirukan penonton dan menyebabkan pengunjung menjelajah dari blog anda. Untuk menambahkan latar belakang blog dengan betul, penting untuk menggunakan kod HTML yang betul.

Langkah-langkah

Tambah Latar Belakang Blog Langkah 1
Tambah Latar Belakang Blog Langkah 1

Langkah 1. Pergi ke halaman HTML untuk blog anda

Sekiranya anda mengedit blog anda di luar talian, anda boleh membukanya di Dreamweaver untuk menukar HTML. Perkhidmatan blog seperti Blogger membolehkan anda mengubah HTML dalam talian dengan pergi ke halaman Reka bentuk dan memilih tab "Edit HTML". Anda harus dapat mengakses kod HTML untuk blog anda, dan cara anda melakukannya boleh sangat berbeza bergantung pada perkhidmatan blog dan kaedah yang anda gunakan.

Tambah Latar Belakang Blog Langkah 2
Tambah Latar Belakang Blog Langkah 2

Langkah 2. Jangan cuba mencari gambar yang terpisah dengan warna yang berbeza jika semua yang anda ingin lakukan adalah menukar warna latar belakang

Sebaliknya, anda boleh mengedit HTML anda untuk menukar warna yang ada ke warna yang anda mahukan.

  • Cari "carta warna HTML" di Internet. Anda harus dapat mencari jadual yang memaparkan warna yang berbeza berserta nama warnanya dan nombor HEX (Heksadesimal). Nombor HEX adalah nombor yang digunakan dalam HTML, jadi anda perlu mengingat nombor HEX untuk warna tertentu yang anda mahukan sebagai latar belakang anda.
  • Cari kod di blog anda yang menentukan warna latar belakang. Ia akan kelihatan seperti ini.

    • badan {
    • warna latar: #XXXXXX;
Tambah Latar Belakang Blog Langkah 3
Tambah Latar Belakang Blog Langkah 3

Langkah 3. Anda akan melihat nombor HEX warna yang ada dan bukannya X yang ditunjukkan dalam contoh kod

Tukar nombor HEX ke nombor untuk warna yang anda mahukan sebagai latar belakang anda. Selepas anda menyimpan dan menggunakan HTML baru, anda akan melihat warna baru sebagai latar belakang

Kaedah 1 dari 1: Menambah Gambar Latar Belakang Blog

Tambah Latar Belakang Blog Langkah 4
Tambah Latar Belakang Blog Langkah 4

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

Terdapat banyak laman web yang membolehkan anda memuat turun latar belakang blog atau anda boleh menggunakan gambar yang sudah disimpan di komputer anda.

Tambah Latar Belakang Blog Langkah 5
Tambah Latar Belakang Blog Langkah 5

Langkah 2. Muat naik gambar

Laman web hosting gambar seperti Picasa, Flickr dan Photobucket membolehkan anda memuat naik gambar secara percuma. Perkhidmatan hosting blog anda juga memungkinkan anda memuat naik gambar dengan cara yang serupa dengan bagaimana blog anda dihosting.

Tambah Latar Belakang Blog Langkah 6
Tambah Latar Belakang Blog Langkah 6

Langkah 3. Dapatkan URL gambar

Untuk melakukan ini, anda perlu membuka gambar di penyemak imbas Internet anda dan menyalin URL di mana ia dipaparkan.

Tambah Latar Belakang Blog Langkah 7
Tambah Latar Belakang Blog Langkah 7

Langkah 4. Masukkan kod untuk menambahkan gambar sebagai latar belakang

Inilah kod HTML.

    • badan {
    • background-image: url (URL gambar);
  • Anda perlu menambahkan kod di mana badan HTML blog anda bermula. Ganti "URL gambar" dengan URL penuh di mana gambar anda berada.
Tambah Latar Belakang Blog Langkah 8
Tambah Latar Belakang Blog Langkah 8

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

Anda mesti melihat gambar yang ditambahkan sebagai latar belakang.

Disyorkan: