Cara Mengganti Background Blog Dengan Gambar

Cara Mengganti Background Blog Dengan Gambar

Cara Mengganti Background Blog Dengan Gambar – Dalam membuat blog, selain anda harus bisa menulis artikel tentunya anda juga harus bisa untuk memodifikasi blog anda. Apalagi soal mengatur tampilan blog, tentunya itu wajib anda sebagai seorang blogger harus bisa.

Percaya atau tidak, tampilan blog yang menarik tentunya membuat pengunjung lebih betah untuk menjelajahi blog kita. Selain navigasi, penggunaan warna, dan pemilihan jenis font ternyata background blog anda juga mempengaruhi keindahan blog anda.

Kebetulan belum lama ini saya sedang mengedit beberapa blog saya di blogger dan daripada mubazir, mungkin ada baiknya jika sekalian saja saya buatkan artikelnya disini. Ya mungkin saja teman-teman blogger yang lain ada yang belum tahu caranya.

Sebenarnya untuk mengganti background blog tidaklah sulit asalkan anda mengerti dasarnya. Anda hanya perlu mengedit kode CSS pada template anda. Lalu , apa juga itu CSS ? Daripada bingung mencari tahu soal apa itu CSS lebih baik ikuti saja langkah-langkah mudah yang saya akan coba jelaskan di bawah ini :

Cara Mengganti Background Blog Dengan Gambar

  • Loginlah ke dalam akun blogger anda.
  • Sampai di dashboard blogger, masuklah ke menu TEMPLATE lalu pilih EDIT HTML
  • Untuk template blogger, letak kode CSS biasanya di awali dengan kode b:skin . Dan pasti ada bentuk segitiga hitam. (Untuk jelasnya lihat gambar di bawah !)

Cara Mengganti Background Blog Dengan Gambar

  • Jika anda sudah menemukan kode seperti yang di gambar. Klik bentuk segitiga hitam tersebut dan kemudia cari kode .body atau #body atau body dengan menggunakan CTRL + F
  • Kebetulan dalam contoh muncul kode seperti berikut :

body{background:#333333;
margin:0 auto 10px auto;
font:normal 12px “Verdana”, sans-serif;
color:#555555;
}

  • Anda lihat kode BACKGROUND:#333333 itu berarti background blog saya menggunakan warna abu-abu gelap karen #333333 adalah kode warna untuk abu-abu gelap.
  • Lalu untuk menggantinya dengan gambar, silakan terapkan kode berikut :

body{background:url (link gambar);
margin:0 auto 10px auto;
font:normal 12px “Verdana”, sans-serif;
color:#555555;
}

  • Kode “LINK GAMBAR” yang ada di dalam kurung harus anda ganti dengan link gambar yang sudah anda upload di internet. Misal : “http;//exampleimage.jpg”
  • Anda juga bisa menambahkan kode repeat-x top left fixed; setelah tanda tutup kurung untuk membuat gambar anda tampil secara penuh di layar monitor.
  • SIMPAN template anda

Sekarang coba anda lihat hasilnya di blog anda. Jika anda melakukannya dengan benar saya yakin background blog anda sudah menjadi gambar yang anda inginkan. Dengan begitu juga tampilan blog anda akan terlihat lebih menarik.

Baiklah, saya rasa artikel kali ini mengenai Cara Mengganti Background Blog Dengan Gambar cukup sampai disini saja. Semoga bermanfaat !

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s