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 !

Berlangganan artikel terbaru via Email
Artikel Lainnya :

11 comments

2 Juli 2009 17.27

mas terimakasih banyak ya....

15 Agustus 2009 10.56

Terima kasih mas atar infonya....


saya mau coba dulu ne...

15 Agustus 2009 10.57

Jangan Lupa tuk berkunjung,,,

24 Februari 2010 23.05

thanks triknya,,,,,,,,,,,

22 Juni 2010 07.38

Keren...trik jitu untuk bisa menggoda pengunjung nih...

27 November 2010 18.08

Background yg untuk warna berhasil sukses..

Tapi background gambar kok ga bisa ya? Padahal udah sama persis caranya..

27 Maret 2011 20.18

wah ternyta bisa juga ya membuat background di postingan

30 Maret 2011 07.59

yang nomor 1 ga bisa bro... kr2 kenapa ya?"

17 Mei 2011 11.13

thx buat infonya, see my blogs http://vivaserius.blogspot.com/

21 September 2011 11.06

thanksgan..dicoba
www.infokerjainternet.blogspot.com

23 Oktober 2011 15.37

makasih gan
udh ane cba hhe :)
lmyan bwat2 hias2 :D

Poskan Komentar

Reader Community

Recent Comments