Friday, February 24, 2017

MENGGANTI BACKGROUND TEMPLATE BLOG

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

Available link for download