music mY bl0g

Selasa, 09 November 2010

Membuat Background Postingan Blogspot anda menarik dan berbeda-beda

Dalam membuat background ada dua alternatif jenis background, yang satu adalah menggunakan warna saja sebagai background, dan yang satunya lagi menggunakan gambar sebagai backgroundnya.

nah, sekarang saya akan membahas hal tersebut . step by step saya akan jelaskan secara detail


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(tentunya sedikit akan menggunakan edit html) tenang, tak susah-susah banget kok.
Awali postingan anda dengan kode seperti ini :

<(div) (style) = (" background:kode_warna_disini);(")>

inget,tanda kurung tak usah dipake,pakai spasi hanya untuk pemisah div dan style.Dan diakhir postingan, harus di tutup dengan kode seperti ini :

< /d i v >

tanpa spasi ya
tanpa tanda kurung buka dan kurung tutup ya,sama hal nya seperti membuat kode html kan!

Ganti tulisan kode_warna_disini dengan kode warna(untuk mengetahui kode-kode warna anda bisa melihatnya dengan mudah di Adobe photoshop jika tidak hafal kode warnanya) 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);(")>

hilangkan tanda "("dan tanda")" juga ya.Dan diakhir postingan, harus di tutup dengan kode seperti ini :


< / d i v >

tanpa spasi juga ya
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.

Nah itulah postingan agar postingan anda menarik dan enak dibaca

Oke ya cukup untuk hari ini

0 komentar:

Posting Komentar

Septian Maulana. Diberdayakan oleh Blogger.

Stephanie VERSUS Cika famouss

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Laundry Detergent Coupons