Saturday, November 28, 2009

Bosen Dengan Background Blog-mu.?

Ternyata mengganti background blog itu tidak lah sulit.teman-teman hanya harus menambahkan sedikt ke script blog teman-teman.
oke ini dia langkah-langkahnya.
  1. pastikan kamu sudah login ke acount blog terlebih dahulu
  2. Pilih dasboard -> Tata Letak -> Edit Html
  3. cari kode berikut:

    body {
    background:  
  4. Masukkan kode berikut di bawahnya:

    background: #642D8B url('url gambar anda' ) fixed repeat top left;

    Hasilnya seperti di bawah ini

    body {
    background: $bgColor;
    background: #642D8B url('url gambar anda') fixed repeat top left;                                                                                                                                                                                                                  jika kamu background itu foto anda.anda harus terlebih dahulu meng-upload foto ke photobucket.com kamu cari direct link,lalu masukan ke('url gambar anda' )contoh:                                                         body {
    background: $bgColor;
    background: #642D8B url(http://i248.photobucket.com/albums/gg182/alzaeemalqarry/Wallpaper/immagine1cn5.png) fixed repeat top left;         
  5. Agar background di samping header berubah, maka anda harus mengubah kode berikut:

    #header-wrapper {
    margin:0;
    padding: 0;
    background-color: $headerCornersColor;
    text-align: $startSide;

    Ubah menjadi:

    #header-wrapper {
    margin:0;
    padding: 0;
    background: #642D8B url('url gambar anda') fixed repeat top left;
    background-color: $headerCornersColor;
    text-align: $startSide; 
  6.  agar background kelihatan / trasparan kamu cukup tambahkan tulisan opacity: 0.70; pada
      body {
    background: $bgColor;
    background: #642D8B url('url gambar anda') fixed repeat top left; 
  7.  simpan template                                                                                                                                   Silakan dicoba.^^

No comments:

Post a Comment