Sahabat blogger, kebanyakan seorang blogger biasanya tidak pernah berhenti memperhatikan keindahan blognya sendiri dan mempercantik blognya dengan pernak pernik widget sampai segala apapun di pasang di blognya termasuk juga mengganti background blog atau template dengan gambar atau bahkan foto dirinya sendiri di pajang di background. (madamvia)
Jadi tidak di pungkiri bahwa saya juga suka melakukan hal itu, di awal-awal saya membuat blog sampai sekarang dan saya selalu memperhatikan background blog mereka yang tampil canrik, bahkan tak ayal mereka memajang foto mereka di background blog mereka, dan penasaran bagaimana mereka melakukan itu?
Sebelumnya kita siapkan dulu gambar atau fotonya, misalnya seperti di bawah ini:
Sobat blogger, maka dari itu, kali ini dalam rangka mempercantik tampilan blog anda supaya lebih keren dan bisa seperti orang lain, pada kesempata kali ini, saya akan memberikan anda sebuah tutorial tentang bagaimana cara merubah atau mengganti background blog anda dengan sebuah gambar atau foto. Silahkan ikuti tutorial yang saya berikan.
Cara Mengganti Background Blog Dengan Gambar/ Foto
- Buka akun blogger anda
- Pilih Menu Template > Klik Edit Html > gunakan ctrl+
- Lalu anda cari kode body{ atau body { pada template anda.
body{background-color:#E7E5E6;
- Sekarang tugas anda adalah mengganti atau menambhakan kode tersebut dengan url gambar, sehingga akan tampak seperti di bawah ini.
body{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y;
- Atau seperti di bawah ini:
body: #E7E5E6{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y;
- Lalu ganti url gambar dengan url gambar sesuai keinginan anda dan sesudah di tambahkan maka akan tampak seperti di bawah ini:
body{background-image: url(http://3.bp.blogspot.com/-latar-gambar/s1600/retina_wood.png);background-position:top left;background-repeat: repeat-x repeat-y;
- Jika proses penambahan gambar sudah selesai, Lalu klik save template anda.
- Namun jika menginginkan gambar yang full, maka tinggal ganti saja menjadi:
body {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3SWVVZK7DmfBeEBmpsbJcZ6o4pL2t9lmiXn0nYiVpstzfquDUhUKOxY44zcHqGXIwz8jXGHKzMBwo3a-Ah8QySpZbbB6X3Pi6shXlbY1QQCsW5J8R2xXP73zuhTjMt-v2PpVSvPlow/s1600/Video-Game-Powerpoint-Templates-6.jpg)fixed; background-size:100%}
- Atau juga bisa ganti kode body { dengan kode di bawah ini:
body {background:#000 url(URL Gambar anda)fixed;Sobat blogger, namun perlu anda perhatikan untuk ukuran file gambar background di usahkan tidak boleh terlalu besar dalam ukuran byte gambar, minimal ukuran gambar background kurang dari 100kb, untuk menghindari loading lemot pada blog anda.
margin:0 0 0 0;
padding:0 0 0 0;
color:#444444;
font:normal normal 14px Arial, sans-serif;
text-align:left;
background-size:100%
}
Sekarang selesai deh untuk tutorial bagaimana cara mengganti background blog anda dengan gambar sesuai yang anda inginkan. Oke sobat untuk lebih dan kurangnya saya mohon maaf, semoga sukses selalu :)