Membuat Background Gambar di Sudut Halaman Blog

Membuat Background Gambar di Sudut Halaman Blog – terinspirasi dari blog-blog tetangga yang juga menggunakan gambar pada background halaman blognya dan untuk membuat background gambar pada sudut halaman blog seperti yang mungkin juga sering anda lihat maka akan saya bahas pada tutorial ini. Mungkin juga ada yang menginginkan namun masih bingung maka dari itu mari kita bahas bersama agar untuk membuat sudut pada halaman blog dengan menggunakan gambar dapat kita modifikasi sesuai dengan keinginan. Apalagi jika masih menggunakan template bawaan blogger sudah pasti masih standar dan belum tercustom, namun jika ingin membuat background gambar pada sudut halaman blog juga bisa dilakukan dengan langkah yang mudah hanya dengan menambahkan sedikit kode CSS kedalam template blognya. Untuk yang menggunakan template download pun biasanya juga sudah langsung disertakan sehingga tidak perlu lagi karena sudah dilengkapi oleh pembuat template itu sendiri, namun ada juga yang belum. Maka dari itu untuk lebih jelasnya, berikut adalah tutorial cara Membuat Background Gambar di Sudut Halaman Blog dengan tambahan CSS yang simple.

1. Login ke akun blogger.
2. Buka editor template seperti biasa klik Template pilih Edit HTML.
3. Untuk template default blogger atau standar bawaan dari blogger, maka caranya copy kode CSS berikut ini lalu paste di atas kode ]]></b:skin> kemudian klik Simpan Template.

.content-inner {
background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKss7XywgeRhbZzB7wSuQC9eGmzwJjEtiry_zsSYzyT6y-ZWxPGXAMTY37qW1vhSH9u9bH0Ce6vovAUofUEe3FTcPKsB_9sPlVRdRvqkLYwdKlCduBr-xtvXi8OBjSy0aHNivCRvTJwFY/w990-h300-no/Faceblog-Evolutions+%25286%2529.gif) no-repeat;
background-position:bottom;
}

Keterangan:
Ganti kode #FFF dengan warna latar blog anda.
Jika ingin menggunakan gambar lain, bisa merubah URL gambar dengan pilihan URL yang terdapat dibawah gambar. Silahkan lihat gambar lebih banyak lagi untuk memilih URL yang ada.

Pilih Gambar

Untuk yang menggunakan template download dari situs-situs template maka kode tidak selalu sama. Maka dari itu sebagai contoh saja mungkin sebagian ada yang sama, cari kode seperti dibawah ini:

#container {

Atau:

#outer-wrapper {

Atau bisa juga:

.content {

Apabila sudah ketemu maka tinggal menambahkan saja kode berikut ini didalamnya kurung kurawal {}.

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKss7XywgeRhbZzB7wSuQC9eGmzwJjEtiry_zsSYzyT6y-ZWxPGXAMTY37qW1vhSH9u9bH0Ce6vovAUofUEe3FTcPKsB_9sPlVRdRvqkLYwdKlCduBr-xtvXi8OBjSy0aHNivCRvTJwFY/w990-h300-no/Faceblog-Evolutions+%25286%2529.gif) no-repeat;
background-position:bottom;

Lalu bisa pratinjau template terlebih dahulu kemudian jika sudah sesuai bisa klik Simpan Template.