Cara Mudah Mengganti Background Blog
Cara mengganti Background blog sangat mudah sekali. Hanya 5 menit. Caranya:1. Log In,2. Dashboard / dasbor,3. Layout / tataletak, 4. Edit HTML Tidak perlu centang "Expand template widget".
kemudian cari kode 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%;
}
Lihat teks yang berwarna merah, tambahkan dengan kode seperti dibawah ini :
url(http://ALAMAT URL GAMBAR SOBAT);
dan jangan lupa tambahkan pula kode yang ada di bawah ini
background-attachment: fixed;
Bisa di lihat contohnya seperti di bawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Klik Pratinju dulu...jika sudah cocok tinggal klik selesai.
Klik Save / Simpan Perubahan. lihat hasilnya...
Kalau sudah berhasil Please Komentarnya dong?
kemudian cari kode 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%;
}
Lihat teks yang berwarna merah, tambahkan dengan kode seperti dibawah ini :
url(http://ALAMAT URL GAMBAR SOBAT);
dan jangan lupa tambahkan pula kode yang ada di bawah ini
background-attachment: fixed;
Bisa di lihat contohnya seperti di bawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Klik Pratinju dulu...jika sudah cocok tinggal klik selesai.
Klik Save / Simpan Perubahan. lihat hasilnya...
Kalau sudah berhasil Please Komentarnya dong?
Anda Sudah Baca Yang Ini? :
daftar isi blog
- Bertakwalah kepada Allah (QS. Al Hasyr : 18)
- Kendalikan hawa nafsu marah
- Berprasangka baik dapat pahala
- Sesama Manusia Budayakan Saling Menasehati
- Mengingat kebaikan dan memberi pujian bagi orang yang telah meninggal dunia
- Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
- Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
- Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
- Cara mudah membuat Blog. (Bagi Blogger Pemula)
- Free Download Mp3 Bob Marley (Gratis)
- Blog yang Menghasilkan Uang Milyaran Per Tahun
- Daftar Lengkap Submit ke directory dan Submit ke social bookmark
- Cara Membuat Iklan Melayang di Blog
- Google Adsense Problem Pin
- Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
- Cara Membuat Daftar Isi Blog 2
- Cara Membuat Daftar Isi Blog 1
- Hasil Pertandingan Google Page Rank dengan Blogku
- Award From Dhana Arsega / 戴安娜 With Love Best Wishes
- Cantiknya Seri Bahasa Community Blogger Award
- Cara Setiap Posting Blog Tampil di Facebook
- Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
- Menu Horizontal Css dengan Drop Down yang Cantik Menarik
- Alexa Semakin Gendut
- Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
tutorial blog
- Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
- Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
- Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
- Blog yang Menghasilkan Uang Milyaran Per Tahun
- Daftar Lengkap Submit ke directory dan Submit ke social bookmark
- Cara Membuat Iklan Melayang di Blog
- Google Adsense Problem Pin
- Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
- Cara Membuat Daftar Isi Blog 2
- Cara Membuat Daftar Isi Blog 1
- Hasil Pertandingan Google Page Rank dengan Blogku
- Award From Dhana Arsega / 戴安娜 With Love Best Wishes
- Cara Setiap Posting Blog Tampil di Facebook
- Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
- Alexa Semakin Gendut
- Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
- Ikutan yuk di Review NegeriAds.Com
- Cara Mengembalikan "Title / Judul" Blog yang Hilang
- Younger Tip with Tomatoes
- Cara Membuat Navbar Blog Auto Show and Hide 3
- Cara Untuk menampilkan navbar blogger 2
- Menampilkan Navbar yang hilang pada Blog
- Navbar Styles Transparans baru
- Cara memasang kode Sign in pada Blogger di Blog
- Cara Google Translate Widget Tambahkan ke blogger
tutorial tip dan trik
- Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
- Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
- Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
- Cara mudah membuat Blog. (Bagi Blogger Pemula)
- Daftar Lengkap Submit ke directory dan Submit ke social bookmark
- Cara Membuat Iklan Melayang di Blog
- Google Adsense Problem Pin
- Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
- Cara Membuat Daftar Isi Blog 2
- Cara Membuat Daftar Isi Blog 1
- Hasil Pertandingan Google Page Rank dengan Blogku
- Award From Dhana Arsega / 戴安娜 With Love Best Wishes
- Cara Setiap Posting Blog Tampil di Facebook
- Menu Horizontal Css dengan Drop Down yang Cantik Menarik
- Alexa Semakin Gendut
- Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
- Ikutan yuk di Review NegeriAds.Com
- Cara Mengembalikan "Title / Judul" Blog yang Hilang
- Younger Tip with Tomatoes
- Cara Membuat Navbar Blog Auto Show and Hide 3
- Cara Untuk menampilkan navbar blogger 2
- Menampilkan Navbar yang hilang pada Blog
- Navbar Styles Transparans baru
- Khasiat Buah Pare Pencegah Kanker Payudara, Diabetes dan Infeksi
- Cara memasang kode Sign in pada Blogger di Blog
20 komentar:
wah beneran tuuh??? kalo ini mau nyoba aaaahhhh..... :P makasih ya
willyo datang....pasti khusnul SETI...
nah.. pke fixed biar dscrol gag ikut turun yah..
coba yang ini
background berubah-ubah bukan ya ??
waaaa..tankz kk dah ksih informasi na....
salam sahabat
Maniez..gimana kabare???wah good posting,lha kalo punyaku kia-kira cocok pa ga backgroundnya?he..he...kangen aq hiks..hiks...good luck ya..
wei, serasa ada d aspal background yg dipake ni mbak.. wkwkwkkwkwk..
btw.. nice post..
Ow gitu toh ,,, ntar coba ah ,,
Makasih ya infonya ... :)
ada lagi ni..
nanti kalau aku mau tukar, mohon dibantu juga ya.
biar aku cari gambar yang menarik dulu, setidaknya ada unsur-unsur kecinaan atau feng shui.
terima kasih dik
Ok...,tp sayang Q lom saip[kan gambar..!!!
Sok coba akh...!!!
punyaku di ganti gag yah enaknya??
ehmm,,gag dulu dechh
hehehehe
sip dek lanjut deh
akan lebih enak kalau diterangkan secara step by step seperti ini
1. Yang perlu Anda perhatikan untuk mengganti background blog adalah bagian css body
2. Carilah kode body{
3. Temukan kode background: (tergantung template akan standart warna atau asli sudah dengan gambar)
Anda bisa merubahnya dengan aturan penulisan
utk background warna
background: #kodewarna;
atau dengan gambar dgn contoh
BACKGROUND: URL(http://alamatgambar.com);
kode background ada pada bagian
body{
........
........
kode-kode css body tpt kode background template
........
.......
}
Mantap deh nona yg satu ini....tutorialnya mantaps...
Kl buat background spt punya kamu gimana?
Wah bener2 mantab neh...backgroundnya... gonta ganti teruss nih, lagi dipraktekin yaaa...
Trims yaa infonya sangat membantu...
seri udah coba dulu tapi ngak berjaya. mungkin ada silap sewaktu simpan kodenya.
aq cium $mile khusnul yg di bawah ya...$mile balik ok>>??
waduh keren tuh tuh...
langsung Ke TKP!
thank yup!
tambah ilmu tambah pahala...yoooiiiii akuuu dataaaaang
tips baru lagi :)..sepp tutorialnya :)
kalo wordpress bisa ganti background ga?
thx infonya
Post a Comment