BREAKING NEWS :
Loading...

Membuat background cantik dengan tiga warna yang berbeda

Membuat background cantik dengan tiga warna yang berbeda
Background cantik dengan 3 warna maksudnya gimana sih? mungkin ada teman-teman yang gak jelas, jadi mending tekan demo di bawah gambar di atas xD. Coba lihat pada Sidebar sebelah kiri di atas tulisan WELCOME HERE ada gambar tiga background seperti gambar di atas dan klik satu-persatu nanti akan keluar background yang berbeda, maksudnya seperti itu. 
Membuat background cantik dengan tiga warna yang berbeda

1.Masuk Dashboard > Tata letak > Tambahkan Gadget
2.Pilih HTML/Java Script dan masukkan kode di bawah ini, mau diletakkan di footer, sidebar, etc terserah anda:

<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 1px solid #C4E1FF;}#background a:hover img{border: 1px solid #C4E1FF;}</style><div id="background">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$("#bgcolor1").click(function(){
$("body").css({"background":"url(URL BACKGROUND 1)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){ $("body").css({"background":"url(URL BACKGROUND 2)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(URL BACKGROUND 3)"});
});
});
</script>
<div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Img one"><img alt='Img one' src="URL BACKGROUND 1" width="50"height="50" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Img two"><img alt='Img two' src="URL BACKGROUND 2" width="50" height="50"/></a>
<a href="javascript:void(O)" id='bgcolor3' title=" Img three"><img alt='Img three' src=" URL BACKGROUND 3"  height="50" width="50" /></a></div></div>
Warna light pink= jenis border dan kode warna, boleh ditukar sesuai keinginan
Warna pink=url background pertama
Warna biru=url background kedua
warna orange=url background ketiga
Warna merah=nama image background boleh ditukar dengan kata lain.
Mungkin anda butuh URL BACKGROUND ada disitu.

Subscribe to receive free email updates: