Monday, May 2, 2011

CARA MENGGANTI BACKGROUND BLOG DENGAN TEXTURE IMAGE



Mengganti sebuah begroundt sangat penting disetiap kita akan mencoba berkreasi, namun kadang kala ada sebagian orang mengatakan begroundt ini tergplong kuno alias kadaluarsa tapi.... setelah saya mencoba di blog saya yang satunya kayaknya cukup bagus, untuk langkah-langkahnya dibawah ini yaa...



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.

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free