membuat background di homepage berbeda dengan postingan (background fullpage and fixed)

Risalahati

Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Letakan kode dibawah ini setelah kode: body {

 background: url(URL GAMBAR) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
background-attachment:fixed;

CONTOH:  

 body {
  font: $(body.font);
  color: $(body.text.color);  background: url(http://lh4.googleusercontent.com/-4rBn_q1vuGk/T2svl1jZIgI/AAAAAAAADYE/u8HVJ-isTSM/s512/rose_by_ali_koyote-d4huy9u%2520%2528FILEminimizer%2529.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
background-attachment:fixed;
}

 Langkah 3
Letakan kode dibawah ini DI ATAS kode: </head>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
body {
background: url(URL GAMBAR) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
background-attachment:fixed;
}
</style>
</b:if>

 Langkah 3
Simpan template

Untuk demo bisa liat di sini
membuat background di homepage berbeda dengan postingan (background fullpage and fixed)

Posted by: Risalahati Dedic Ahmad Updated at: 23:42