Minggu, 22 Desember 2013

Cara Mengganti Background Blog Blogspot Dengan Gambar dan Warna


Cara mengganti background blog

Cara mengganti background blog memang sangat mudah. Banyak blogger yang sudah bosan dengan tampilan blognya karena kurang menarik, terutama background blognya. Mungkin anda juga.

Jadi untuk anda yang senang dengan tampilan pilihan sesuai selera, anda bisa mengganti background blog dengan gambar maupun mengganti warna background blog saja.

Perlu diketahui bahwa kode dasar untuk mengganti background terletak pada CSS. Jadi, silahkan cari kode CSS BODY di kode template blog anda. Sebagian besar kode nya seperti ini..

    body {
    background: #18E115;
    …….
    …….
    }


#18E115 adalah kode warna background blog anda, ini bisa anda ganti sesuai keinginan anda.

Update:
Karena ada banyak teman-teman blogger yang tidak menemukan kode body pada CSS nya.. Maka alternatif yang lain adalah dengan menambah kode body ke dalam CSS nya.. Silahkan tambahkan kode diatas dibawah <b:skin>

OK, saya rasa anda sudah tau mengenai kode CSS diatas. Jadi, mari kita bahas cara mengganti background blog...

Cara mengganti warna background blog

Ini prosesnya sangat mudah sekali, jika ingin mengganti warna background blog anda, silahkan ikuti langkah-langkah berikut..
  • Masuk ke akun blogger anda
  • Masuk ke menu template, kemudian klik Edit HTML
  • Cari kode yang mirip seperti kode dibawah ini
    body {
    background: #18E115;
    …….
    …….
    }

  • Anda tinggal mengganti kode yang berwarna merah dengan kode warna sesuka anda.
Memang sangat mudah untuk mengganti warna background blog anda. Sekarang anda bisa mengikuti cara mengganti background blog dengan gambar

Cara mengganti background blog dengan gambar 

Cara ini hampir sama seperti cara mengganti warna bacground blog. Perbedaan nya hanya pada penambahan kode pada CSS BODY tersebut. Lebih mudahnya, silahkan ikuti langkah-langkah berikut.
  • Masuk ke blogger
  • Masuk menu template, kemudian klik Edit HTML
  • Cari kode yang mirip seperti kode dibawah ini 
    body {
    background: #18E115;
    …….
    …….
    }

  • Silahkan tambahkan kode pada CSS tersebut seperti dibawah ini
background:#cccccc url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;

Silahkan baca penjelasan tentang kode diatas berikut ini
  1.  url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
  2. fixed  bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
  3. repeat-y bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode). 
  4. center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
Untuk memilih gambar yang baik, ada baiknya anda ikuti tips dibawah ini..
  1. Gambar sebaiknya berkuran kecil, yaitu kurang dari 500 kb. Karena jika terlalu besar bisa membuat loading blog anda berat.
  2. Gambar memiliki ukuran minimal 1024x768 pixels.
  3. Sebaiknya gunakan gambar yang berformat .jpg, karena biasanya gambar yang berformat png ukurannya lebih besar.
Memilih gambar yang berukuran kecil harus dilakukan, karena jika salah, atau memilih gambar yang besar maka bisa saja memperberat loading blog anda. Dan akibatnya tidak bagus bagi blog anda.

Jadi itulah cara mengganti background blog yang paling umum dilakukan banyak blogger, kode diatas bisa anda edit dan kreasikan sendiri sesuai selera. Semoga artikel ini bermanfaat untuk anda. Dan terima kasih sudah datang berkunjung dan membaca artikel...
- See more at: http://www.seoterpadu.com/2013/06/cara-mengganti-background-blog.html#sthash.CNaeczPr.dpuf

Tidak ada komentar:

Posting Komentar