Mempercantik Blog dengan Background Image
Menambahkan background image pada <body> template blog sebenarnya sangat tidak saya rekomendasikan karena berpotensi untuk membuat load situs blog kita menjadi berat / lemot. Solusinya adalah dengan menggunakan background image repeat, yaitu sebuah kode CSS untuk menduplicate gambar secara berulang-ulang.
Jadi disini kita nantinya akan menggunakan gambar dengan ukuran yang sangat kecil lalu menduplikat gambar tersebut hingga memenuhi 1 halaman. Perlu dicatat bahwa cara ini sebenarnya hanya cocok untuk gambar berjenis pattern / pola garis seperti persegi / segita. Untuk menerapkannya dalam blog siapkan terlebih dahulu gambar yang akan kita jadikan sebagai background, sebagai contoh saya akan menggunakan gambar dengan pola kotak.
Dan untuk menerapkan gambar tersebut menjadi background pada bagian body template, silahkan gunakan kode CSS dibawah ini :
CSS
body {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Zh_HUdzvnyl1ISxZznJNByxOwJlQDfn_A-fOx1VW-mtqpVBMKcCc9J_rkzT0A8J0bvJExgF8fTJRKAmEtfbAl7of74aHOFaldk0lVtMuvoxiz0w_E1ITjcx_B2Uhj5mJQSIeuxVfcTw/s1600/noisy_grid.jpg) repeat scroll top left;
}
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Zh_HUdzvnyl1ISxZznJNByxOwJlQDfn_A-fOx1VW-mtqpVBMKcCc9J_rkzT0A8J0bvJExgF8fTJRKAmEtfbAl7of74aHOFaldk0lVtMuvoxiz0w_E1ITjcx_B2Uhj5mJQSIeuxVfcTw/s1600/noisy_grid.jpg) repeat scroll top left;
}
Copy lalu paste kode tersebut, tepat diatas kode ]]></b:skin> (untuk blogger). Selanjutnya save dan lihat hasilnya, dijamin blog Anda akan tampil lebih cantik dengan background kotak-kota yang keren.
0 komentar:
Posting Komentar