Sabtu, 25 Agustus 2012

Cara Membuat Background Pas dengan Blog


Selamat pagi sobat. Pagi-pagi gini Ferd langsung posting aja. Hehe, kali ini Ferd mau bagikan Cara Membuat Background Pas dengan Blog. Terkadang ribet ya, kalo mau ganti background gambarr mesti sama dengan ukuran blog kita. Apalagi pas kita scroll, gambarnya tidak mengikuti scroll tersebut alias nyangkut diatas. Nah begini caranya agar tidak seperti itu lagi :

Silahkan kamu login ke akun blogger dan pilih menu Rancangan/Design kemudian pilih Edit HTML, cari tulisan yang ber headline ungu seperti dibawah ini dalam template kamu ( gunakan CTR+F untuk memudahkan pencarian)

body{background: #000000 ;color:#4a4848;font:75% "Helvetica Neue",Arial,Helvetica,sans-...}

Kode tersebut adalah CSS template kamu , jika sudah ditemukan kamu harus menghapus sisa kodenya sampai sebelum kurung tutupnya nantinya akan tersisa seperti ini body{background:}

copy kode dibawah ini :



url(URL GAMBAR KAMU)no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;


Sisipkan kode yang dicopy tadi ke dalam CSS yang baru saja kamu hapus tadi, tepatnya setelah tanda titik dua, nantinya akan jadi seperti ini


background: url(URL GAMBAR KAMU) no-repeat center center fixed;


        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
  Silahkan save. Nah selesai sudah tahapannya sekarang blog kamu sudah memiliki background full yang sempurna :)...

note: jika blog diakses menggunakan IE (Internet Eksploler) maka background akan terlihat tidak sempurna atau tidak tampak, untuk mengatasi masalah ini silahkan tambahkan kode ini


filter: progid:DXImageTransform.
Microsoft.
AlphaImageLoader(src='.myBackground.jpg', 
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='myBackground.jpg', 
sizingMethod='scale')";
 
 
 
 
 
 
 
 
 
 
 

Sumber : Annanda Hobbious
thumbnail
Title: Cara Membuat Background Pas dengan Blog
Posted by

Related post Blog Tutorial :

12 Komentar:

  1. Kunjungan Rutin Bro
    heheheh :D

    BalasHapus
  2. mantaf bro ane coba dech...
    mudah2 an ane bisa..
    bro ane folow mhon di folback ya...
    salam bloger...
    silahkan berkunjung ke blog ane

    BalasHapus
  3. Info_Me : makasih s0b udh berkunjung... Oke saya folback...

    BalasHapus
  4. kunjungi balik sob... :)
    http://devil-trick.blogspot.com/

    BalasHapus
  5. thanks ya.berhasil,blog lain kagak

    BalasHapus
  6. tips nya mantap sekali gan mkasih infonya

    BalasHapus
  7. kunjungin bloga ane ya :)
    dragonballsite4u.blogspot.com

    BalasHapus
  8. gan di template mobile ane pas di swipe ke kanan atau ke kiri itu otomatis pergi ke halaman selanjutnya,, nah kalau cara ngilangin itu gimana??

    BalasHapus

 
Copyright © 2013. Contact - Privacy - Disclaimer - DMCA - Sitemap
Template Seo Elite by Bamz