RSS

Cara Membuat Background di setiap Postingan berbeda-beda Backgroundnya.


Dalam membuat background ada dua alternatif jenis background, yang satu adalah menggunakan warna saja sebagai background, dan yang satunya lagi menggunakan gambar sebagai backgroundnya. Untuk jelasnya mari kita lihat tutorial blog yang satu ini.


A. Cara Membuat Background dengan Latar Belakang Warna saja.

Agar warna background postingan bisa berbeda-beda setiap postingan, yang harus dilakukan adalah :
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose.
Awali postingan anda dengan kode seperti ini :

<div style="background:kode_warna_disini;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa
anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan.

B. Mengganti Background Postingan Blog kita dengan Gambar

Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background. Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar.

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :

<div style="background:url(alamat_gambar_disini) no-repeat;">


Dan diakhir postingan, harus di tutup dengan kode seperti ini :


</div>


Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan.
Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran
besar dan tidak mau di tampilkan berulang-ulang.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.






1 komentar:

Tips Trick Design Blog mengatakan...

Terima kasih Untuk Tips Tricknya

Posting Komentar

Copyright 2009 My BloG. All rights reserved.
Free WPThemes presented by Leather luggage, Las Vegas Travel coded by EZwpthemes.
Bloggerized by Miss Dothy