Best Author
sangdedi

743,663
octa

486,485
fitrotinnikm

456,615
idjah

445,213
dwi

313,637
adit

310,154
resta-andara

275,383
benedict

261,599
rahadian

240,990
bara

228,942
nabilalalala

216,900
kurnitap_

154,132
kuswanto

140,335
suranto

100,765
admin

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