Showing posts with label mengganti. Show all posts
Showing posts with label mengganti. Show all posts

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

Read more »