,
Headlines News :
Home » » Cara Membuat Full Background Di Blogspot

Cara Membuat Full Background Di Blogspot

Written By Nanda Journey on Kamis, 08 Desember 2011 | 19.11

Dulu saya sering kesulitan jika akan memasukan sebuah image/gambar untuk dijadikan full background buat blog karena saya harus merubah ukurannya terlebih terlebih dahulu agar sesuai dengan ukuran template yang digunakan, tapi Alhamdulillah setelah kenalan sama om CSS3 kendala seperti itu tidak saya jumpai kembali.
Caranya sangat mudah, kita tinggal memasukan kode tambahan dalam akhiran CSS yang berisi url background gambar yang akan ditampilkan. Untuk lebih jelasnya mari kita langsung praktekan saja.

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',
Anda sedang membaca artikel tentang Cara Membuat Full Background Di Blogspot dan anda bisa menemukan artikel Cara Membuat Full Background Di Blogspot ini dengan url http://hy-hack.blogspot.com/2011/12/cara-membuat-full-background-di.html,Dilarang menduplikat artikel ini Cara Membuat Full Background Di Blogspot jika sangat bermanfaat hanya boleh sebagai artikel refrensi atau harus mengulas nya dengan bahasa / kalimat yang berbeda dan memberi link ini : Cara Membuat Full Background Di Blogspot


Artikel Terkait:

Share this post :

Poskan Komentar

Blog Dofolow , Tapi Tolong jangan nyepam dan ada kata kata yang tidak baik

 
Support : Abaut Us | Contact Us | Privacy Policy | Term of Use | Redaksi | Advertise | Lowongan Kerja | Forum | Tabloit | Mobile Version | Hy Hack Toolbar
Copyright © 2011. HY hack - All Rights Reserved Template Created by Heykhend
Published by Heykhend Corp. Developed by PT Heykhend Publik Media (HPM)