template BeritaPos
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright 2010 barayasunda1.blogspot.com - All rights reserved

Rabu, 14 Maret 2012

Create body background using javascript

Umumnya, membuat atau menambah sebuah background image pada body dilakukan menggunakan kode CSS, namun kali ini kita akan membuatnya menggunakan javascript. Sangat simple dan amat mudah menggunakannya. Letakkan dan simpan javascript di atas kode </body> dan segera buka blog untuk melihat bagaimana javascript ini bekerja. Jika anda tak merubah image yang digunakan sebagai background pada javascript, maka halaman blog anda akan terlihat seperti di blog ini (lihat di sisi kanan dan kiri halaman yang background-nya terlihat seperti dari bahan serat kayu/wood.

Template Tata Letak :
Javascript :
<script type="text/javascript">
if (document.all||document.getElementById)
document.body.style.background="url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_jEff7c7LPmhXMT0ssWC26Fxd-Ze1YNxM2EIbkePziDiUwwC3kWKWMl4mehkmFhZaUKSXV_Oe-_PiBKtH9eebnVgifqxloAp7c4DIz6yZuvYPMXKTTIX9lzUxBSRyWLadanZdjb89OeVy/s128/CRINKLEP.JPG') center repeat"
</script>
Blogger Template Designer :
Javascript :
<script type="text/javascript">
document.write("<style>.body-fauxcolumn-outer .cap-top{z-index:0;opacity:0.0;filter:alpha(opacity=0);</style>");
if (document.all||document.getElementById)
document.body.style.background="url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_jEff7c7LPmhXMT0ssWC26Fxd-Ze1YNxM2EIbkePziDiUwwC3kWKWMl4mehkmFhZaUKSXV_Oe-_PiBKtH9eebnVgifqxloAp7c4DIz6yZuvYPMXKTTIX9lzUxBSRyWLadanZdjb89OeVy/s128/CRINKLEP.JPG') white center repeat"
</script>

Baraya Tutorial :
Back to tutorial

Tidak ada komentar:

Posting Komentar