Cari Artikel Blog Ini

Total Tayangan Laman

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://lh4.googleusercontent.com/_1j80TgNqd_8/TbzYILCblPI/AAAAAAAACy8/VpAmcUbwTbE/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://lh4.googleusercontent.com/_1j80TgNqd_8/TbzYILCblPI/AAAAAAAACy8/VpAmcUbwTbE/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://lh4.googleusercontent.com/_1j80TgNqd_8/TbzYILCblPI/AAAAAAAACy8/VpAmcUbwTbE/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.....

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
4 Comments

4 komentar :

Johns mengatakan...

texture nya bagus-bagus mas, boleh lah nanti di coba. thanks info nya?

Triyono mengatakan...

saya coba backgroundnya .. thank's mampir
Http://Rilexnet.blogspot.com..

Triyono mengatakan...

tertarik dengan komentar terbaru bisa ada di blog boleh share scriptnya... thank's sebelumnya email aja ke :
Tri_one_11@yahoo.com

EDITING VIDEO mengatakan...

boleh ikutan ya? saya deni dari ciamis
saya ingin banyak temen bloger? silakan kunjungi
blog saya.http://videoediteng.blogspot.com/
terimakasih sebelumnya

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!