-fay


HOME ABOUT LINKS STUFF FOLLOW DBOARD



fay, a little hijabers girl | she likes to surfin' the internet when bored | find her at the earth
random blog, lol


anferb[s]







-underconstruction-




 Grey Dots Orange Stripes Grey Floral

[1]---------[2]---------[3]-.




© Template by AtiqahJaidin
Owner Fayza
Helped TYSM!
Image from TUMBLR | WHI
Cara buat Choose One Background
Jumat, 16 Mei 2014 - 0 Comments



Ini pertama kalinya aku pakai Pict buat awal post.. Insha Allah aku pakai Pict buat posting deh! Hehee..


Lihat kan? Aku punya Widget Choose One BG.. Aku dapatnya dari Kak Azkiya.. Aku sering buka blognya. Follow juga sudah. Soalnya, aku Kepo aja sama postingnya.. Ada yang terbarukah? Hehe~

Okkeey simak saja !!!
~DESIGN TEMPLATE~

  • Pastikan kamu sudah Log In ke Blogger... Kalau belum, ya log in.
  • Silakan mampir ke Layout/Tata Letak dan Add a Gadget disitu
  • Click HTML Javascript dan Paste Code ini disana
<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="Judul Background 1"><img alt='Tooltips Background1' src="URL Background 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="Judul Background 2"><img alt='Tooltips Background 2' src="URL Background 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="Judul Background 3"><img alt='Tooltips Background 3' src="URL Background 3" height="50" width="50" /></a></div></div>


Catatan : 
Merah : URL Background
Hijau :  Judul Background
Ungu :  Tooltips Background


  • Simpan dan tengok hasilnya..

~CLASSIC TEMPLATE~

  • Gampang aja.. Buka Dashboard juga..
  • Terus, ke Edit Template! Cari deh tempat yang cocok.. Misal di atas Chatbox, dibawah Chatbox.. Terserahlah.. Suka - suka anda.
  • Paste kode diatas itu tuuh... 
  • Simpan dan lihat..

Fyuuhh.. Capeknyaa..!!!

Tuto apa lagi yang akan nyusul ya??

Label: , ,

Posting Komentar

©