Bagi Anda yang ingin tampilan posting blognya lebih menarik dan tidak monoton patut mencoba tips blogger yang satu ini. Tips blogger kita kali ini adalah tips membuat background pada teks di artikel yang kita buat. Dalam membuat background teks terdapat dua pilihan yaitu membuat background dengan warna dan membuat background dengan gambar.

Mari kita bahas satu persatu :

1. Membuat background dengan warna

Yang perlu Anda lakukan adalah ketika Anda akan memulai untuk membuat posting blog, pilih pada tab Edit HTML. Berikan kode berikut ini diantara teks yang ingin Anda beri background warna :

<div style="background:kode warna;">

Isi teks yang ingin di beri background warna…

</div>


PENTING : Ganti tulisan kode warna dengan kode warna yang Anda inginkan. Untuk mengetahui macam-macam kode warrna klik di sini.

Hasilnya akan seperti ini :



2. Membuat background dengan Gambar

Siapkan dahulu gambar yang ingin Anda jadikan background. Kemudian upload gambar tersebut di penyedia hosting gambar gratis seperti Picasa, Photobucket, Flickr dll.
Sama seperti sebelumnya ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML. Berikan kode berikut ini diantara teks yang ingin Anda beri background gambar :

<div style="background:url alamat gambar Anda no-repeat;">

Isi teks yang ingin di beri background gambar

</div>


Ganti tulisan url alamat gambar Anda dengan url penyimpanan gambar Anda. Anda bisa mengganti kode no-repeat menjadi repeat agar gambar ditampilkan berulang-ulang
Berikut contoh hasilnya :

Demikian tips kali ini, Semoga bermanfaat… 

 

Dari : Supardipunya