Choose One Background (TutoBies)
Jumat, 10 Juli 2015 | 16.17 | 0 waiting
Hai.. (Seperti tadi, Nayya sudah salam duluan baru gambar..) Nayya mau bagi-bagi Tuto+Bies.(Tutorial dan Freebies) Temanya Choose One Background. Capcus.. yuk kita mulai arisannya! (HAAH??!!) KIDDING JUST! I MEAN JUST KIDDING
The TUTORIAL
FORDenimOrSimpleTemplate not
- Blogger
- Dashboard > Layout or Tata Letak
- HTML/JavaSript
- Copy kode dibawah
<style>
#background a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:0px;
border: 2px solid #C4E1FF;
}
#background a:hover img{
border:2px solid #C4E1FF;
-moz-border-radius: 35px;
border-radius: 35px;
}
</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 bg 1)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(url bg 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(url bg 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="tooltips bg 1"><img alt='tooltips bg 1' src="url bg 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="tooltips bg 2"><img alt='tooltips bg 2' src="url bg 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="tooltips bg 3"><img alt='tooltips bg 3' src="url bg 3" height="50" width="50" /></a></div></div>
- Save
- Blogger
- Dashboard > Template
- Cari kode </style>
- Copy kode dibawah dan tempatkan di ATAS kode tadi
<style>
#background a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:0px;
border: 2px solid #C4E1FF;
}
#background a:hover img{
border:2px solid #C4E1FF;
-moz-border-radius: 35px;
border-radius: 35px;
}
</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 bg 1)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(url bg 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(url bg 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="tooltips bg 1"><img alt='tooltips bg 1' src="url bg 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="tooltips bg 2"><img alt='tooltips bg 2' src="url bg 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="tooltips bg 3"><img alt='tooltips bg 3' src="url bg 3" height="50" width="50" /></a></div></div>
- Save
Hadeh sorry ya Nayya cuma kasih satu.. Soalnya ada yang mau Nayya post lagi nih.. Sibuk(kaya' artis aja) Wkwkwk.. Yawdah ini aku kasih >Link< nya.. Cari disitu ya..