Silahkan loggin dulu ke blogger.com
Setelah masuk ke dasboard silahkan pilih tata letak
Lalu tambah Gadgget pilih Html Java Script lalu masukkan kode berikut :
<div style="background:blue;width:275px;height:auto;border:2px solid#333;overflow:hidden;margin-left:10px;text-align:center;"> <style>#bgColorer { overflow:hidden; padding:15px; background-color:rgba(0,0,0,0.4); } #bgColorer span { width:20px; height:20px; border:3px solid #333; margin:0px 5px 0px 0px; float:left;}</style> <div id="bgColorer"> <span style="background-color:#8E006B;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#007D47;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/1.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/2.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/3.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/4.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/5.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/6.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/air.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://karina-project2.googlecode.com/files/8.jpg) repeat;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://suarajakartadotcom.files.wordpress.com/2011/10/suarajakarta-logo-obi.jpg?w=406&h=300&crop=1)no-repeat top right;" onclick="bgSwitch(this.style.background);"></span> <span style="background:url(http://www.ecasuppliesonline.co.uk/images/upload/blogger%20logo.jpg)no-repeat bottom right;" onclick="bgSwitch(this.style.background);"></span> <span style="background:brown url(http://www.ecasuppliesonline.co.uk/images/upload/blogger%20logo.jpg)no-repeat top left;" onclick="bgSwitch(this.style.background);"></span> <span style="background:brown url(http://www.ecasuppliesonline.co.uk/images/upload/blogger%20logo.jpg)no-repeat top left;" onclick="bgSwitch(this.style.background);"></span> </div> <script>var dbs = document.body.style; function bgSwitch(v) { dbs.background = v; }</script> </div>
Jangan Lupa Save
Silahkan Sobat Ganti kode Warna dan kode gambar sesuai keinginan sobat sendiri selamat mencoba...!!!
By : Me Galaxy
