Cara Mengganti Background di Blog Dengan Gambar –
Background di Blogspot bisa diganti dengan gambar sendiri atau dengan foto dan jika ingin sekedar mengganti dengan warna juga bisa. mungkin untuk blogger pemula hal ini terasa sangat sulit. nah,,, untuk mengawali latihan
Mengganti Background di Blog Dengan Gambar kita harus tau cara edit HTML agar tidak terjadi eror dan tidak salah menempatkan kode.
Sebagai Bloggers harus meliliki tempat untuk mendukung blog, seperti tempat upload software dan upload gambar. Nha,,, jika sobat ingin
Mengganti Background di Blog Dengan Gambar yang harus dilakukan adalah dengan mengupload gambar. sudah ada situs yang menfasilitasi kita bisa upload di situs hosting file image gratis yaitu salah satunya “photobucket.com”. Jika belum punya account disana bisa mendaftar di photobucket.com.
DISINI Setelah mengupload gambar sobat akan mendapakan url gambar tersebut.
Sebelum memasang gambar sendiri untuk dijadikan Background di Blog, sobat harus mempertimbangkan terlebih dahulu agar gambar yang kita gunakan sebagai Background bisa maksimal dan tidak memberatkan proses loading pada blog. untuk antisipasi itu Kang Zain Memiliki tips untuk memilih gambar agar lebih maksimal.
Tips Memilih Gambar Background di Blog Agar Maksimal
Berikut beberapa tips untuk memilih gambar agar bisa lebih maksimal untuk lebih menarik tanpa mengurangi berat loading blog:
- Gunakan gambar yang memiliki format jpg, karena jpg termasuk ringan dibandingkan dengan PNG karena gambar png memiliki ukuran file yang besar.
- Ukuran file harus kecil, maksimal ukurannya kurang dari 500kb.
- Memiliki ukuran pixel minimal 1024×768.
CARA GANTI BACKGROUND BLOG DENGAN GAMBAR
Untuk Mengganti Background di Blog Dengan Gambar sobat harus edit HTML dan perlu diingat setiap template kodenya berbeda namun yang pasti adalah tepat setelah kode body{ nah,,, untuk lebih jelasnya seperti dibawah ini:
1. Sobat Pilih menu Template>>> Edit HTML
2. Cari Kode body dengan menggunakan Ctrl+F untuk lebih cepat. maka akan ada tampilan seperti ini:
body{background:#ffffff;color:#444;
font:x-small Georgia Serif;
font-size:small;
text-align:center;margin:0}
Keterangan:
#ffffff : Adalah warna background sobat bisa diganti dengna warna HTML yang lainnya.
3. Untuk mengganti background dengan gambar gunakan kode url(http://url gambar kamu) no-repeat; untuk peletakannya seperti gambar dibawah ini:
body{background: url(http://url gambar kamu) no-repeat;color:#444;
font:x-small Georgia Serif;
font-size:small;
text-align:center;margin:0}
Keterangan:
http://url gambar kamu : Silahkan sobat ganti dengan URL Gambar sobat.
4. Simpan dan selesai, silahkan sobat lihat hasilnya.