Best Author
sangdedi

743,913
octa

487,217
fitrotinnikm

456,625
idjah

445,477
dwi

313,905
adit

310,306
resta-andara

275,963
benedict

261,605
rahadian

241,178
bara

228,950
nabilalalala

217,000
kurnitap_

154,132
kuswanto

140,795
suranto

100,765
admin

99,130
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>