Don't Leave
1 2 3 4 5 +
About;


  • Hi,guys... Naura 11 y.o
    • Shout here;




    Credit;

  • Skins: Mayra
  • Help: Amiraa
    • Tutorial: Choosen Background
    Minggu, 12 April 2015 | 0 Comments
    Haii...sekarang,Naura kabulin req Seizza nih.Dia nanya cara buat choosen background kayak punya aku itu.Tapi,ini ber-hover.Thanks Kak Tiara!
    Tahu gak sih,choosen background itu kayak gimana? Nih,choosen background tuh kayak gini.

    Nah....itu,mau tahu caranya? Pasti,lah! Yuk simak!
    Template Biasa: Dasboard>Tata letak>Tambahkan gadged>html/javascript
     Blogskin: Dasboard>Template>Letakkan di sidebar
    Code:
    <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>

    Tinggal diedit-edit aja,kok.Maaf jika tidak jelas :)


    Posting Komentar