Cara Membuat Choose One Background
Assalamu'alaikum,
~DESIGN TEMPLATE~
- Log inke blogger
- Silakan mampir ke LAYOUT/TATA LETAK dan ADD A GADGET disitu
- Klik HTML JAVASCRIPT dan paste kode 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 lihat hasilnya
~CLASSIC TEMPLATE~
- Buka dashboard
- Lalu, ke TEMPLATE. Cari deh tempat yang cocok.. Misal diatas chatbox, dibawah chatbox.. Terserah anda..
- Paste kode yang tadi
- Simpan dan lihat hasilnya
Credit to Fayza
~Selamat mencoba.. Semoga berhasil dan bermanfaat~
Label: Tutorial
? Newer Post
Older Post ?