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 pada Template 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 HTML3. Cari kode body { atau body{
Biasanya kode css tersebut seperti ini :
|
#FFF merupakan warna background blog Anda, jadi setiap blog warna ini akan berbeda.
4. Setelah itu tambahkan kode berikut :
|
Catatan :
Kode yang berwarna Biru bisa Anda ganti dengan URL gambar yang akan dijadikan backgroun blog.
Hasilnya seperti ini :
|
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
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
Sekian artikel mengenai Cara Mengganti Background Blog Menggunakan Gambar. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
0 Komentar Untuk "Cara Mengganti Background Blog Menggunakan Gambar "
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon