Best Author
sangdedi

743,613
octa

486,247
fitrotinnikm

456,615
idjah

445,157
dwi

313,549
adit

310,096
resta-andara

275,123
benedict

261,583
rahadian

240,910
bara

228,942
nabilalalala

216,882
kurnitap_

154,132
kuswanto

140,175
suranto

100,765
admin

98,998
iwan

80,055
kupukupu

78,106

Mengganti Background Blog

Pada postingan kali ini aku mau share tentang cara merubah atau mengganti background blog dengan warna atau bahkan gambar sesuai keinginanmu, caranya cukup simple karena hanya merubah sedikit kode CSS kok!
Langsung ke tutorial aja ea! (Lagi males basa-basi nih!)
Seperti biasa! Untuk pengeditan sebuah template, masuk ke menu “Rancangan” dan ke “Edit HTML”
Carilah kode body{ (agar lebih mudah gunakan shortcut F3 atau ctrl F)
Mungkin secara keseluruhan kodenya kurang lebih

body {
font-family:Arial, serif;
font-size:14px;
margin-top:-1px;
line-height: 20px;
background-color:#FFFFFF;
}

Lihatlah pada background-color:#FFFFFF; (atau di beberapa template background:#FFFFFF;) dimana #FFFFFF adalah kode warna hexa untuk warna putih silahkan ganti sesuai keinginan

Untuk Background Gambar

Silahkan tambahkan kode ini dibawah body{
background: url(alamat-background-gambar) repeat;
sehingga menjadi:

body {
font-family:Arial, serif;
font-size:14px;
margin-top:-1px;
line-height: 20px;
background:url(“http://1.bp.blogspot.com/_Sd8u52mpBRQ/TEJ62CkssDI/AAAAAAAAAig/sA-aPGv2sP8/s1600/headerbg.png“) no-repeat fixed center top #211F1D;
}

Nah dimana kode yang bisa diedit diantaranya:
Kode warna merah adalah alamat gambar yang dijadikan background
Kode Hijau berfungsi untuk pengulangan gambar
Seperti:

  • no-repeat gambar tidak akan mengalami pengulangan
  • repeat-x gambar akan mengalami pengulangan secara horisontal (sepanjang sumbu x)
  • repeat-y gambar akan mengalami pengulangan secara vertikal hingga bagian bawah halaman blog (sepanjang sumbu y)
  • repeat gambar diulang ke segala arah

Jangan lupa simpan templatenya!

Sekian hari ini, selamat beraktivitas kawan!!!!

Penulis :
Telah menulis sebanyak 17 artikel
Mendapatkan 78 komentar
  Rating tulisan 0 dari 5

3 Comments

  1. Ubay Nyzhar

    April 4, 2011 at 9:23 am

    :lol: :lol: :lol:

    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. Ubay Nyzhar

    April 6, 2011 at 3:21 am

    8) 8)

    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. Flip

    December 19, 2011 at 10:55 am

    HHIS I should have thghout of that!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>