Background Blog Dengan Texture Image

Tips ini terbilang kuno dan ketinggalan jaman dan telah banyak Tutorial Blogger yang menampilkan tips menyerupai ini.
Namun kalau risikonya 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 mengakibatkan loading blog menjadi lebih ringan.
Beberapa teladan 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, contohnya width 100px dan height 100px.
2. Upload image tersebut pada hosting penyimpanan gambar menyerupai Web Picasa, Photobucket, Imageshack atau hosting lainnya yang biasa anda jadikan kawasan penyimpanan image.
3. Copy alamat gambar yang anda upload tadi kemudian simpan pada note pad.
   Alamat gambar contohnya menyerupai :
   
   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjjUiV2yw6aSWSmmgX3-7c3urAmXT2Okz8bB7pKCdsd17AsXR5ITKTUk39hfpti7nsMycLOG6bG6j2ZREF1Dxv1V6txHR1ORma8JmLedr3fme3KX3sn1CbgrlH44t4Rt2G6i23fc8-scjU/s512/texture6.jpg
   

LANGKAH KEDUA

1. Masuk ke Blogger
2. Pilih Rancangan potongan Edit HTML.
3. Cari aba-aba menyerupai 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 aba-aba yang berwarna kuning dengan aba-aba yang telah ditambahkan aba-aba untuk menampilkan background blog berupa image. Secara lengkap, tampilan kodenya akan menjadi menyerupai ini :
   
   body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjjUiV2yw6aSWSmmgX3-7c3urAmXT2Okz8bB7pKCdsd17AsXR5ITKTUk39hfpti7nsMycLOG6bG6j2ZREF1Dxv1V6txHR1ORma8JmLedr3fme3KX3sn1CbgrlH44t4Rt2G6i23fc8-scjU/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/AVvXsEgjjUiV2yw6aSWSmmgX3-7c3urAmXT2Okz8bB7pKCdsd17AsXR5ITKTUk39hfpti7nsMycLOG6bG6j2ZREF1Dxv1V6txHR1ORma8JmLedr3fme3KX3sn1CbgrlH44t4Rt2G6i23fc8-scjU/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, biar bermanfaat.....
Sumber http://epg-studio.blogspot.com/

Bagikan Artikel ini