» Cara mengganti background Template/Blog

    Cara mengganti background Template/Blog

    Jika ingin mengganti background template pada blog ada dua pilihan yang masing-masing caranya hampir sama. Sobat tinggal pilih mengganti dengan background warna atau dengan gambar/image. Jika ingin mengganti dengan warna sobat tinggal masukkan kode warna menurut selera sobat.

    sedangkan untuk gambar sobat harus siapkan alamat gambar/image yang sudah terupload ke tempat hosting di mana sobat menyimpan gambar/image.Dengan ukuran gambar cukup kecil saja. Jika sobat belum jelas bagaimana cara memasukkan kode warna dan alamat gambar/image bisa ikuti cara di bawah ini:

    Untuk mengganti background warna pada template klasik:
    • Masuk ke blog sobat.
    • Pilih tata letak.
    • Klik edit HTML.
    • Untuk antisipasi backup template dulu.
    • Cari kode css seperti di bawah ini:
      body { background:#fffff;margin:0;
      color:#333333;
      font:x-small Georgia Serif; font-size/* */:/**/small;
      font-size: /**/small;
      text-align: center;
      Ganti kode yang berwarna merah dengan kode warna yang sobat inginkan,misal dengan warna kuning kodenya seperti ini: #FFFF33.
      Maka hasilnya:
      body { background:#FFFF33;
      margin:0;
      color:#333333;
      font:x-small Georgia Serif; font-size/* */:/**/small;
      font-size: /**/small; text-align: center;
      Agar pengunjung tidak susah untuk membaca sesuaikan warna backround dengan warna tulisan sobat.
    • Jika sudah klik save.
    • Lihat hasilnya.

    Untuk mengganti background gambar/image pada template klasik:
      Misal di sini saya punya alamat gambar: http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg
      Dengan ukuran seperti ini:
      ccs
      Maka tambahkan alamat tersebut pada kode di atas,hingga hasilnya seperti di bawah ini:
      body { background:#ffffff url('http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg');
      margin:0;
      color:#333333;
      font:x-small Georgia Serif;
      font-size/* */:/**/small; font-size: /**/small;
      text-align: center;

    Untuk mengganti background pada template baru:
    • Masuk ke blog sobat.
    • Pilih tata letak.
    • Klik edit HTML.
    • Untuk antisipasi backup template dulu.
    • Beri tanda centang pada expand template widged.
    • Cari kode css seperti di bawah ini:
      body { background:$bgcolor;margin:0;
      font:x-small Georgia Serif;
      color:#333333;
      font-size/* */:/**/small;
      text-align: center;
      Tambahkan alamat gambar pada kode warna merah,hasilnya seperti di bawah ini:
      body { background:$bgcolorurl ('http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg');
      margin:0;
      font:x-small Georgia Serif;
      color:#333333;
      font-size/* */:/**/small; font-size: /**/small;
      text-align: center;
    • Simpan template
    • Lihat hasilnya

    Tag : Belajar Blog
    0 Komentar untuk "Cara mengganti background Template/Blog"

    Back To Top