Halaman

Cara Mengganti warna Background Blog Gambar

Sabtu, 17 Oktober 2015

Cara Mengganti Background Blog Menggunakan Gambar
 - Mengganti background blog menggunakan gambar ini memang tidak begitu penting dalam hal SEO, namun ini akan mempercantik tampilan blog Anda sehinggan pengunjung merasa nyaman dan betah di blog Anda. Dalam Tutorial ini Anda bisa memilih apakah gambar background tersebut akan diam atau akan bergerak mengikuti Scrollbar ? Anda bisa mengaturnya sendiri sesuai selera Anda. Namun yang perlu Anda perhatikan ketika menggunakan gambar sebagai backgroud blog adalah ukuran gambar tersebut mulai dari pixelnya dan juga ukuran file gambar tersebut, usahakan gambar sekitar 16 x 16 px dan ukuran file gambar maksimal 50kb. Untuk ukuran pixel gambar Anda masih bisa lebih dari 16px tetapi jangan sampai ratusan, karena ukurang file gambar pasti akan besar, untuk ukuran file gambar 50kb sudah termasuk maksimal lebih dari itu loading blog Anda akan lambat karena background telalu berat maka dari itu akan Loading Blog Cepat tidak usah menggunakan background yang begitu besar ukuran px dan ukuran filenya.


Cara mengganti blog menggunakan gambar memang tidak begitu sulit dan ribet, Anda hanya perlu memahami CSS yang ada padaTemplate Blog Anda sendiri, setelah itu Anda akan mudah mengeditnya. Tetapi tenang saja bagi Anda yang belum begitu paham dengan CSS, dalam tutorial ini akan saya bagikan secara full dan pasti berhasil mengganti background blog Anda dengan gambar yang diinginkan oleh Anda sendiri. Oke langsung saja bagaimana cara merubah background blog dengan gambar ? Silahkan simak tutorial mengganti background blog dengan gambar yang kita inginkan sendiri dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode body { atau body{
Biasanya kode css tersebut seperti ini :
body {background: #FFF;
css
css
css
}
Catatan :
#FFF merupakan warna background blog Anda, jadi setiap blog warna ini akan berbeda.

4. Setelah itu tambahkan kode berikut
url(http://Url_Gambar_Background.jpg) fixed repeat center top;
Catatan :
Kode yang berwarna Biru bisa Anda ganti dengan URL gambar yang akan dijadikan backgroun blog.

Hasilnya seperti ini :
body {background: #FFF url(http://Url_Gambar_Background.jpg) fixed repeat center top;
css
css
css
}
Ingat !
Tanda ; (titik koma) setelah #FFF dihilangkan

Catatan :
- Kode fixed bisa Anda hapus jika ingin gambar mengukuti Scroll kebawah dan ke atas
- Kode repeat bisa Anda ganti dengan :
repeat-y (gambar akan sejajar vertikal)
repeat-x (gambar akan sejajar horizontal)
no-repeat (gambar tidak akan diulang)
- Kode center top bisa Anda ganti dengan left top atau right top tergantung dari titik awal gambar muncul

5. Klik Simpan Template

Tidak ada komentar:

Posting Komentar