BACKGROUND BLOG DENGAN TEXTURE IMAGE


Tips ini terbilang kuno dan ketinggalan jaman dan telah banyak Tutorial Blogger yang menampilkan tips seperti ini.
Namun jika hasilnya sesuai dengan apa yang diinginkan, tips ini akan tetap menjadi pilihan para peblogger yang ingin menampilkan latar belakang blognya dengan texture image.
Walaupun gambar texture umumnya berukuran kecil, tetap akan memenuhi seluruh backround blog dan akan menjadikan loading blog menjadi lebih ringan.
Beberapa contoh texture image yang diambil dari MS Word 2003 dan hasil copas dari blog lain.

       


CARA MENGGANTI BACKGROUND BLOG DENGAN TEXTURE IMAGE

LANGKAH PERTAMA :
  1. Siapkan sebuah texture image. Disarankan ukurannya jangan terlalu besar, misalnya width 100px dan height 100px.
  2. Upload image tersebut pada hosting penyimpanan gambar seperti Web Picasa, Photobucket, Imageshack atau hosting lainnya yang biasa anda jadikan tempat penyimpanan image.
  3. Copy alamat gambar yang anda upload tadi kemudian simpan pada note pad.
    Alamat gambar misalnya seperti :

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJq-j3Qmv6XlAWtNnTuiQVJnqPNnh1x1RH0CujGhhAj1KqLhb3Wjvfu6zmd-nzYPiZppZJjnpfcv3H79PfimybY8JMFVU5Wdpbl-DwjrzLt9NBCoDBfrsrgsPbOC0w3uy9mr2whd2Y2205/s512/texture6.jpg


LANGKAH KEDUA

  1. Masuk ke Blogger
  2. Pilih Rancangan bagian Edit HTML.
  3. Cari kode seperti dibawah ini

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
  4. Ganti kode yang berwarna kuning dengan kode yang telah ditambahkan kode untuk menampilkan background blog berupa image. Secara lengkap, tampilan kodenya akan menjadi seperti ini :

    body {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJq-j3Qmv6XlAWtNnTuiQVJnqPNnh1x1RH0CujGhhAj1KqLhb3Wjvfu6zmd-nzYPiZppZJjnpfcv3H79PfimybY8JMFVU5Wdpbl-DwjrzLt9NBCoDBfrsrgsPbOC0w3uy9mr2whd2Y2205/s512/texture6.jpg);
    margin:0;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
  5. Ganti alamat gambar diatas https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJq-j3Qmv6XlAWtNnTuiQVJnqPNnh1x1RH0CujGhhAj1KqLhb3Wjvfu6zmd-nzYPiZppZJjnpfcv3H79PfimybY8JMFVU5Wdpbl-DwjrzLt9NBCoDBfrsrgsPbOC0w3uy9mr2whd2Y2205/s512/texture6.jpg dengan alamat gambar milik anda yang tadi disimpan pada note pad.
  6. Klik tombol Simpan.
  7. Lihat background blog anda sekarang.


Selamat mencoba, semoga bermanfaat.....

Tidak ada komentar:

Posting Komentar

Popular Posts

Archives

Download

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes