Mungkin kita pernah melihat tutorial blog seperti gambar dibawah ini.
Dan yang menjadi pertanyaan, bagaimana membuat background warna pada postingan seperti gambar diatas. Perlu diketahui bahwa penggunaan background warna perlu menggunakan kode warna, yang dapat Anda cari di Adobe Photoshop.
Cara membuatnya sangat simple, berikut langkah-langkahnya:
1. Setelah Anda menulis artikel, masuk ke tab Edit HTML dan cari tulisan / paragraf mana yang hendak Anda beri background warna.
2. Kemudian diatas tulisan / paragraf yang akan di warnai, beri kode seperti ini:
<div style="background:KODE WARNA;">
(Ganti kode warna yang berwarna merah tersebut dengan kode yang Anda inginkan)
3. Lalu akhiri dengan kode:
</div>
Contohnya seperti iniBACKGROUND GAMBAR:
Dan hasilnya seperti contoh gambar yang diatas.
1. Kalau tadi background warna kodenya seperti ini " <div style="background:KODE WARNA;"> "; maka untuk mengganti menjadi kode gambar menjadi seperti ini:
<div style="background:url (URL IMAGE) no-repeat;">
(URL IMAGE diganti dengan URL dari gambar yang akan di gunakan)
2. Dan seperti biasa diakhiri dengan kode
</div>
OK, Selamat mencoba.
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!