Mengatur Warna dan Gambar BackGround Postingan

Mungkin teman2 pernah mengunjungi suatu website atau blog yang di dalamnya terdapat postingan dengan warna background yang berbeda alias berwarna-warni, serta postingan yang memiliki background bergambar. Untuk membuat dua macam background tersebut (warna dan gambar) tidaklah sulit, karena kita hanya membutuhkan beberapa kode script khusus untuk menampilkan efek tersebut ke dalam postingan kita.

Contoh untuk postingan dengan background berwarna

Mungkin teman2 pernah mengunjungi suatu website atau blog yang di dalamnya terdapat postingan dengan warna background yang berbeda alias berwarna-warni, serta postingan yang memiliki background bergambar. Untuk membuat dua macam background tersebut (warna dan gambar) tidaklah sulit, karena kita hanya membutuhkan beberapa kode script khusus untuk menampilkan efek tersebut ke dalam postingan kita.

Untuk mengatur warna background seperti di atas, kita membutuhkan kode berikut

<div style="background:#FF9900"> ISI POSTINGAN </div>

Contoh pembuatannya adalah sebagai berikut

<div style="background:#FF9900">Mungkin teman2 pernah mengunjungi suatu website atau blog yang di dalamnya terdapat postingan dengan warna background yang berbeda alias berwarna-warni, serta postingan yang memiliki background bergambar. Untuk membuat dua macam background tersebut (warna dan gambar) tidaklah sulit, karena kita hanya membutuhkan beberapa kode script khusus untuk menampilkan efek tersebut ke dalam postingan kita.</div>

Maka Hasilnya akan seperti berikut ini

Mungkin teman2 pernah mengunjungi suatu website atau blog yang di dalamnya terdapat postingan dengan warna background yang berbeda alias berwarna-warni, serta postingan yang memiliki background bergambar. Untuk membuat dua macam background tersebut (warna dan gambar) tidaklah sulit, karena kita hanya membutuhkan beberapa kode script khusus untuk menampilkan efek tersebut ke dalam postingan kita.

Teman2 juga bisa mengtur warna backgroundnya dengan mengubah kode [#FF9900] alias orange. Silahkan pilih kode warnanya di sini.




Selanjutnya contoh Postingan dengan background bergambar

SIAPA YANG GAK MAU UANG? KEBANYAKAN ORANG BUTA HATINYA KARENA UANG, MENDING DAPAT UANG DENGAN MENJUAL BARANG...PARAHNYA BEBERAPA ORANG DAPAT UANG DENGAN MENJUAL DIRINYA...BERHARGAKAH DIRI KITA? YA BENAR, BERHARGA. TAPI JANGAN SEENAKNYA MEMASANG HARGA DONG...EMANGNYA BARANG?

Untuk membuat postingan dengan background gambar seperti di atas maka kodenya adalah sebagai berikut

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRC5ZjCWNQFCXjzXuMGNQVacTO4AN_oI9NNaRHQ0OYk-8VsWM6AsFlytyRD7-ug39lio9hF36sfP9CR_kSRqepy4Rb7eQ55Ro8ZKK2fDR8vQrGIE_T_if8w-8o-9DXoeFz-zdSFSW7fVyI/) no-repeat;"> ISI POSTINGAN </div>

Contoh pembuatan

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRC5ZjCWNQFCXjzXuMGNQVacTO4AN_oI9NNaRHQ0OYk-8VsWM6AsFlytyRD7-ug39lio9hF36sfP9CR_kSRqepy4Rb7eQ55Ro8ZKK2fDR8vQrGIE_T_if8w-8o-9DXoeFz-zdSFSW7fVyI/) no-repeat;">SIAPA YANG GAK MAU UANG? KEBANYAKAN ORANG BUTA HATINYA KARENA UANG, MENDING DAPAT UANG DENGAN MENJUAL BARANG...PARAHNYA BEBERAPA ORANG DAPAT UANG DENGAN MENJUAL DIRINYA...BERHARGAKAH DIRI KITA? YA BENAR, BERHARGA. TAPI JANGAN SEENAKNYA MEMASANG HARGA DONG...EMANGNYA BARANG?</div>


Maka hasilnya akan seperti berikut ini

SIAPA YANG GAK MAU UANG? KEBANYAKAN ORANG BUTA HATINYA KARENA UANG, MENDING DAPAT UANG DENGAN MENJUAL BARANG...PARAHNYA BEBERAPA ORANG DAPAT UANG DENGAN MENJUAL DIRINYA...BERHARGAKAH DIRI KITA? YA BENAR, BERHARGA. TAPI JANGAN SEENAKNYA MEMASANG HARGA DONG...EMANGNYA BARANG?

Gampangkan? Untuk mengganti gambar background, tinggal diganti saja URL gambar yang telah saya tandai dengan warna biru.






Semoga Bermanfaat []

Tags: mengatur warna dan background post, kode HTML warna dan background, script postingan background warna, setting warna dan background postingan