Membuat Background Pada Postingan

Untuk mempercantik postingan kita, kadang - kadang kita memerlukan tambahan background di belakang tulisan kita. Pada pembahasan terdahulu tentang cara membuat tabel sebenarnya agak mirip dengan postingan ini, tapi bedanya kalau tabel hanya menampilkan warna saja sedangkan pembahasan kali ini background akan berupa warna dan gambar.

I. Mengganti warna background.
  • Cukup menambahkan kode berikut ke dalam postingan sobat :


    <div style="background:kode_warna_disini;">

    Tulisan sobat letaknya disini

    </div>

    Untuk kode warna bisa sobat lihat disini

II. Mengganti Background dengan gambar
  • Kodenya seperti berikut ini :


    <div style="background:url(alamat url tempat sobat mengupload gambar) no-repeat right top; text-align:justify; font-size:100%; padding:10px">

    Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini

    </div>

Ganti tulisan yang saya tandai warna merah dengan alamat url tempat sobat mengupload gambar, bisa di Photobucket atau Yahoo Geocities. Untuk contoh punya saya yang telah saya upload ke Photobucket, kodenya seperti ini : http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png

kemudian akan menjadi seperti ini :


<div style="background:url(http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png) no-repeat right top; text-align:justify; font-size:100%; padding:10px">

Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini

</div>


Sangat mudah ya..selamat mencoba !

Posting Komentar