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.
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 :
- Siapkan sebuah texture image. Disarankan ukurannya jangan terlalu besar, misalnya
width 100px dan height 100px
. - Upload image tersebut pada hosting penyimpanan gambar seperti Web Picasa, Photobucket, Imageshack atau hosting lainnya yang biasa anda jadikan tempat penyimpanan image.
- 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
- Masuk ke Blogger
- Pilih Rancangan bagian Edit HTML.
- 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;
} - 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;
} - 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. - Klik tombol Simpan.
- Lihat background blog anda sekarang.
Selamat mencoba, semoga bermanfaat.....
Tidak ada komentar:
Posting Komentar