Home » Blogspot » Cara Mengganti Background Blog (blogspot)

Cara Mengganti Background Blog (blogspot)

6 Apr. 200942 comments
Cara Mengganti Background Blog (blogspot)

Untuk bisa mengganti gambar background blog (blogspot) syarat pertama anda harus menyimpan gambar background anda di situs yang menyediakan tempat penyimpanan file seperti Photobucket.com, Picasa, flick dll. Tapi ingat sebelum anda menyimpan, anda harus terlebih dahulu mendaftar di sana, gratis kok. Nah kalo sudah daftar, terus sudah upload gambar yang mau dijadikan background, sekarang perhatiannya kita fokuskan ke blog.

1. Login ke Blogger.
2. Pilih menu LAYOUT lalu edit HTML.
3. Jangan kasih tanda checklist pada kolom EXPAND TEMPLATE WIDGET.
4. Cari kode css body, kurang lebih contohnya seperti di bawah ini :

body {
background:#fff;
}

Untuk memudahkan pencarian tekan Ctrl+F, pada kotak pencarian masukkan body { kalo sudah ketemu, tambahkan kode seperti di bawah ini di antara tanda { dan } :

background:#fff url(URL FILE GAMBAR ANDA);

Tapi kalo misalnya sudah ada kata background, tinggal ditambahkan kode yang berwarna merah saja, dan jangan lupa selalu ditutup dengan tanda “;”. Contoh kode keseluruhan kira-kira jadi seperti ini  (sekedar contoh) :

body {background:#fff url(http://i690.photobucket.com/albums/vv270/alwi/alwi70bg.jpg);
}

Catatan :

– Kode warna #fff hanya sekedar contoh, anda bisa menggantinya sesuai selera. Pemberian kode warna ini nantinya akan berfungsi ketika browser pengunjung mematikan tampilan gambar atau warna tersebut akan tampil pada area/bidang yang tidak terhalang oleh gambar.

– Tulisan URL FILE GAMBAR ANDA, ganti dengan Url gambar yang anda simpan. Sebagai contoh, silahkan ganti Url-nya dengan Url di bawah ini :

(http://s690.photobucket.com/albums/vv270/alwi/alwi07bg.png)

(http://i690.photobucket.com/albums/vv270/alwi/bggaris-1.gif)

(http://i690.photobucket.com/albums/vv270/alwi/bggaris.gif)

Kalo sudah, klik PREVIEW dan coba anda lihat hasilnya terus simpan Ok…selamat mencoba. Untuk blog wordpress khususnya yang hosting sendiri (self hosting) caranya ada di postingan ini : Cara Mengganti Background Theme WordPress.

Mudah-mudahan artikel tentang Cara Mengganti Background Blog (blogspot) ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Cara Mengganti Judul Blog Dengan Judul Posting (Blogspot)
  2. Cara Mengganti Icon Pada Address Bar Blogspot
  3. Cara setting domain di co.cc
  4. Post Editor Baru di Blogger.com
  5. Aplikasi Blogger Untuk iPhone
  6. Read More Feature On Blogger
  7. Optimasi Link Komentator Blogspot
  1. 2-2-2010 at 07:24 | #1

    mantap Kang…
    makasih atas infonya,…
    aku simpan dulu entar dipake kalau mau ganti background

    Bang Iwan Reply:

    tAKUT KALAU MALAH TAMBAH ERROR KANG…

    Bang Iwan Reply:

    Tambak lambat loadingnya..

    Bang Iwan Reply:

    Nggak ngerti HTML.

    Bang Iwan Reply:

    Bisa ngutak-atik sih, tapi nggak bisa betulin

    Bang Iwan Reply:

    Saya mesti harus lebih banyak belajar.

    Bang Iwan Reply:

    makanya sering datang kesini.

  2. 19-4-2010 at 00:24 | #2

    Boleh juga ni bang triknya

    Bang Iwan Reply:

    trik yang mantap sangat

  3. 11-5-2010 at 11:30 | #3

    kk , kok yg tampil cuma setengah nya ???

    Hybrid car Reply:

    mungkin perlu dilihat juga ukuran gambarnya bro…

  4. 24-5-2010 at 10:01 | #4

    Harus mengerti sedikit tentag HTML ya ?

  5. 2-6-2010 at 09:24 | #5

    Aku sudah coba…Kang..

    Bang Iwan Reply:

    maksih banyak atas tutorialnya..

    Bang Iwan Reply:

    Tapi kayaknya koq blog saya tambah berat..

    Bang Iwan Reply:

    jadi terpaksa saya batalin aja.

  6. 4-6-2010 at 14:07 | #6

    wah aku coba neh, tp takut neh aku gak ngerti html tar jadi hancur hancuran

  7. 7-6-2010 at 11:48 | #7

    blogspot ya.. hmmmm

    Bang Iwan Reply:

    Iya Kang blogspot…. hemmmmmm

  8. 14-8-2010 at 20:43 | #8

    mantab infonya sobat..thx

  9. 21-8-2010 at 14:17 | #9

    Mas untuk mengatasi agar loadingnya ngga jadi lambat gimana?

    Silahkan baca artikel saya di category optimasi wordpress
  10. 2-9-2010 at 09:08 | #10

    kenapa blog q gak bisa yah?

Comment pages