Membuat Background Statis

Caranya membuat Background Blog Statis juga tidak jauh beda dengan Membuat Background Blog Menggunakan Gambar yang beberapa waktu yang lalu pernah saya posting yang bisa and baca DISINI, hanya dengan menambahkan : background-attachment: fixed; setelah alamat URL gambar yang akan anda gunakan. 

Namun perlu juga diketahui, membuat Background Blog menggunakan gambar di satu sisi bisa memperindah tampilan blog yang anda miliki, namun di sisi lain loading blog akan jadi lebih berat, apalagi menggunakan ukuran file gambar yang besar. Satu alternative, gunakan gambar yang ukurannya lebih kecil dengan mengconvert gambar dengan software converter seperti FormatFactory atau dengan Photoshop.

Jika anda ingin membuat Background Blog Statis langkahnya adalah sebagai beerikut : 

• Pastinya anda Login Blog Anda 
• Jika menggunakan tampilan lama klik Design > Edit HTML, namun jika anda menggunakan tampilan baru pilih Template > Edit HTML > Proceed. 
• Jangan lupa mencentang kotak kecil Expand Widget Templates. 
• Lalu temukan kode berikut dengan menekan Ctrl+F 

body{background:#f8f3db url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2Od2xNK2fA7-lGcOFpmMqDErUEwCuvq99lMs5uRufbQB5G6fOvVl-aVpxtChU41VjjgAINK53b-KcePljUPAEI1GBu3Yhg9F-IsCgKaIxgZUZAo8X0wDNMyL3Fd96cpljA86DS8Bsq7F/s1600/bgbodynew.jpg) center top repeat-x;color:#060e2e;font-family: Arial, Verdana;font-size: 14px;margin:0px;padding:8px 0px 0px 0px;}
a:link,a:visited{color:#060e2e;text-decoration:none;outline:none;}

• Setelah URL gambar yang akan anda gunakan, tambahkan kode berikut : background-attachment: fixed; hingga akan menjaadi seperti berikut : 

body{background:#f8f3db url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2Od2xNK2fA7-lGcOFpmMqDErUEwCuvq99lMs5uRufbQB5G6fOvVl-aVpxtChU41VjjgAINK53b-KcePljUPAEI1GBu3Yhg9F-IsCgKaIxgZUZAo8X0wDNMyL3Fd96cpljA86DS8Bsq7F/s1600/bgbodynew.jpg) center top repeat-x;background-attachment: fixed;color:#060e2e;font-family: Arial, Verdana;font-size: 14px;margin:0px;padding:8px 0px 0px 0px;}
a:link,a:visited{color:#060e2e;text-decoration:none;outline:none;}

Read more: khoccet.blogspot.com

Posted in: blog