Kali ini tuto untuk template designer lagi! Kalian kalian yang nggak tahu maksud judul, bisa aku jelaskan. Maksudnya, seperti blog yang ini. Di sampingnya ada tulisan Choosen Bakground. Kalian bisa klik salah satunya, maka bakground blog akan berubah. Baca selengkapnya ya!

• Log in ke blog >>> Dashboard >>> Tata Letak >>> Tambahkan gadget >>> HTML/JavaScript.
• Copy kode dibawah ini, lalu paste ke kolom yang kosong tadi.

<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)"}); }); }); $(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="BACKGROUND TITLE 1"><img alt='BACKGROUND TITLE 1' src="URL Background 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="BACKGROUND TITLE 2"><img alt='BACKGROUND TITLE 2' src="URL Background 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="BACKGROUND TITLE 3"><img alt='BACKGROUND TITLE 3' src="URL Background 3" height="50" width="50" /></a></div></div>

• Tulisan URL Background pada kode kode di atas ini, ganti dengan url Background.
• Sudah? Save/Simpan.