Widget Change Background Tutorial

01:35:00

Hai minna-san!!
kali ini ryoko mau bagi-bagi tutorial tentang widget change background tutorial 
ngomong-ngomong minna-san semua udah tau nggak sama widget changebackground? nah kalo belum berikut link untuk lihat preview nya ^^


nah berikut tutorialnya ^^
 blogger >> dashboard
Denim template
      tata letak >> add widget >> HTML/JavaScript
Classic template
      template >> cari kode </blogger>

 copy kode dibawah ini

<style></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(BACKGROUND 1)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(BACKGROUND 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(BACKGROUND 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Click!"><img alt='Tooltips Background1' src="BACKGROUND 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="Click!"><img alt='Tooltips Background 2' src="BACKGROUND 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="Click!"><img alt='Tooltips Background 3' src="BACKGROUND 3" height="50" width="50" /></a></div></div>


*untuk classic template kode diatas di paste diatas kode </blogger>
*biru : url background 1
*hijau : url background 2
*merah : url background 3

 lalu tekan save 
 selesai deh ^^

You Might Also Like

0 Cute Ota

Penting!!
*blog ini butuh saran & kritik jadi diharapkan semua memberi komentar
*gunakanlah kalimat yang sopan dan baik
*jangan berkata kasar atau kotor
*jangan bikin spam