Cara Mengganti Background Blog Dengan Gambar - Belum lama ini ada teman saya yang menanyakan kepada saya tentang bagaimana mengedit atau mengganti background dari blog yang kita miliki..
Karena susah bertemu dan saya rasa pertanyaan ini juga banyak ditanyakan oleh orang yang memiliki blog, jadi sekalian saja saya buatkan artikelnya disini. Jadi hitung-hitung membantu yang lainnya juga.
Sebenarnya jika anda sudah mengerti dasarnya tidaklah sulit untuk mengganti background blog anda. Yang perlu anda lakukan hanyalah menuju ke bagian CSS dari template anda. Biasanya background anda itu terdapat pada bagian body..
Tapi rasanya agak sulit jika anda belum pernah mencoba hal-hal dalam mengedit template sebelumnya. Maka dari itu, perhatikan langkah-langkah dibawah ini dengan seksama !
- Login ke blogger.com dengan akun google anda.
- Setelah login, masuklah ke bagian TEMPLATE lalu pilih menu EDIT HTML
- Anda cari kata b:skin dan klik bentuk segitiga hitam untuk membuat tampilannya lebih detil.. Perhatikan gambar di bawah !
- Setelah anda klik bentuk segitiga hitam tersebut, maka selanjutnya akan muncul barisan kode CSS di bawahnya.
- Gunakan tombol CTRL + F lalu carikan kode .body atau #body atau body . Coba saja satu per satu.
- Untuk blog saya, kode yang muncul seperti ini :
body{background:#333333;
margin:0 auto 10px auto;
font:normal 12px "Verdana", sans-serif;
color:#555555;
}
- Jika anda lihat pada kata background:#333333 itu berarti background saya berwarna abu-abu gelap. Karena #333333 itu adalah kode warna untuk abu-abu gelap.
- Sekarang jika anda ingin menggantinya dengan gambar, maka terapkan kode seperti berikut :
body{background:url (link gambar);
margin:0 auto 10px auto;
font:normal 12px "Verdana", sans-serif;
color:#555555;
}
- Sekarang lihat tulisan yang saya beri warna merah "LINK GAMBAR". Itu harap diganti dengan URL gambar anda yang sudah anda upload ke internet. Misalnya http://example.jpg
- Setelah itu SIMPAN template anda
Sekarang coba anda lihat tampilan blog anda. Pastinya sudah terganti dengan gambar yang anda inginkan. Anda juga bisa menambahkan kode repeat-x top left fixed; setelah tanda tutup kurung. Gunanya adalah untuk membuat gambar anda tampil penuh satu layar.
Baiklah, saya rasa artikel kali ini mengenai Cara Mengganti Background Blog Dengan Gambar , semoga bermanfaat !
