Searching...
Home , , → Cara Mengganti Background Blog Menggunakan Gambar

Cara Mengganti Background Blog Menggunakan Gambar

Cara Mengganti Background Blog Menggunakan Gambar - Ficri Pebriyana
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 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

Sekian artikel mengenai Cara Mengganti Background Blog Menggunakan Gambar. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

4 Komentar Untuk "Cara Mengganti Background Blog Menggunakan Gambar"

wah boleh juga ni diterapkan di blog ane
thx tutornya min (y)

Balas

iya sob, silahkan dicoba =D

Balas

mas fikri mau tanya, berpengaruh nggak mas sama kecepatan blog seandainya diberikan background?

Balas

pasti berpengaruh, jadi tidak di sarankan jika blog menggunakan background gambar jika memang ingin loadingnya cepat.

Balas

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terimakasih atas komentar Anda di "Cara Mengganti Background Blog Menggunakan Gambar"