Disini saya menjelaskan bagaimana mengubah background BLOG anda.Sebelumnya anda harus mempunyai situs penyimpanan file sepertiimageshack atau Photobucket.com.(intinya anda harus punya gambar yang di buat background itu punya alamat url) Tapi ingat sebelum anda menyimpan, anda harus terlebih dahulu mendaftar gratis kok. Nah kalo sudah daftar, terus sudah upload gambar yang mau dijadiin
background, sekarang perhatiannya kita fokuskan ke
blog.
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Perhatikan warna merah bro....... !! dan ganti dengan kode dibawah ini :
background-image: url ("http://ALAMAT URL GAMBAR ANDA");
Dan jangan lupa, tambahkan kode ini
background-attachment: fixed;
Dan letakkan tepat dibawah kode baru tsb, atau kurang lebih akan terlihat seperti ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background-image: url ("http://ALAMAT URL GAMBAR ANDA");
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Warna biru bisa anda pilih dari dua pilihan :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Catatan :
Tulisan URL FILE GAMBAR ANDA, ganti dengan Url gambar yang anda simpan.
- Login ke Blogger.
- Pilih menu LAYOUT lalu editHTML
- Jangan kasih tanda checklist pada kolom EXPAND TEMPLATE WIDGET.
- Cari kode css body, kurang lebih contohnya seperti dibawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Perhatikan warna merah bro....... !! dan ganti dengan kode dibawah ini :
background-image: url ("http://ALAMAT URL GAMBAR ANDA");
Dan jangan lupa, tambahkan kode ini
background-attachment: fixed;
Dan letakkan tepat dibawah kode baru tsb, atau kurang lebih akan terlihat seperti ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background-image: url ("http://ALAMAT URL GAMBAR ANDA");
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Warna biru bisa anda pilih dari dua pilihan :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Catatan :
Tulisan URL FILE GAMBAR ANDA, ganti dengan Url gambar yang anda simpan.
Kalo sudah, klik PREVIEW dan coba anda lihat hasilnya. Ok...selamat mencoba.Artikel Terkait:
Blogger
- Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
- Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
- Cara Membuat Slideshow Pada Blogger
- Cara membuat chat box di blog & macam-macam chat box
- Cara Membuat Chat Box di Blogger
- Cara memasang radio online di blog
- CARA MEMBUAT RADIO STREAMING
- Membangun Radio Internet dengan Listen2MyRadio.Com
- Membangun Sendiri Radio Internet
- Radio Online
- Tampilan Baru Dasbor Blogger.com
- Membuat Label untuk Artikel Miniatur Hover
- Menambah Button Send ke Facebook
- Laporan berita sekilas dari w3spy.net
- Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
- Membuat Web Hosting di Google Sites
- Google Code - Cara Membuat File Hosting di Google Code
- Tips Mendapatkan Banyak Follower di Twitter
- Membuat Artikel Terkait dengan Disertai Thumbnails
- Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
- Cara Memasang Widget SMS Gratis pada Blogger Blogspot
- Favicon Fitur Baru dari Blogger
- Menambahkan Gadget di Header
- Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
- Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi
Tidak ada komentar:
Posting Komentar