|
Cara Membuat Backround Blog Statis/Diam |
Cara Membuat Latar Belakang Blog Statis/Diam Saat di Scroll
Yang dimaksud dengan judul diatas adalah jika saat menggulung scroll pada blog kita, maka gambar latar belakang blog kita tetap diam atau statis. Background blog dengan menggunakan image atau gambar selain membuat blog lebih indah, juga membuat blog lebih berat. Sebenarnya menggunakan gambar sebagai background kurang bijak,apalagi gambar yang digunakan di host di tempat lain. dan Ukuran dari gambar yang terlalu besar. tetapi jika tapi jika ini sudah menjadi pilihanmu, kamu tinggal mengedit template blog kamu. Berikut ini adalah caranya, silahkan simak baik-baik!.
- Seperti biasa masuk ke blogger.com
- Klik Rancangan > Edit Html
- Klik centang pada 'expand template widget'
- Gunakan tombol CTRL + F. fungsinya untuk memudahkan pencarian.
- Letakkan kode Berikut pada kode CSS body{
background-attachment:fixed;
Contohnya seperti berikut.
body{width:100%;background:#042949 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36K0F5qMdGt3e_k9kFWLwfSijVRepbFJqIq9JDfsosCVwcXXJdu44-Su4TW-J_xQ7gZ1gq4Z096yi9GMohe0fPQiSrDfPIFbXXb-Er9XfP13-zK9anHmUz01FGnfdqld8G0HMpB4vrxEr/s1600/gradient.php...jpg) repeat-x top;color:#000;font-size:12px;font-family:Arial,Tahoma,Verdana; margin:0 auto 0; padding:10px 0;background-attachment:fixed;}
nah diatas adalah contoh kode css blog saya. jika masih bingung, letakkan saja kode
background-attachment:fixed; pada akhir penutup kode css body{ pokoknya mirip seperti itu lah.
- Jika sudah selesai, silahkan klik Save Template. dan Preview pada blog kamu, silahkan gulung scroll apakah bacround blog kamu tetap diam? selamat mencoba dan semoga berhasil.
Baca Juga Artikel Dibawah Ini!
Admin : Wayan Putu Sujane
Saya hanya seorang blogger pemula yang mencoba untuk berbagi tentang hal apapun yang saya ketahui dan semoga yang saya bagi ini bisa bermanfaat bagi anda, mohon maaf bila ada kekurang dan terima kasih atas kunjungannya ke blog saya ini.
nice info !
BalasHapusoke gan, mkasih dah berkomentar :)
BalasHapusthanks Gan, tutorialnya manteb
BalasHapus@faroz bae_ Oke gan, mksih atas kunjungannya.. . sering2 mampir lho gan..
BalasHapusmantap gan,blognya bagus dari hape.
BalasHapusok gan trima kasih gan atas komentarnya. :)
BalasHapuslg nyimak nih gan...
BalasHapus@tachometer ok gan, silahkan :)
BalasHapusmakasi buat infonya, dah berhasil dicoba ya :-)
BalasHapus@Petualangan Daisuki Kecil iya gan sama-sama :). selamat kalau begitu gan :D.
BalasHapus