Cara membuat Background Blogger
Posted by INE FADLA
19:24, under Tutorial Blog | 76 comments
Halo
para sobat, lagi-lagi neng Ine dateng lagi nie mao ngasih tips baru
buat para sobat dan trik ini pernah ada yang minta sama Neng Ine, kalau
ga salah begini "Neng... gimana ya caranya mengganti Background blog
saya seperti blognya Ine Fadla", kali ini Neng Ine baru sempat posting
trik ini karena banyak kesibukan soalnya komputer rentalan teman Neng
Ine banyak yang rusak hehe, jadi kang Neng... di suruh nyervis dech,
jadi cerita nie hehe. O.K para sobat khusunya sama yang pernah minta
trik ini ma Neng Ine kali ini Neng... Insya Allah akan memberikan atau
menjelaskan lngkah-langkahnya sampai dengan selesai.
Neng... tidak akan panjang lebar kita langsung aja ke pokok pembahasan O.K.
Seperti biasa masuk ke account blogger sobat Dashboard/dasbor Layout/tataletak, Edit HTML "JANGAN di CENTANG " Expand template widget nya ok!!
Lakukan backup dengan "download lengkap template" takut ada kekeliruan.
kemudian cari kode dibawah ini :
Perhatikan 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;
dan letakan di bawah kode tersebut, atau kurang lebih akan terlihat seperti ini :
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.
dan jangan lupa klik tombol Save/Simpan Perubahan!! lihat hasilnya
Nah, mungkin hanya itu saja tips kali ini dari Ine mudah-mudahan bermanfaat di hati para sobat khusunya kepada yang pernah meminta. jangan lupa komentarnya O.K Ine... mao nerusin nyervis lagi....
Neng... tidak akan panjang lebar kita langsung aja ke pokok pembahasan O.K.
Seperti biasa masuk ke account blogger sobat Dashboard/dasbor Layout/tataletak, Edit HTML "JANGAN di CENTANG " Expand template widget nya ok!!
Lakukan backup dengan "download lengkap template" takut ada kekeliruan.
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%;
}
Perhatikan 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;
dan letakan di bawah kode tersebut, atau kurang lebih akan terlihat seperti 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.
dan jangan lupa klik tombol Save/Simpan Perubahan!! lihat hasilnya
Nah, mungkin hanya itu saja tips kali ini dari Ine mudah-mudahan bermanfaat di hati para sobat khusunya kepada yang pernah meminta. jangan lupa komentarnya O.K Ine... mao nerusin nyervis lagi....
0 komentar:
Posting Komentar