Juni 26, 2011 ~ Hidup Untuk Ibu

Assalamualaikum sahabat. Lama tak berjumpa nie. Setelah berbulan bulan lamanya vakum meninggalkan blog, kini akunnongol lagi. wkekekekek.
Nah, kali ini akan aku share bagaimana membuat daftar warna background blog kita yang nantinya bisa dipilih sendiri oleh para pengunjung. Mudah saja, hanya menggunakan script berbasiskan if conditions.
langsung saja :
1. Login akun blogger kamu.
2. masuk Rancangan - Tambah Gadget - HTML/Java Script.
3. Copykan kode di bawah ini.

<center><script type="text/javascript"><br />     function bgChange(bg)<br />     {<br />     document.body.style.background=bg;<br />     }<br />     </script><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <div align="center"><br /> <script language="JavaScript1.2"><br /> //Visit http://www.lowgen.co.cc for this script<br /> var message="Silakan pilih sendiri warna latar dan bahasa sesuai keinginan anda."<br /> var neonbasecolor="gray"<br /> var neontextcolor="blue"<br /> var neontextcolor2="#FFFFA8"<br /> var flashspeed=60 // speed of flashing in milliseconds<br /> var flashingletters=6 // number of letters flashing in neontextcolor<br /> var flashingletters2=2 // number of letters flashing in neontextcolor2 (0 to disable)<br /> var flashpause=0 // the pause between flash-cycles in milliseconds<br /> <br /> ///No need to edit below this line/////<br /> <br /> var n=0<br /> if (document.all||document.getElementById){<br /> document.write('<font color="'+neonbasecolor+'">')<br /> for (m=0;m<message.length;m++)<br /> document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')<br /> document.write('</font>')<br /> }<br /> else<br /> document.write(message)<br /> <br /> function crossref(number){<br /> var crossobj=document.all? eval("document.all.neonlight"+number) :<br /> document.getElementById("neonlight"+number)<br /> return crossobj<br /> }<br /> <br /> function neon(){<br /> <br /> //Change all letters to base color<br /> if (n==0){<br /> for (m=0;m<message.length;m++)<br /> crossref(m).style.color=neonbasecolor<br /> }<br /> <br /> //cycle through and change individual letters to neon color<br /> crossref(n).style.color=neontextcolor<br /> <br /> if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2<br /> if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor<br /> <br /> if (n<message.length-1)<br /> n++<br /> else{<br /> n=0<br /> clearInterval(flashing)<br /> setTimeout("beginneon()",flashpause)<br /> return<br /> }<br /> }<br /> <br /> function beginneon(){<br /> if (document.all||document.getElementById)<br /> flashing=setInterval("neon()",flashspeed)<br /> }<br /> beginneon()<br /> </script></div><br />  <table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse"<br /> <br /> bordercolor="#D3D3D3" width="400"><br /> <br />   <tr><br /> <br />     <td><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span><br /> <table border="0" width="450" height="20"><br />     <tr> <td<br />     onclick="bgChange('')" bgcolor=""><br />      <td<br />     onclick="bgChange('#000000')" bgcolor="#000000"><br />      <td<br />     onclick="bgChange('#F0E68C')" bgcolor="#F0E68C"><br /> <br />      <td<br />     onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF"><br />      <td<br />     onclick="bgChange('#98FB98')" bgcolor="#98FB98"><br />      <td<br />     onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6"><br />      <td<br />     onclick="bgChange('#87CEFA')" bgcolor="#87CEFA"><br />      <td<br />     onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9"><br />      <td<br />     onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB"><br /> <br />      <td<br />     onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA"><br />      <td<br />     onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3"><br /> <span class="Apple-tab-span" style="white-space: pre;"> </span> </td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></td<br /> ></tr></table></td>

5. Simpan Hasilnya. Jreng jreng, lihat hasilnya.

"Qoute"

anda bisa menambahkan warna lain dengan menambahkan script sperti di bawah

onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA"

ganti tulisan warna merah dengan kode warna anda, anda bisa mencari kode warna dengan menggunakan Adobe Photoshop, atau menggunakan aplikasi ColorPic 4.1.
Untuk Download ColorPic 4.1, klik disini