Banyak teman - teman blogger kesal karna Background atau layar belakang yang berantakan dan tidak teratur padahal kita sudah memasang Javascript yang diharuskan untuk memantau Background untuk mematuhi layar si pengguna, apalagi jika penggunanya menggunakan smartphone dan di browsernya sudah dilengkapi dengan adblock sehingga javascript blog kita tidak terbaca sekaligus tidak aktif pada desktop dan smartphone yang menggunakan adblock. Jadi sia - sia dong kalau misalnya blog kita menggunakan javascript untuk memperindah dan juga sekaligus untuk meningkatkan seo?
menurut saya ga juga sih ya, soalnya ada juga aplikasi - aplikasi browser desktop atau smartphone yang tidak terpasang adblock langsung di toolsnya. Semua tergantung pada anda, ingin mengoptimalkan Javascript atau CSS.
nah, disini saya akan membuat tutorial atau tips bagaimana caranya agar latar belakang blog menjadi full screen. Bukan hanya sekedar layar belakang saja yang menjadi full screen tapi dari segi keteraturan layar juga sangat bagus dan sangat teratur, layar belakang yang mengikuti kemana saja arah layar desktop atau smartphone anda
"Apa itu Background?... dan bagaimana agar latar belakang blog menjadi full screen atau stretch"
Background, atau bisa disebut dengan latar belakang, salah satu komponen desain grafis yang sangat penting. Background digunakan untuk memberikan kesan visual terhadap sebuah elemen yang ingin kita jadikan bahan utama, yang akan memberikan effect peningkatan kemudahan nalar suatu orang yang melihatnya. Background memiliki pengaruh yang sangat besar terhadap keseluruhan desain dari sebuah website atau apapun.
oke langsung saja anda ikuti tutorial membuat background blogger menjadi Full Screen atau Stretch, ikuti dan praktekan dengan serius dan teliti karna sebagian besar tutorial ini mengedit tampilan blog kita. Sebelum memulai kalian juga bisa membackup terlebih dahulu template blog anda karena jika ada salah - salah sedikit saja akan berakibat fatal untuk blog anda, kalau semua itu sudah terjadi anda bisa mengupload template blog yang sudah di backup tadi.
- Pertama tentu saja anda harus login ke akun blog anda
- Lalu kedua masuk ke Template blog anda lalu search kata .body
- Letakan script dibawah ini tepat dibawah .body
background: url(URL GAMBAR KAMU) no-repeat center center fixed; #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;
Untuk script yang berwarna kuning harus anda rubah dengan kode gambar anda
- Klik Simpan Template dan coba anda buka blognya dan lihat sudah berhasil atau tidak, jika belum berhasil bisa kalian ulangi dari awal.
