Jumat, 29 November 2013

cara mengganti gambar dan warna background blog

Cara mengganti background blog dengan gambar

 Kembali lihat bentuk umum kode body adalah seperti di bawah ini :
body {background : url (http://3.bp.blogspot.com)
---
---
}
cara mengganti gambarnya adalah :

    1.  Login dahulu ke blog anda
    2.  Pilih Template pada menu blogger anda
    3. Pilih Edit HTML
    4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)

misalnya seperti di bawah ini :


body{background:#610B0B url(http://3.bp.blogspot.com) center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
ganti saja kode yang mirip seperti itu (warna biru ) sesuai dengan url gambar yang telah disiapkan.
Demikian artikel cara mengganti background blog dengan gambar dan warna, semoga dapat bermanfaat.

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...

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda

Total Tayangan Halaman

Diberdayakan oleh Blogger.

Popular Posts

Recent Posts

Sample Text

Download

Unordered List

 

Followers

 

About

Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger