tag:blogger.com,1999:blog-32356067297874607602024-02-19T12:36:02.007+07:00DanialSyahab's CornerDaniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.comBlogger62125tag:blogger.com,1999:blog-3235606729787460760.post-14293052445868074592011-06-29T02:33:00.002+07:002011-06-29T02:41:47.286+07:00Daftar Kode Warna<center><form id="hcc" name="hcc"><table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#b40404" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#df0101" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f78181" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#61380b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#df7401" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#faac58" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#868a08" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#38610b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#74df00" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#bef781" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#088a08" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#04b404" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#01df01" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#81f781" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#effbef" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#01df74" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#58faac" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#088a85" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0174df" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#08088a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0101df" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#380b61" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#7401df" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#610b38" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#df0174" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f781be" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"><br />
</td></tr>
<tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#151515" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#424242" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#585858" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#848484" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"><br />
</td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)"><br />
</td></tr>
</tbody></table></td></tr>
</tbody></table><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td height="24" id="vzorec" width="24"><br />
</td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
</tbody></table></form></center><br />
<br />
<a name='more'></a><br />
<br />
<br />
<center><b>1</b></center><center><br />
<table border="0" cellpadding="0" cellspacing="1" class="MsoNormalTable"><tbody>
<tr><td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: white none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFFFF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFFCC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFF99</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFF66</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFF33</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: yellow none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#FFFF00</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FFCC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF99FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF99CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF9999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF9966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF9933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF9900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF66FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF66CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF6699<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF6666<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF6633<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#FF6600<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF33FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF33CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF3399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF3366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF3333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF3300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: fuchsia none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF00FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF00CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF0099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF0066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF0033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: red none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#FF0000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
2</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFFFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFFCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFF99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFF66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFF33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 255, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCFF00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CCCC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC99FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC99CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC9999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC9966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC9933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC9900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC66FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC66CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC6699<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC6666<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC6633<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#CC6600<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC33FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC33CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC3399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC3366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC3333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC3300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC00FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC00CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC0099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC0066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC0033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 0, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#CC0000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
3</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FFFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FFCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FF99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FF66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FF33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 255, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99FF00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#99CC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#9999FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#9999CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#999999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#999966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#999933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#999900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9966FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9966CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#996699</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#996666</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#996633</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#996600</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9933FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9933CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#993399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#993366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#993333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#993300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9900FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#9900CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#990099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#990066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#990033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#990000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
4</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FFFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FFCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FF99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FF66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FF33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 255, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66FF00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#66CC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#6699FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#6699CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#669999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#669966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#669933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#669900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6666FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6666CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#666699</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#666666</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#666633</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#666600</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6633FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6633CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#663399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#663366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#663333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#663300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6600FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#6600CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#660099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#660066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#660033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(102, 0, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#660000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
5</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FFFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FFCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FF99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FF66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FF33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 255, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33FF00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#33CC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#3399FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#3399CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#339999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#339966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#339933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#339900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#3366FF</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#3366CC</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#336699</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#336666</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#336633</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#336600</span></span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3333FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3333CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#333399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#333366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#333333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#333300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3300FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3300CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#330099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#330066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#330033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(51, 0, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#330000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
6</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: aqua none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FFFF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 255, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FFCC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 255, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FF99</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 255, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FF66</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 255, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FF33</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: lime none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="black">#00FF00</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CCFF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CCCC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CC99<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CC66<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CC33<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 204, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#00CC00<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#0099FF<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#0099CC<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#009999<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#009966<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#009933<o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 153, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal">#009900<o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#0066FF</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#0066CC</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#006699</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#006666</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#006633</span></span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 102, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span class="white"><span style="color: white;">#006600</span></span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 255) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#0033FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#0033CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#003399</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#003366</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#003333</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 51, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#003300</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: blue none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#0000FF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 204) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#0000CC</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 153) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#000099</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 102) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#000066</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#000033</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: black none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#000000</span><o:p></o:p></div></td> </tr>
<tr> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-weight: bold;"><br />
<br />
7</span><br />
<br />
</div><div class="MsoNormal"><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(70, 85, 132) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#465584</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(238, 242, 247) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#EEF2F7</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(58, 79, 108) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3A4F6C</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 221) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#00D</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(67, 73, 81) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#434951</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(85, 85, 85) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#555</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(119, 119, 119) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#777</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(223, 230, 239) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#DFE6EF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(52, 84, 135) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#345487</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(245, 249, 253) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#F5F9FD</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(56, 96, 187) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#3860BB</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(188, 208, 237) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#BCD0ED</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(194, 207, 223) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#C2CFDF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(240, 245, 250) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#F0F5FA</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(209, 220, 235) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#D1DCEB</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(0, 0, 51) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#003</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(153, 0, 0) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#900 </span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(204, 233, 253) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#CCE9FD</span><o:p></o:p></div></td> </tr>
<tr> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(228, 234, 242) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#E4EAF2</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(76, 119, 182) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: white;">#4C77B6</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(223, 230, 239) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#DFE6EF</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(238, 242, 247) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><span style="color: black;">#EEF2F7</span><o:p></o:p></div></td> <td style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(250, 252, 254) none repeat scroll 0% 50%; padding: 1.5pt;"><div class="MsoNormal"><br />
<br />
<o:p></o:p></div></td> <td style="padding: 1.5pt;"><div class="MsoNormal"><span style="font-size: 10pt;"><o:p> </o:p></span></div><br />
<br />
<br />
</td></tr>
</tbody></table></center><br />
<br />
<div style="text-align: right;"><a href="http://amatullah83.blogspot.com/2009/07/daftar-kode-warna-dengan-tabel.html">Source</a></div>dSyahabhttp://www.blogger.com/profile/10151193478616789428noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-13559790653380120082011-06-29T02:17:00.002+07:002011-06-29T02:41:48.739+07:00Cara Memasang Tabel Kode Warna Pada BlogUntuk <b>mengedit atau mendesain blog</b> kita pasti butuh referensi <b>kode warna</b>. Untuk itu terkadang kita harus bolak balik situs yang memiliki postingan <b>tabel kode warna</b>, capek nggak? Mungkin kalau capek tidak ya, tapi pernah kah terlintas dibenak sobat bagaimana cara menampilkan tabel code warna tersebut dalam postingan atau pada elemen blog kita (Sebagai gadget githu)?<br />
Contohnya bisa lihat <a href="http://cheahab.blogspot.com/2011/06/daftar-kode-warna.html" target="_blank" title="Tabel Kode Warna">disini</a><br />
Nah berikut rahasianya eh <u>tutorial cara memasang tabel kode warna pada blog</u>.<br />
<span class="fullpost"> </span><br />
<ul><li><span class="fullpost">Seperti biasa sobat harus dalam keadaan login keblogger </span></li>
<span class="fullpost">
<li>Masuk menu Tata Letak=> klik Edit HTML (Sebelumnya baiknya sobat backup dulu templatenya dengan mengklik tulisan download template lengkap dengan begitu jika ada kesalahan sobat bisa mengembalikkan kembali template seperti semula!) </li>
<li>Copy code JS berikut dan paste tepat diatas kode </head> <a name='more'></a> </li>
</span></ul><blockquote><div style="border: 1px solid #eee; height: 300px; overflow: auto; padding: 5px; width: 410px;"><div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 28em;"><span class="fullpost"><script language='javascript'> </span><br />
<span class="fullpost">function Barva(koda) </span><br />
<span class="fullpost">{ </span><br />
<span class="fullpost">document.getElementById("vzorec").bgColor=koda; </span><br />
<span class="fullpost">document.hcc.barva.value=koda.toUpperCase(); </span><br />
<span class="fullpost">document.hcc.barva.select(); </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">function BarvaDruga(koda) </span><br />
<span class="fullpost">{ </span><br />
<span class="fullpost">document.getElementById("vzorec2").bgColor=koda; </span><br />
<span class="fullpost">document.hcc.Barva2.value=koda.toUpperCase(); </span><br />
<span class="fullpost">document.hcc.Barva2.select(); </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost"></script> </span><br />
<span class="fullpost"><script type='text/javascript'> </span><br />
<span class="fullpost">var hue; </span><br />
<span class="fullpost">var picker; </span><br />
<span class="fullpost">//var gLogger; </span><br />
<span class="fullpost">var dd1, dd2; </span><br />
<span class="fullpost">var r, g, b; </span><br />
<span class="fullpost">function init() { </span><br />
<span class="fullpost">if (typeof(ygLogger) != "undefined") </span><br />
<span class="fullpost">ygLogger.init(document.getElementById("logDiv")); </span><br />
<span class="fullpost">pickerInit(); </span><br />
<span class="fullpost">//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" </span><br />
<span class="fullpost">//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">// Picker --------------------------------------------------------- </span><br />
<span class="fullpost">function pickerInit() { </span><br />
<span class="fullpost">hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); </span><br />
<span class="fullpost">hue.onChange = function(newVal) { hueUpdate(newVal); }; </span><br />
<span class="fullpost">picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); </span><br />
<span class="fullpost">picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; </span><br />
<span class="fullpost">hueUpdate(); </span><br />
<span class="fullpost">dd1 = new YAHOO.util.DD("pickerPanel"); </span><br />
<span class="fullpost">dd1.setHandleElId("pickerHandle"); </span><br />
<span class="fullpost">dd1.endDrag = function(e) { </span><br />
<span class="fullpost">// picker.thumb.resetConstraints(); </span><br />
<span class="fullpost">// hue.thumb.resetConstraints(); </span><br />
<span class="fullpost">}; </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">executeonload(init); </span><br />
<span class="fullpost">function pickerUpdate(newX, newY) { </span><br />
<span class="fullpost">pickerSwatchUpdate(); </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">function hueUpdate(newVal) { </span><br />
<span class="fullpost">var h = (180 - hue.getValue()) / 180; </span><br />
<span class="fullpost">if (h == 1) { h = 0; } </span><br />
<span class="fullpost">var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); </span><br />
<span class="fullpost">document.getElementById("pickerDiv").style.backgroundColor = </span><br />
<span class="fullpost">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; </span><br />
<span class="fullpost">pickerSwatchUpdate(); </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">function pickerSwatchUpdate() { </span><br />
<span class="fullpost">var h = (180 - hue.getValue()); </span><br />
<span class="fullpost">if (h == 180) { h = 0; } </span><br />
<span class="fullpost">document.getElementById("pickerhval").value = (h*2); </span><br />
<span class="fullpost">h = h / 180; </span><br />
<span class="fullpost">var s = picker.getXValue() / 180; </span><br />
<span class="fullpost">document.getElementById("pickersval").value = Math.round(s * 100); </span><br />
<span class="fullpost">var v = (180 - picker.getYValue()) / 180; </span><br />
<span class="fullpost">document.getElementById("pickervval").value = Math.round(v * 100); </span><br />
<span class="fullpost">var a = YAHOO.util.Color.hsv2rgb( h, s, v ); </span><br />
<span class="fullpost">document.getElementById("pickerSwatch").style.backgroundColor = </span><br />
<span class="fullpost">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; </span><br />
<span class="fullpost">document.getElementById("pickerrval").value = a[0]; </span><br />
<span class="fullpost">document.getElementById("pickergval").value = a[1]; </span><br />
<span class="fullpost">document.getElementById("pickerbval").value = a[2]; </span><br />
<span class="fullpost">var hexvalue = document.getElementById("pickerhexval").value ='#'+ </span><br />
<span class="fullpost">YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); </span><br />
<span class="fullpost">ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) </span><br />
<span class="fullpost">if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost"></script><!--[if gte IE 5.5000]> </span><br />
<span class="fullpost"><script type="text/javascript"> </span><br />
<span class="fullpost">function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher. </span><br />
<span class="fullpost">{ </span><br />
<span class="fullpost">for(var i=0; i<document.images.length; i++) </span><br />
<span class="fullpost">{ </span><br />
<span class="fullpost">var img = document.images[i] </span><br />
<span class="fullpost">var imgName = img.src.toUpperCase() </span><br />
<span class="fullpost">if (imgName.substring(imgName.length-3, imgName.length) == "PNG") </span><br />
<span class="fullpost">{ </span><br />
<span class="fullpost">var imgID = (img.id) ? "id='" + img.id + "' " : "" </span><br />
<span class="fullpost">var imgClass = (img.className) ? "class='" + img.className + "' " : "" </span><br />
<span class="fullpost">var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " </span><br />
<span class="fullpost">var imgStyle = "display:inline-block;" + img.style.cssText </span><br />
<span class="fullpost">if (img.align == "left") imgStyle = "float:left;" + imgStyle </span><br />
<span class="fullpost">if (img.align == "right") imgStyle = "float:right;" + imgStyle </span><br />
<span class="fullpost">if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle </span><br />
<span class="fullpost">var strNewHTML = "<span " + imgID + imgClass + imgTitle </span><br />
<span class="fullpost">+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" </span><br />
<span class="fullpost">+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" </span><br />
<span class="fullpost">+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" </span><br />
<span class="fullpost">img.outerHTML = strNewHTML </span><br />
<span class="fullpost">i = i-1 </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">} </span><br />
<span class="fullpost">YAHOO.util.Event.addListener(window, "load", correctPNG); </span><br />
<span class="fullpost"></script> </span><br />
<span class="fullpost"><![endif]--></span></div></div></blockquote><ul><li><span class="fullpost">Sebelum save/ simpan template bisa klik tab pratinjau dulu, kalau blognya tampilannya seperti semula berarti langkah-langkahnya udah benar. </span></li>
<span class="fullpost"> </span></ul><span class="fullpost">Nah untuk menampilkan <u>kode warna pada postingan lengkap dengan label</u>, copy kode warna berikut dan paste di tab Edit HTML, sedang untuk <u>menambahkannya pada elemen halaman blog</u> <br />
</span><br />
<ul><li><span class="fullpost">masuk pada menu Tata Letak </span></li>
<span class="fullpost">
<li>Klik Elemen halaman klik tambah gadget pada tempat/sidebar yang sobat inginkan ditampilkan kode warna tersebut. </li>
<li>Tambah HTML/JavaScript </li>
<li>Copy kode warna dan paste pada kolom entry </li>
</span></ul><span class="fullpost">Berikut kode warnanya : <br />
<blockquote><div style="border: 1px solid #eee; height: 300px; overflow: auto; padding: 5px; width: 410px;"><div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 28em;"><center><form name="hcc" id="hcc"> <br />
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"> <br />
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"> <br />
</td></tr><tr height="10"><td> <br />
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"> <br />
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"> <br />
</td></tr></tbody></table></td></tr></tbody></table> <br />
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24"> <br />
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table> <br />
</form></center></div></div></blockquote>Semoga bermanfaat! Terimakasih atas waktu dan perhatiaan yang telah sobat sisihkan untuk membaca postingan ini!</span><br />
<br />
<div style="text-align: right;"><span class="fullpost"><a href="http://amatullah83.blogspot.com/2009/07/cara-memasang-tabel-kode-warna-pada.html">Source </a></span></div>dSyahabhttp://www.blogger.com/profile/10151193478616789428noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-85998826422559462342011-06-15T17:05:00.005+07:002011-06-15T17:27:56.819+07:00ACI (Aku Cinta Indonesia)<div class="separator" style="clear: both; text-align: center;"><a href="http://aci.detik.travel/"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytKDR_4E-lDdBJZ-gyPfohRpabNUM6hCe86vp2nCDlHXQJ9UcIpq9q494pIOtyunD6w_vf6QgONxSmT17IZPJqbjsKNGDOSzI9VXEMmnxvNk1dmGnXlFKc1vkvra19YUUJhoXBfUVEKvI/s640/ACI.png" width="520" /></a></div>Anda pasti bertanya-tanya apa maksud dari judul postingan saya kali ini, dari kalimat nya aja mungkin udh dikira, ni posting pasti mengenai kecintaan kita kepada Negeri Tercinta kita ini yaitu Indonesia, cuma disini cara yang ditawarkan untuk menunjukkan kecintaan kita itu cukup berbeda, mengapa saya katakan berbeda, pada program <a href="http://aci.detik.travel/">ACI</a> ini, kita bersaing untuk mendapatkan nya, dan enak nya, semua <u style="color: red;">GRATIS</u>, gag da sepeserpun biaya yang kita keluarkan untuk ikut program ini (kecuali biaya warnet untuk pendaftarannya) hehhehe...<br />
<br />
Ok.. saya akan jelaskan program apa yang dimaksud diatas.<br />
<a name='more'></a><br />
<blockquote><div style="background-color: transparent; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(15, 20, 45); color: none; padding: 10px; width: 32em;">ACI atau Aku Cinta Indonesia adalah program yang ditawarkan oleh <a href="http://www.detik.com/">Detikcom</a> kepada seluruh masyarakat Indonesia untuk disebarkan keseluruh penjuru Indonesia (<a href="http://aci.detik.travel/about">dengan tujuan dan ketentuan yg berlaku</a>). Disini dicari 60 orang yang beruntung untuk disebarkan keseluruh Penjuru Indonesia yang mana dibagi menjadi 20 kelompok yang terdiri dari 3 orang. Seluruh biaya transportasi, akomodasi, dan uang saku skalipun yang dibutuhkan oleh peserta dalam perjalanan ditanggung semua oleh pihak <a href="http://www.detik.com/">Detikcom</a> *enaaak kan .... , baik banget <a href="http://www.detik.com/">Detikcom</a>, 20 tim tersebut dinamakan para Petualan ACI yang akan menyebarkan semangat Aku Cinta Indonesia keseluruh penjuru negeri dengan berbagai cerita dan pengalaman, dan yang beruntung dengan membawakan cerita serta pengalaman yang paling seru menurut penilaian juri juga akan mendapatkan uang tunai sebesar <span style="color: red;">Rp. 100 JUTA</span> *uangbenerankah ? hahha.... !!!</div></blockquote>fiuuhhh *mupeeng <br />
<br />
Gimana?? tertarikkah Anda ??<br />
Buruan daftar makanya <a href="http://aci.detik.travel/daftar"><b style="color: red;">DISINI</b></a> !!!<br />
biar bisa berbagi pengalaman serta cerita cerita seru kepada saudara saudara kita di seluruh penjuru Negeri Tercinta kita ini , INDONESIA !!<br />
<br />
oiaaa, Follow jg Twit nya acidetikcom <a href="http://twitter.com/intent/user?screen_name=ACIdetikcom" style="color: red;">DISINI</a>, untuk mendapatkan berita terupdate dari program ini !Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0Madang, Palembang, Indonesia-2.96491681777808 104.75151451324462-2.98497581777808 104.73814751324461 -2.94485781777808 104.76488151324462tag:blogger.com,1999:blog-3235606729787460760.post-70124167575230611422011-06-07T02:07:00.001+07:002011-06-11T15:23:35.045+07:00Tutorial Bagaimana Cara Menambahkan Streaming MP3 di Blog AndaTutorial ane kali ini adalah bagaimana cara menambahkan Streaming MP3 atau Lagu2 Kesayangan Anda pada Blog kesayangan Anda pula . hhehe...<br />
Tutorial ini bisa terbilang sederhana dibanding tutorial yang sebelumnya atau yang ada sebelumnya atau pula yang tersedia pada blog-blog music seperti bla... bla... bla..., maklum da malem, pada lupaa ! hhehe<br />
OK.. langsung saja masuk ke Tahapan2an nyaa .<br />
<br />
Pertama-tama pasti Anda sudah mahir dalam hal ini yaitu : <b>Login</b> ke <a href="http://cheahab.blogspot.com/">Blogger</a> anda :D<br />
Lalu Klik <b>Layout</b> dan masuk ke <b>Page Element</b> seperti pada gambar dibawah ini..<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXj-M2bO6gk7jOaVo5YJ_dX6vjgKaXTdVUWOKA2YbN_DG9rb9_aWBquksmVEi3Dp-C8eCB54Ly7nJmbXcyZ-hGGarjadVPKq4yeY6ZpNJSlaZBLYiPB3NJiYHksJ3KevB01Yz8flyTIgi/s1600/pageelements.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXj-M2bO6gk7jOaVo5YJ_dX6vjgKaXTdVUWOKA2YbN_DG9rb9_aWBquksmVEi3Dp-C8eCB54Ly7nJmbXcyZ-hGGarjadVPKq4yeY6ZpNJSlaZBLYiPB3NJiYHksJ3KevB01Yz8flyTIgi/s400/pageelements.png" width="400" /></a></div><br />
Tambahkan Gadget berupa HTML/JavaScript, seperti pada gambar di bawah ini....<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIjEMAMezjDaLvPF5hTCKN8RNuTZzot7Lvd8Wai9GXNPkyXUzbiOLWcdoJcMOEQTE9a36hhXQ74FYXbpuaBXFBLNWeXrL8MIcuGZn9VHZPpBRH6Mqt9BpGENhTsI8Pjg4HokMKIqzvxKZ/s1600/Add+a+Gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIjEMAMezjDaLvPF5hTCKN8RNuTZzot7Lvd8Wai9GXNPkyXUzbiOLWcdoJcMOEQTE9a36hhXQ74FYXbpuaBXFBLNWeXrL8MIcuGZn9VHZPpBRH6Mqt9BpGENhTsI8Pjg4HokMKIqzvxKZ/s1600/Add+a+Gadget.png" /></a></div>Kemudian masukkan kode dibawah ini :<br />
<br />
<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 3px solid rgb(200, 24, 12); display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><span class="Apple-style-span" style="color: #666666;"><span style="color: black;"><!-- Music Player by <a class="smarterwiki-linkify" href="http://bdlab.blogspot.com/">http://bdlab.blogspot.com</a> --></span><br style="color: black;" /><span style="color: black;"> <script type='text/javascript'><!--</span><br style="color: black;" /><span style="color: black;"> document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%73%63%6D%70%6C%61%79%65%72%2E%61%73%77%65%62%2E%69%6E%66%6F%2F%73%63%72%69%70%74%2E%6A%73%22%20%3E%3C%2F%73%63%72%69%70%74%3E'));</span><br style="color: black;" /><span style="color: black;"> //--></script></span><br style="color: black;" /><span style="color: black;"> <script type="text/javascript"><!--</span><br style="color: black;" /><span style="color: black;"> SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':[{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...1</span><span class="Apple-style-span" style="color: black;">','url':'<a class="smarterwiki-linkify" href="http://www.yaaridosti.org/songs_eng/Akon/smack_that_akon%28yaaridosti.uk.to%29.mp3" target="_blank">http://www.yaaridosti.org/songs_eng/Akon/smack_that_akon(yaaridosti.uk.to).mp3</a>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...2</span><span class="Apple-style-span" style="color: black;">','url':'<a class="smarterwiki-linkify" href="http://www.yaaridosti.org/songs_eng/Akon/Right%20Now%20%28Na%20Na%20Na%29%20-%20Akon%20%28www.yaaridosti.net%29.mp3" target="_blank">http://www.yaaridosti.org/songs_eng/Akon/Right%20Now%20(Na%20Na%20Na)%20-%20Akon%20(www.yaaridosti.net).mp3</a>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...3</span><span class="Apple-style-span" style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...4</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...5</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...6</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...7</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...8</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...9</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...10</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...11</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...12</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'},{'title':'</span></span><span class="Apple-style-span" style="color: red;">your...title...13</span><span class="Apple-style-span" style="color: #666666;"><span style="color: black;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span style="color: black;">'}],'placement':'top','showplaylist':'false'}");</span></span><br style="color: black;" /> <span class="Apple-style-span" style="color: black;"> //--></script></span><br style="color: black;" /> <span class="Apple-style-span" style="color: black;"> <!--End of <a class="smarterwiki-linkify" href="http://bdlab.blogspot.com/">http://bdlab.blogspot.com</a> Music Player script--></span></code><br />
<br />
Lalu Klik <span class="Apple-style-span" style="color: #6e818c; font-family: Arial,Helvetica,sans-serif; line-height: normal; margin: 0px; padding: 0px;"><b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; padding: 2px;">Save</b></span><br />
<br />
*Keterangan: Ubah kode yang berwarna <span style="color: red;">merah</span> sesuai dengan keinginan anda (<span style="color: red;">your title = judul lagu anda</span>) (<span style="color: red;">Your MP3 file location = Url lagu anda</span>)<br />
<br />
Selamat Berkreasi :D<br />
<div style="text-align: right;"><a href="http://bdlab.blogspot.com/2010/11/how-to-stream-mp3-music-on-your-blog.html?scmmusicplayer=adrianshum">Source</a></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0Kemuning, Palembang, Indonesia-2.9647822374442048 104.75145658643623-2.9848412374442046 104.73808958643623 -2.9447232374442049 104.76482358643624tag:blogger.com,1999:blog-3235606729787460760.post-20950346889493828672011-06-04T12:48:00.001+07:002011-06-04T12:50:25.262+07:00TUTORIAL Membuat Widget ShortURL Otomatis pada Setiap Postingan Blog .<span class="Apple-style-span" style="font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif; font-size: 13px; line-height: 18px;"><span style="background: none repeat scroll 0% 0% transparent; border: 0pt none; display: inline; font-size: 100%; margin: 0pt; outline: 0pt none; padding: 0pt; vertical-align: baseline;"><span style="background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto auto; border: 0pt none; display: inline; font-size: 100%; margin: 0pt; outline: 0pt none; padding: 0pt; vertical-align: baseline;">Tutorial kali ini ane akan menjelaskan bagaimana untuk <b>secara otomatis menghasilkan URL pendek </b>(menggunakan bit.ly API) untuk setiap posting di Blogger, dan <b>menampilkan URL pendek ini dalam kotak di bagian bawah setiap posting.</b> </span></span></span><br />
<span style="font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;">Dengan menggunakan <b>API bit.ly</b></span>, standar layanan Twitter, kita dapat membuat dan mempublikasikan URL pendek untuk setiap entri di Blogger Anda.<br />
<br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAvejmyB4eYbLZSrGvZmuqdmENqItWousMYhKr1SXyk_Z4WDfPMLb9RA4h15lVPd7P4ZbltAMktfIvEjbp99fbktWQxUsl9nRzErtQm0sd6NvW0KAR35284wxbJkSlkGge6VawBycgXca/s640/2dt9fg1.png" style="cursor: pointer; display: block; height: 184px; margin: 0px auto 10px; text-align: center; width: 330px;" /><br />
<br />
Berikut ane jelasin tahapan2nyaa :<br />
<a name='more'></a><br />
<ul><li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Log in ke <a href="http://cheahab.blogspot.com/">Blog Anda</a></span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik Rancangan </span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik Edit HTML conteng expand template widget</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Masukkan kode berikut sebelum kode </span></span><b></head></b> dan <b>Simpan Template<br />
*</b>waspadalah... amankan Template anda jika ada keraguan dengan cara save ke directory pribadi anda<br />
<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border-color: rgb(153, 204, 102); border-style: solid; border-width: 1px; color: black; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><span class="Apple-style-span"><script type="text/javascript" charset="utf-8" src="<a class="smarterwiki-linkify" href="http://bit.ly/javascript-api.js?version=latest&amp;login=">http://bit.ly/javascript-api.js?version=latest&amp;login=</a></span><b style="color: red;"><span class="Apple-style-span">USERNAMEANDA</span></b><span class="Apple-style-span">&amp;apiKey=</span><b style="color: red;"><span class="Apple-style-span">APIKEYANDA</span></b><span class="Apple-style-span">"></script></span><br />
<br />
<span class="Apple-style-span"> <script type="text/javascript" charset="utf-8"></span><br />
<br />
<span class="Apple-style-span"> BitlyClient.addPageLoadEvent(function(){</span><br />
<br />
<span class="Apple-style-span"> BitlyCB.myShortenCallback = function(data) {</span><br />
<br />
<span class="Apple-style-span"> // this is how to get a result of shortening a single url</span><br />
<br />
<span class="Apple-style-span"> var result;</span><br />
<br />
<span class="Apple-style-span"> for (var r in data.results) {</span><br />
<br />
<span class="Apple-style-span"> result = data.results[r];</span><br />
<br />
<span class="Apple-style-span"> result['longUrl'] = r;</span><br />
<br />
<span class="Apple-style-span"> break;</span><br />
<br />
<span class="Apple-style-span"> }</span><br />
<br />
<span class="Apple-style-span"> document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";</span><br />
<br />
<span class="Apple-style-span"> }</span><br />
<br />
<span class="Apple-style-span"> BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');</span><br />
<br />
<span class="Apple-style-span"> });</span><br />
<br />
<span class="Apple-style-span"> </script></span></code>*Ganti <span style="color: red;">USERNAME</span> anda dengan username yang anda pakai di bit.ly sedangkan untuk <span style="color: red;">APIKEY</span> ganti dengan Kode <span style="color: red;">APIKEY</span> anda yang dapat di lihat pada akun bit.ly anda.</li>
</ul><ul><li>Langkah Pilihan: Anda jg dapat merubah tampilan dari pada kotak ShortURL ini dengan memasukkan kode berikut <b>sebelum</b> <b>]]></b:skin></b> <pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 150px; overflow-x: auto; overflow-y: auto; width: 500px;"><code>form#shorturl {
color:#666;
font-size:11px
}</code>#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}</pre></li>
</ul><ul><li>Langkah terakhir: cari kode berikut (gunakan CTR+F untuk mempermudah pencarian)<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: black; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><div class='post-footer-line post-footer-line-3'><br />
<br />
</div></code> </li>
</ul><blockquote>lalu masukkaan kode berikut diantaranya :<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: black; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if></code></blockquote><blockquote>contohnya menjadi seperti ini:<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: black; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><div class='post-footer-line post-footer-line-3'><br />
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if><br />
</div></code></blockquote><ul><li>Dan akhirnya selesai jg perjalanan panjang kitaa, eeh jangan lupa klik <span class="Apple-style-span" style="color: #444444; font-family: Arial,Verdana,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size: 13px; line-height: 19px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana,Arial,sans-serif; line-height: 16px;"><b style="background-color: #ff7700; border-color: rgb(153, 51, 0); border-style: solid; border-width: 1px; color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Save Template </b></span></span></li>
</ul><br />
<br />
*contoh nya anda dapat lihat dibawah postingan ini .<br />
<br />
selamat berkarya :DDaniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-348179955819343062011-06-03T22:46:00.001+07:002011-06-03T22:47:17.286+07:00ENERGI SAVING MODE ala GubhugReyot :DArtikel inilah hasil daripada saya menjelajah blog-blog yang udh lama berkiprah di dunia maaya ini. hhehe<br />
Energi Saving Mode ini sendiri diperkenalkan pertama kali pada tahun 2009, yang mana banyak dari para blogger mengharapkan adanya Energi saving Mode ini di Blog nya .<br />
<div class="demos bonce"></div>Tanpa Berlama lama berikut saya tuliskan tutorial cara pembuatan Energi Saving Mode ala bang <span class="post-author vcard"><span class="fn"><a href="http://gubhugreyot.blogspot.com/">'cah ndeso kluthuk</a> pada blog nya. Untuk yang masih penasaran bisa liat dulu contoh nya <a href="http://bgsgr.blogspot.com/">di SINI.</a> </span></span><br />
<span class="post-author vcard"><span class="fn">*untuk melihat aksi Energi Saving Mode ini jgn letakkan kursor anda selama 10 detik pada contoh halaman blog nya.</span></span><br />
<br />
<span class="post-author vcard"><span class="fn">Berikut Tahapan nya :</span></span><b> </b><br />
<a name='more'></a><br />
<ul><li><b> </b><b>Login ke blogger</b> : Gunakan User Name (Nama Pengguna) atau Email Address dan Password (Sandi). Setelah semua tertulis dengan benar, <i>klik</i> "Login".</li>
<li><b>Dasboard/Dasbor</b> : <i>Cari</i> dan <i>KLIK</i> link "Design/Rancangan".</li>
<li><b>Design/Rancangan</b> : <i>Cari</i> dan <i>klik</i> "Edit HTML".</li>
<li><b>Edit HTML</b> : Amankan template terlebih dahulu (<i>back-up templates</i>).<ul class="dua"><li class="dua"><i>KLIK</i> Download Template Lengkap.</li>
<li class="dua">Simpan file Template di folder PC.</li>
<li class="dua">Kembali ke halaman "Edit HTML".</li>
</ul></li>
<li><i>Cari kode </i> <span class="ON kiri">]]></b:skin></span> dan letakkan kode CSS dibawah ini sebelumnya<span class="RN">!</span></li>
</ul> Kode CSS Energi Saving Mode Menggunakan CSS3<br />
<div style="border: 1px solid #eee; height: 250px; overflow: auto; padding: 10px; width: 450px;">* { margin:0; padding: 0; }<br />
#navbar-iframe {<br />
height: 0;<br />
opacity: 0.0;<br />
-o-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
-moz-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
-webkit-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
}<br />
body:hover #navbar-iframe {<br />
height: 30px;<br />
opacity: 1.0;<br />
-o-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
-moz-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
-webkit-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
}<br />
body .bgsGR_esm {<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
height: 100%;<br />
opacity: 0.97;<br />
filter: alpha(opacity=97);<br />
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";<br />
background: #000;<br />
border-bottom: 3px solid transparent;<br />
z-index: 1;<br />
-o-transition: all 3s ease-in-out 10s;<br />
-moz-transition: all 3s ease-in-out 10s;<br />
-webkit-transition: all 3s ease-in-out 10s;<br />
}<br />
body:hover .bgsGR_esm {<br />
opacity: 0.0;<br />
height: 0.001%;<br />
filter: alpha(opacity=0);<br />
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";<br />
background: #0a7f01;<br />
border-bottom: 5px solid #333;<br />
-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;<br />
-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;<br />
-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;<br />
}<br />
body .bgsGR_esm p.esm1 {<br />
margin: 0;<br />
padding: 0;<br />
width: 92%;<br />
background: transparent;<br />
font-size: 100px;<br />
font-family: "Serif", Times New Roman;<br />
color: #333; <span class="gran">/* original code by: gubhugreyot.blogspot.com */ </span><br />
text-shadow: 1px 1px 2px #ccc;<br />
position: relative;<br />
margin-top: 200px;<br />
line-height: 20px;<br />
font-weight: bold;<br />
text-align: center;<br />
border: 30px solid transparent;<br />
border-radius: 20px;<br />
-moz-border-radius: 20px;<br />
-webkit-border-radius: 20px;<br />
-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;<br />
-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;<br />
-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;<br />
}<br />
body:hover .bgsGR_esm p.esm1{<br />
font-size: 10px;<br />
color: red;<br />
width: 25%;<br />
margin: 340px 0 0 300px;<br />
padding: 25px;<br />
background: #aaa;<br />
border: 20px solid #888;<br />
border-radius: 170px;<br />
-moz-border-radius: 170px;<br />
-webkit-border-radius: 170px;<br />
-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);<br />
-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);<br />
-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);<br />
-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;<br />
-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;<br />
-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;<br />
}<br />
.bgsGR_esm p span.esm2 {<br />
font-size: 18px;<br />
opacity: 0.5;<br />
filter: alpha(opacity=50);<br />
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";<br />
display: block; <span class="gran">/* original code by: gubhugreyot.blogspot.com */ </span><br />
text-align: center;<br />
width: 300px;<br />
margin: -10px auto;<br />
font-weight: normal;<br />
padding: 2px 8px;<br />
background: #000;<br />
border: 1px solid #333;<br />
border-radius: 0;<br />
-moz-border-radius: 0;<br />
-webkit-border-radius: 0;<br />
color: #0000FF;<br />
text-shadow: none;<br />
font-family: Arial, Helvetica, sans-serif;<br />
-o-transition: 1s ease-out;<br />
-moz-transition: 1s ease-out;<br />
-webkit-transition: 1s ease-out;<br />
}<br />
.bgsGR_esm:hover p span.esm2{<br />
font-size: 10px;<br />
width: 200px; <span class="gran">/* original code by: gubhugreyot.blogspot.com */ </span><br />
padding: 0;<br />
}<br />
.bgsGR_esm p span.esm3{<br />
color: #ccc;<br />
font-family: "Tahoma", Arial, Helvetica;<br />
display: block;<br />
margin:10px auto;<br />
background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/ESM3H2V70.png) left center repeat-x;<br />
background: -moz-linear-gradient(top,#666,#111);<br />
background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));<br />
opacity: 0.6;<br />
filter: alpha(opacity=60);<br />
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";<br />
width: 250px;<br />
text-shadow: 1px 1px 1px #000;<br />
border: 1px solid #333;<br />
border-radius: 4px;padding:2px 10px;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
font-size: 12px;<br />
font-weight: normal;<br />
line-height: 16px;<br />
}<br />
.bgsGR_esm .by_gubhugreyot {<br />
margin-left: 30px;<br />
text-align: left;<br />
color: #015828;<br />
font-size: 12px;<br />
font-weight: normal;<br />
position: absolute;<br />
top: 550px; <span class="gran">/* original code by: gubhugreyot.blogspot.com */ </span><br />
width: 100%;<br />
height: 20px;<br />
left: 0;<br />
}<br />
.bgsGR_esm .by_gubhugreyot span.esm4 {<br />
color: #aaa;<br />
font-style:italic;<br />
}</div><br />
<ul><li>Desain Energy Saving Mode sekaligus menyertakan animasi pada navbar. Jika anda suka menampilkan navbar sebagai pelengkap blog, maka kode ini dapat langsung disimpan di template. Sebuah animasi cantik tidak hanya terjadi di Energy Saving Mode, namun animasi juga akan terjadi pada navbar. Sangat cantik! Cobalah jika anda tidak percaya!</li>
</ul><ul><li>Jika anda tidak akan menampilkan navbar, silahkan ganti kode diatas yang seperti berikut dengan kode <span style="color: red;">baru</span> di bawahnya. </li>
</ul><div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 25em;">#navbar-iframe {<br />
height: 0;<br />
opacity:0.0; <br />
-o-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
-moz-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
-webkit-transition: height 2s linear 8s, opacity 2.5s linear 6s;<br />
}<br />
body:hover #navbar-iframe {<br />
height: 30px;<br />
opacity: 1.0;<br />
-o-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
-moz-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
-webkit-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s;<br />
}</div><br />
<span style="color: red;">Kode baru sebagai pengganti</span><br />
<br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 10em;">#navbar-iframe {<br />
display: none;<br />
}</div><br />
<ul><li><i>Cari kode </i> <span class="ON kiri"><body></span> Gunakan <span class="RN">Ctrl+F</span> untuk memudahkan pencarian kode!</li>
<li><b>Copy-Paste</b> : <i>Copy</i> xHTML Energy Saving Mode Using CSS3 dibawah ini dan <i>letakkan</i> <span class="RN">di bawah kode</span> <span class="ON"><body></span>.</li>
</ul><br />
xHTML Energy Saving Mode Using CSS3<br />
<br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 34em;"><div class='bgsGR_esm'><br />
<p class='esm1'><span style="color: red;">cheahabBlog</span><br/><br />
<span class='esm2'><span class="ON" style="color: red;">Energy Saving Mode Using CSS3</span></span><br/><br/><br />
<span class='esm3'><span class="ON" style="color: red;">Move your mouse to go back to the page!</span><span style="color: red;"><br/></span><span class="ON"><span style="color: red;">Gerakkan mouse anda dan silahkan nikmati kembali posting kami</span>!</span></span><br />
</p><br />
<div class='by_gubhugreyot'>Copyright 2010 <span class='esm4'>gubhugreyot.blogspot.com</span> - All rights reserved</div><br />
</div></div><br />
<ul><li>Silahkan anda rubah teks berwarna <span style="color: red;">merah</span> untuk menampilkan teks dalam bentuk berbeda.</li>
<li>Teks<i> <span style="color: red;">cheahabBlog</span></i> berwarna <span style="color: red;">merah</span> menggunakan font yang cukup besar (<b class="ms">font-size: 100px;</b>). Jika ingin menuliskan nama blog atau nama yang lain dengan teks cukup panjang, Anda bisa kecilkan ukuran font yang terdapat dalam syntax : <div class="kode"></div><div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 20em;"><div class="kode">body .bgsGR_esm p.esm1{font-size: 100px;}</div><div class="kode"></div></div>Ukuran font bisa diperkecil (misalnya 50px) hingga bisa terlihat ideal di blog!<br />
</li>
<li>Mohon teks yang lain yang di bagian terbawah (<i>Copyright 2010, gubhugreyot.blogspot.com</i> dan <i>All rights reserved</i>) untuk tidak dihapus. Terus terang membuat desain Energy Saving Mode dengan CSS3 ini cukup menyita waktu! (<i>Atas kesediaan Anda, sebelumnya saya mengucapkan banyak terima kasih!</i>).</li>
<li>dan traaaaaaaaaaaadaaaaaaaaaaaaaaaa..... Energi saving mode ala <a href="http://gubhugreyot.blogspot.com/">reyot</a> terpasang di blog anda . eeehhh blooonn, save dulu dengan meng klik tanda save TEMPLATE. hehhehe </li>
</ul><div style="text-align: right;"><a href="http://gubhugreyot.blogspot.com/">Source</a></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-11593177104628989282011-06-03T17:33:00.004+07:002011-06-04T12:47:39.041+07:00TUTORIAL MEMBUAT SLIDESHOW IMAGE sederhanadengan JQueryOk pemirsa.. eh salah, Ok para blogger, kali ini ane share tutorial membuat slideshow image pada blog anda.<br />
slide image ini jg bisa menghemat space pada blog anda, postingan anda, maupun pada image header blog anda. hhehe<br />
masih menggunakan jQuery, efek daripada slideshow ini terlihat elegan, dan untuk mempersingkat waktu karena bentar lagi mau shalat magrib, perhatikan gambar dibawah ini :<br />
<ul class="slideshow"><li><a href="http://www.blogger.com/post-create.g?blogID=3235606729787460760#"><img alt="keterangan test1" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKA39jNWQo7pumiqpDTNC1BVVppxhopy_Kz6YgB2-9AgC1DVq5WT70BaNL_EBfbA0PHQ29Yrzl1y3WJ5MagFoAkuXCWunydGTCqRWZ7BEVZ7_faX4V4XRCEYvrbjlYEKFnkDU19rgLoaQ5/s1600/000001.jpg" title="post 1 title" width="530" /></a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=3235606729787460760#"><img alt="keterangan test2" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPNfqNheCvFFx_RllvyF_T4Vz2v1LKeai9z6M5ZwWzPz1cNqY2CAb9hspJgrtllO0OLcvj4pw1ndw6Yy0Rx-Ua6ENW2u_4CnNhAldC3Dzt32AKplzlQfA_h1afkI2gk47ckPbk4EODmN5t/s320/Barcelona%252Bv%252BManchester%252BUnited%252BUEFA%252BChampions%252BrFlhpIIRej4l.jpg" title="post 2 title" width="530" /></a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=3235606729787460760#"><img alt="keterangan test3" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-DlmeW85xaV3pb_AsQ5FI_RvVxRQ_UT1zenpXkAJFMidnUSc7VZsLSczEqTq6XJL-y1eQdaThWrgF5hmYNu4Im-b8CISMGwkQHDuBz1n1WctlmoNi-_keOiLdo2jNVnDKkB7AwmkMbik/s320/Barcelona%252Bv%252BManchester%252BUnited%252BUEFA%252BChampions%252Br8vkb13dminl.jpg" title="post 3 title" width="530" /></a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=3235606729787460760#"><img alt="keterangan test4" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsW7bMlMsB_zckw9-YYSx3RgI1MPcilqqMmqIQri-2E0S4oe2vVno9w5spgeILycgxehPTMQVGc_WaRLPr49bndc8RkMAzrEfHIkdYYYxZsmC49XPIHMi6ZyoEl44R_Zcif4pQYmnoK-rd/s320/Barcelona%252Bv%252BManchester%252BUnited%252BUEFA%252BChampions%252BXw0Et8I9f10l.jpg" title="post 4 title" width="530" /></a></li>
</ul><br />
Langsung saja ke tahap pembuatan :<br />
<a name='more'></a><br />
<ul><li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Log in ke <a href="http://cheahab.blogspot.com/">Blog Anda</a></span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik Rancangan </span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik Edit HTML</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Masukkan kode berikut sebelum kode </span></span><b></head></b> dan <b>Simpan Template</b><br />
</li>
</ul><span class="Apple-style-span" style="font-family: Arial,'Century gothic',Tahoma,sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 16px; line-height: normal;"><span class="Apple-style-span"></span></span></span></span><br />
<pre style="border: 1px solid black; height: 350px; overflow: auto; width: 90%;"><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</span>' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);
//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');
}
//]]>
</script>
<style type="text/css">
ul.slideshow {
list-style:none;
width:<span style="color: red; font-weight: bold;">600px</span>;
height:<span style="color: #3333ff; font-weight: bold;">240px</span>;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:<span style="color: red; font-weight: bold;">600px</span>;
height:<span style="color: #3333ff; font-weight: bold;">240px</span>;
border:none;
}
#slideshow-caption {
width:<span style="color: red;">600px</span>;
height:<span style="color: blue;">70px</span>;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style></pre>*atur ukuran sesuai dengan lebar dan panjang halaman blog anda, <span style="color: red;">merah</span> untuk panjang dan <span style="color: blue;">biru</span> untuk lebar image<br />
<br />
<ul><li>Selanjutnya, ketika Anda ingin memberikan efek slideshow pada gambar Anda, baik itu dalam postingan Anda, dalam galeri foto pribadi Anda dan sebagainya, berikan kode berikut kedalamnya. </li>
</ul><br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 28em;"><ul class="slideshow"><br />
<br />
<li><a href="#"><img src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSto3QCilagKxCr6K1s_nNW41Gv9bibOn0b2AKGvWmVUAvC8eeYRoBuZPHJPMt7Cif5pxL34nMApTQxicU8IJIdYBGz2V6MUwsKJSXgJQ7JfUfC5VK40i3tvempXp25a4M8RgGRxKygMo/s1600/1.jpg</span>" title="<span style="color: blue;">post 1 title</span>" alt="<span style="color: blue;">keterangan test 1</span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7YmLHL-imbQTUccuJLPym9aeR88iaTwSdgGFeGHRZileC9WmiBt33X-1bnMblE1mxUTwKy7RbgfmNe5YK1f0M0BD2W7QBhZvs_PhPW5k0DK2-YOmqI64v6WnpYteF8erZdYRxJJKEI9k/s1600/2.jpg</span>" title="<span style="color: blue;">post 2 title</span>" alt="<span style="color: blue;">keterangan test 2</span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRISmr8yTmPzavwGNwNsBvEs7topGcXjTVq4-W0inCyqTBh1PZj87nBzFFivrfx92kOTAVc9K-FuTCyA_zN9Kx2I7jADOP6ARjHKvyE4W_VJsxXVQLp8eYC3Bc_dkUxWcjs9T8lMq1r7Y/s1600/3.jpg</span>" title="<span style="color: blue;">post 3 title</span>" alt="<span style="color: blue;">keterangan test 3</span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcqxq_59OsjywdXYxLw3Sof4Yy-qxfKiH1vhoPZHLQM1_fGmDCLTW9J16ry_Nh6XSHhhYzJotfVf9syasfcwsYyOrs0XPkuoyo3dOoThWZvg_dk95LUnvXLM4e7rmF9c4TWKCDEhv1pnA/s1600/4.jpg</span>" title="<span style="color: blue;">post 4 title</span>" alt="<span style="color: blue;">keterangan test 4</span>" /></a></li><br />
<br />
</ul></div><br />
<br />
ganti yang kode yang berwarna <span style="color: red;">merah</span> sesuai dengan url image Anda, dan ganti kode yang berwarna <span style="color: blue;">biru</span> dengan keterangan dari masing-masing gambar anda .<br />
<br />
selamat berkarya :DDaniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-30283449731729128792011-06-03T15:43:00.004+07:002011-06-03T15:54:50.186+07:00Ngeblog Offline Tanpa Terhubung Ke Internet<h3 class="post-title entry-title"></h3><span class="post-labels"><a href="http://amatullah83.blogspot.com/search/label/Tutorial%20Blogger" rel="tag"></a> </span> <br />
<div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRfG5Vsq6EERUA_BPIqqaGwogjVXFYxpGFCMyFWX4TFP7J0PSKOXu3gi10UK-UlBRHJCUmBsua4TScjUh23FgCE4LjD0LBE-aDuJbkKUC0Sh6wZjoU5-UJqIAz57UjY2NGmPNae0Wja0/s1600-h/windows-live-writer-2.png"><span style="color: black;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5362068917615637586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRfG5Vsq6EERUA_BPIqqaGwogjVXFYxpGFCMyFWX4TFP7J0PSKOXu3gi10UK-UlBRHJCUmBsua4TScjUh23FgCE4LjD0LBE-aDuJbkKUC0Sh6wZjoU5-UJqIAz57UjY2NGmPNae0Wja0/s200/windows-live-writer-2.png" style="cursor: hand; float: left; height: 107px; margin: 0px 10px 10px 0px; width: 179px;" /></span></a> Mungkin teman-teman sudah pernah mendengar atau bahkan sudah tak asing lagi dengan Windows Live Writter, tapi saya yakin tidak menutup kemungkinan ada diantara pengunjung yang belum mengetahuinya, maka saya memandang perlu untuk mempublikasikan hal ini dalam postingan saya kali ini, postingan yang saya ketik menggunakan aplikasi yang akan kita bahas saat ini. </div><div align="justify"></div><div align="justify">Bagi kita yang koneksi internetnya lambat atau sering putus-putus, atau ingin ngirit besar biaya penggunaan internet untuk blogging maka ini adalah merupakan sebuah kabar gembira. Saat ini kita bisa ngeblog tanpa terhubung dengan internet atau ngeblog offline, tanpa harus sign in ke blogger dan masuk pada dasbor. Lho kok bisa? Jawabnya pasti bisa dengan Windows Live Writter (WLW). </div><div align="justify"></div><div align="justify">Apakah Windows Live Writter (WLW) itu? WLW adalah salah satu sofware atau produk yang baru saja dirilis oleh Microsoft, sebuah aplikasi editor untuk mempublikasikan postingan kita ke layanan blog paling populer, termasuk Windows Live Spaces, SharePoint, Wordpress, Blogger, LiveJournal, TypePad, Community Server dan banyak lagi. <br />
<a name='more'></a></div><div align="justify"></div><div align="justify">Jika kita sudah biasa dan akrab menggunakan Microsoft Word, maka kita tidak akan kesulitan lagi menggunakan WLW, bahkan tanpa belajar.</div><div align="justify"></div><span class="fullpost"> </span><br />
<div align="justify"><span class="fullpost">Asyiknya <b>ngeblog offline</b> dengan WLW: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DCkCsMw_Oy-7gWB_5EoEsYKj6s7UVqGdiwJjgdKU6uKFVnuXHMmwY-6X5akGGkyHtT_1noBx9hMGHW66iRukalTe8vUxsks9cgSYhkJOAjhTg6TK_gCjntUlRMet57CkAbGhzqbYJBE/s1600-h/windows-live-writer-preview.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5362069515597629202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DCkCsMw_Oy-7gWB_5EoEsYKj6s7UVqGdiwJjgdKU6uKFVnuXHMmwY-6X5akGGkyHtT_1noBx9hMGHW66iRukalTe8vUxsks9cgSYhkJOAjhTg6TK_gCjntUlRMet57CkAbGhzqbYJBE/s200/windows-live-writer-preview.jpg" style="cursor: hand; float: right; height: 141px; margin: 0px 0px 10px 10px; width: 190px;" /></a> <br />
1. Yang pertama karena ini gratis (sukanya yang gratis mulu), tidak perlu sign in lagi ke blogger. </span></div><div align="justify"><span class="fullpost">2. Area untuk mengetik ditampilkan secara penuh, sehingga jika kita sudah memiliki artikel diword tinggal copy paste saja (senangnya). Kalau punya banyak artikel tinggal kita atur kapan akan dipublikasikan dengan menset publish date disebelah kanan bgian kategori. Dan menerbitkannya saat kita online. </span></div><div align="justify"><span class="fullpost">3. Kita bisa mengupload foto (bahkan lengkap dengan fasilitas edditing dan effecnya, keren khan?), video link, peta, tag, hiperlink, table dan lain lain. </span></div><div align="justify"><span class="fullpost">4. Memungkinkan pula untuk mencari tulisan-tulisan yang ada di Local Drafts, Recently Published, atau tulisan terbaru yang sudah diambil langsung dari blog secara online. Untuk yang terakhir ini, terbatas pada jumlah tulisan yang diambil, bukan untuk keseluruhan tulisan pada blog. </span></div><div align="justify"><span class="fullpost">5. Dan fitur kerennya lagi preview post kita karena diawal konfigurasi tool aplikasi ini juga mendownload template kita. Jadi hasilnya nanti InsyaAllah sama persis dengan postingan kita diWLW ini. Dengan fitur ini kita juga bisa melihat kode HTMLnya jadi jangan khawatir tidak bisa buat read morenya. He3. </span></div><div align="justify"><span class="fullpost">Nah ingin mencoba aplikasi ini, silahkan download langsung <a href="http://download.live.com/writer">disini</a> atau<span style="color: blue;"> </span><a href="http://download.microsoft.com/download/0/F/4/0F4D43A7-8D47-4312-BC35-EC1F888AC156/en/wlsetup-all.exe"><span style="color: blue;">disini</span></a> </span></div><div align="justify"><span class="fullpost"><br />
</span><br />
<div style="text-align: right;"><span class="fullpost"><a href="http://www.home.live.com/">Sumber</a><br />
</span></div></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-86984403509109835072011-06-03T14:38:00.001+07:002011-06-03T14:46:47.210+07:00Cara Mengubah Tampilan Kursor Mouse pada Blog AndaKali ini saya menuliskan tutorial bagaimana cara mengubah tampilan kursor mouse pada blog/web anda.<br />
Hal ini dapat anda lakukan dengan langkah yg sangat sederhana , anda tinggal meng copy lalu meletakkan kode nya ke blog Anda. Saya mengambil gambar kusro dari <a class="smarterwiki-linkify" href="http://www.cursors-4u.com/">http://www.cursors-4u.com/</a> dan Anda dapat mengganti nya kapanpun anda mau sesuai mood yang Anda rasakan saat ini... hehehhe....<br />
<br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_xDNQn9dGhZqukqsK1ZnhlBerM3LSUtZHfi-jEHmb4dIiEfmVr5IlN3CdbOGgLEkZPYjHEpFsLVWsD2GBObN1NDnH9OXxergBBzYrHxgMAP2LswsweqaiEL6wAM9sCpn6iIws1d5kfbI/s400/Change+Mouse+cursor+of+your+Blogger+blog+to+Animated+Cursors.gif" style="cursor: pointer; display: block; height: 184px; margin: 0px auto 10px; text-align: center; width: 147px;" /><br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Seperti yang Anda liat pada blog ini, saya menggunakan kursor dengan nama hmmmm... (mikir nama nya apaa) lupaaa saya, hehe</div><div style="margin: 0px;">OK lah.. langsung sajaa..<br />
<a name='more'></a><br />
<a href="http://www.blogger.com/post-create.g?blogID=3235606729787460760" name="more"></a></div><div><span class="Apple-style-span" style="font-family: Arial,Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><br />
</b></span></span><span class="Apple-style-span" style="font-family: Arial,Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"></span></span></div><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif;"><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><b>Langkah pertama</b></span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">Log in ke</span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">Blog Anda</span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">, Klik</span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 14px; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms',verdana,arial,sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">dan centang "</span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span><br />
<span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="color: #2c3240; font-family: Arial,Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjru0M8PmpNE7aeaqqcygGklsXekwqcgAa6-7pqXiYx8V-NtV0uCiA7OnYsK2_1suvMwiCPn76oF_rW0Ax4mFucx3Z5Ia6TqsnMVq7noKMsC8yLAtwZD5deJaUc8t4SJHqgOVvUf0qq9A4E/s1600/Image+5.png" style="color: #af2d10; cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur376.ani), progress; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjru0M8PmpNE7aeaqqcygGklsXekwqcgAa6-7pqXiYx8V-NtV0uCiA7OnYsK2_1suvMwiCPn76oF_rW0Ax4mFucx3Z5Ia6TqsnMVq7noKMsC8yLAtwZD5deJaUc8t4SJHqgOVvUf0qq9A4E/s1600/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="480" /></a></div><br />
<span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 20px;">kemudian, cari (CTRL+F)</span> cari kode <b></head></b><br />
<span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; line-height: 21px;">tanpa berlama-lama, letakkan kode berikut ini sebelum kode <b></head></b></span><br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff; background-image: initial; background-origin: initial; border-bottom-color: rgb(34, 51, 68); border-bottom-style: dotted; border-bottom-width: 1px; border-left-color: rgb(34, 51, 68); border-left-style: dotted; border-left-width: 1px; border-right-color: rgb(34, 51, 68); border-right-style: dotted; border-right-width: 1px; border-top-color: rgb(34, 51, 68); border-top-style: dotted; border-top-width: 1px; color: #474747; font-family: Arial, Verdana; font-size: 14px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: 13px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3UCBiDqU0ZVNonvu0XPZxbmYoteDx9Sg1UrFDQIRee-V4SzJSOtIirpiO8IMD-I3Wxdh4oolz1Ip8pMVjNuiboY8HFBCgg4jXh55bkiZL2zIwteQoivwZKinS6j2dV7vqzyjuXz6jwYC/s1600/cur220.gif" style="clear: right; color: #a42828; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; float: right; margin-bottom: 1em; margin-left: 1em; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3UCBiDqU0ZVNonvu0XPZxbmYoteDx9Sg1UrFDQIRee-V4SzJSOtIirpiO8IMD-I3Wxdh4oolz1Ip8pMVjNuiboY8HFBCgg4jXh55bkiZL2zIwteQoivwZKinS6j2dV7vqzyjuXz6jwYC/s1600/cur220.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; border-width: initial; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur">http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur</a></span>), progress;}</style></b></span></div><span class="Apple-style-span" style="color: #474747; font-family: Arial,Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial,Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial,Verdana; font-size: 14px;"><br />
</span><br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial,Tahoma,Verdana; line-height: 19px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet,'Trebuchet MS',Arial,sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial,'Century gothic',Tahoma,sans-serif; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif; line-height: 20px;">Lalu klik </span><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial,Tahoma,Helvetica,FreeSans,sans-serif; font-size: 15px; line-height: 20px;">jika anda </span>malas untuk menjelajah bentuk2 kursor nya, disini saya sediakan contoh2 kursor yg saya pilih secara acak (kaya kuis ajaa) hhaha<br />
<br />
pilih salah satu yaaa ...<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images6/sym525.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur">http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images5/sym498.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur">http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/special/images2/spe192.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur">http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/nature/images4/nat387.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur">http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/others/images3/oth246.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur">http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images6/sym528.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur">http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images6/sym527.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur">http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images6/sym526.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur">http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/smilies/images3/smi201.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur">http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/smilies/images2/smi199.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur">http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/smilies/images2/smi193.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur">http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur462.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/working.cur">http://safir85.ucoz.com/bdlab-blogspot/working.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur464.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur455.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur409.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur456.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur451.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur438.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images5/cur425.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/games/images3/gam257.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur">http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/holidays/images4/hol337.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur">http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images4/cur380.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images4/cur364.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur">http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/special/images1/spe68.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur">http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/special/images1/spe67.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur">http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images1/cur11.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur">http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/holidays/images4/hol317.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur">http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images2/cur116.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/others/images4/oth392.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur">http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/people/images6/peo797.png" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur">http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images2/cur102.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images2/cur103.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images2/cur104.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/cursors/images2/cur105.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur">http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff;"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="http://cur.cursors-4u.net/symbols/images1/sym57.gif" /></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"><b><style type="text/css">body, a, a:hover {cursor: url(<span class="Apple-style-span" style="color: #cc0000;"><a class="smarterwiki-linkify" href="http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur">http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur</a></span>), progress;}</style></b></span></b></span></div><br />
<br />
<br />
Selamat Menikmati<br />
<br />
*Catatan: Animasi kursor hanya bekerja pada IE .Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-72235728291158621482011-06-02T08:46:00.001+07:002011-06-02T08:50:46.063+07:00Cara Mempromosikan blog di Feedburner<h3 class="post-title entry-title"></h3><div class="post-header"><span class="showtprofile transisi10eout post-author"> <span style="font-family: monotype corsiva; font-size: 14px;"></span><span style="font-weight: bold;"></span> </span> </div><div align="justify">Ada kesulian untuk mempromosikan blog di Feedburner ? Inilah jawaban tepatnya. Panduan yang sangat detail dari awal hingga selesainya proses registrasi hingga terpasangnya RSS (Really Simple Syndication) di blog yang dipromosikan. Langsung pada sasaran karena aku percaya ini sudah sangat ditunggu-tunggu <span class="fullpost">seperti halnya aku waktu kebingungan soal detail step-by-step registrasi promosi di Feedburner. Tutorial ini dilengkapi panduan dalam bentuk gambar guna memperjelas proses registrasi promosinya. Silahkan gambar tersebut dibuka dengan cara meng"klik" gambar tersebut.Tapi mohon maaf sebelumnya, guna effisiensi halaman, dengan amat terpaksa apabila ingin membaca secara lengkap silahkan baca lanjutannya dengan membuka "Baca komplit di sini" di bawah ini. Tahapan registrasi promosi blog di Feedburner :</span><span class="fullpost"> </span><br />
<ul><li><span class="fullpost">Supaya langkah yang harus dilakukan sama persis dengan yang saya tuliskan, sebaiknya sebelum masuk Feedburner jangan membuka email ataupun Sig in di blog yang mau dipromosikan. Baru sesudah mulai masuk Feedburner silahkan untuk Sign in ataupun membuka email.</span></li>
<li>Buka Feedburner di tab yang lain dengan membuka alamat feedburner klik di <a href="http://feedburner.com/">sini</a>. Muncul gambar seperti gambar dibawah.</li>
</ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRbMeYczYJbYeNvO9if0g31CgahS9WEL4OzQnl8Q-FwNs9846cQ5EISGeAEVOiDVPejSN-iGEDtg-HdPDYllwx_E6ucmJ3ujWTZ7wtxKWfrttY-4w9VXxSAQKKYrxOiu-mhmxD_CHEov1/s1600/A-1.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<a name='more'></a><br />
</td></tr>
</tbody></table><div align="justify"><ul><li><span class="fullpost"> Tuliskan alamat email dan password pada ruang yang disediakan. kemudian 'klik' Sign in.</span></li>
<li><span class="fullpost">Halaman selanjutnya terbuka (seperti gambar dibawah). Tulis alamat blog, centang kotak kecil disebelahnya, kemudian 'klik' Next di ujung kanan.</span><span class="fullpost"> </span></li>
</ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghRV1yjEeOLShrZfMDlwdiNIhMqvLrmeUKTrrqUTOaQDIHXDmjrgMu55vOH9rk-3QycZi_PB_51s3crwNWsV_GyMfHDo6bvfkQMfiR7pozITkmdNFKfh5_u2HkCzHAJTGqeyezLR2mflB/s1600/B-1.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<br />
<br />
</td></tr>
</tbody></table><br />
<ul><li><span class="fullpost">Silahkan memilih atom atau RSS dengan memberi tanda titik (gambar dibawah). Setelah memilih salah satu, simpan alamat disebelah titik yang dipilih karena harus dimasukkan dilangkah selanjutnya. Ket : A atau B yang berwarna merah gambar dibawah ini. </span></li>
</ul><ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh7kAkuy3Okj_fIoxWxISxFEbbclCgDs1ouU3oWbsJB8IIw0FVgmW3gG_efm_xrINRx0km6F_D5qwe2rM42X_P9fpbVJxMjqErObupr8ubjnvnY1lIG_KYLMnSFyNnMsrDsaMdq5Ey8k9u/s1600/C.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<br />
<br />
</td></tr>
</tbody></table><li>'Klik' Next.</li>
<li>Masukkan simpanan alamat di langkah ke-5 yang sudah di copy paste pada ruang yang telah disediakan(di bawah nama user name pada gambar dibawah ini). Pastikan yang tertulis di dalamnya hanya alamat hasil copy paste dari langkah sebelumnya. Alamat ini berisi alamat blog dan RSS.</li>
</ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJRR58xumHTJhPn4jUnBxPR0cEerJ5EYPFuPLXoleYZeBMojryiidkw1cyQn5VNxoCUASxEpzyURCfzvxoSVqljd-8a7bGBqV5kd-SXfDIKVQeuBeLCi8TeEkgd5szhpJkygNANq6AU1a1/s1600/D.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<br />
<br />
</td></tr>
</tbody></table><ul><li><span class="fullpost">Tunggu beberapa saat maka akan muncul halaman seperti gambar dibawah ini. Masukkan di ruang feed address nama user milik kamu. 'Klik' Next!</span></li>
</ul><ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbbZNrXV-gXb2IUJL8nbKzF4jS2LjJhyphenhyphenQHSRM5k3WJRm85OYZy2edHZ6D1_w4VK_cNzcPihAzmgiejsgLm8N8D9ay5r5MGsii7IcuLu5MFgMCXgMK_A2Q7efRGRFGNrovI_hGJ6MPvOLE/s1600/E.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<br />
<br />
</td></tr>
</tbody></table><li>Registrasi selesai dengan sukses apabila muncul halaman ucapan selamat dari Feedburner yang bertuliskan : Congrats! Your feedBurner is ...dst.</li>
</ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYjR8xdlQSTYP8mgVRXhXMi_XPluOYJh6pEeGyGKKo0ma7fxxlz-W_wvIbnHs5yJcwLQ4LUHLh2cpvhOEHYjK8IGeTFZskz8SwhQOoPl31tVjoKS1dq1ZAmBthQjDq8kv5hYzO8L5E3W5w/s1600/F.jpg" style="display: block; height: 140px; margin: 0px auto 10px; text-align: center; width: 140px;" title="" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan kursor di gambar untuk Memperbesar<br />
<br />
</td></tr>
</tbody></table><br />
<ul><li>Apabila ada keraguan apakah RSS sudah 'oke', silahkan cek di blog kamu. </li>
</ul><ol><span class="fullpost"></span></ol><span class="fullpost">Semoga lancar-lancar saja dan blog segera terpublikasikan secara maksimal. Apabila menginginkan tutorial publikasi di Technorati, silahkan 'klik' <a href="http://cheahab.blogspot.com/2011/05/promosi-blog-di-technoraticom.html">di sini</a>.</span></div></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-39375213806724376282011-06-01T21:15:00.007+07:002011-06-02T07:03:43.670+07:00Wisata Air Terjun di IndonesiaAir yang tumpah dari ketinggian tebing-tebing batu menjadi pemandangan indah. Di bawahnya, orang berkerumun dan siap bermain pancuran alami atau berenang di kolam yang sejuk. Di berbagai tempat di Indonesia, air terjun selalu menjadi objek wisata alam yang menarik.<br />
Inilah beberapa air terjun yang terkenal karena keunikannya.<br />
<img id="gallerya" src="http://epsolution.zenfs.com/wpprod/47/2011/06/638antara_moramo.jpg" style="height: 265px; width: 530px;" /><br />
Moramo<br />
Keunikan air terjun ini adalah tingkat-tingkatannya. Air terjun Moramo terletak di Kabupaten Konawe Selatan, Sulawesi Tenggara. Ada yang menghitung tujuh tingkat, ada yang menghitung 10 tingkat. Kurang lebih, air akan jatuh berturutan dari ketinggian 100 meter. Konon, air terjun yang terletak di hutan suaka alam Tanjung Peropa ini juga terkenal akan legenda tempat mandi bidadari.<br />
<a name='more'></a><br />
<img id="galleryb" src="http://epsolution.zenfs.com/wpprod/47/2011/06/638antara_lembahanai.jpg" style="height: 265px; width: 530px;" /><br />
Lembah Anai<br />
Terletak di tepi Jalan Raya Padang-Bukittinggi, air terjun ini sebenarnya terletak di kawasan cagar alam Lembah Anai, Kabupaten Tanah Datar, Sumatera Barat. Di sekitar air terjun terdapat monyet yang berkeliaran. Air terjun dengan ketinggian kurang lebih 60 meter ini punya pemandangan luar biasa. Pada saat liburan, air terjun ini dikunjungi oleh ratusan pengunjung. <br />
<br />
<img id="galleryc" src="http://epsolution.zenfs.com/wpprod/47/2011/06/638antara_resundaik.jpg" style="height: 265px; width: 530px;" /><br />
Resun<br />
Air terjun Resun terletak di Daik, Kabupaten Lingga, Kepulauan Riau. Airnya berasal dari sungai-sungai yang mengairi Gunung Daik dan banyak dikunjungi wisatawan lokal saat hari libur. Kawasan Gunung Daik (1165 mdpl) dengan tiga cabang pun sebenarnya bisa menjadi tujuan pendakian. Selain Gunung Daik dan air terjun Resun, ada juga tempat pemandian putri Sultan Mahmud Muhazam Syah, Batu Babi dan Batu Buaya (karena berbentuk mirip seperti babi dan buaya), Batu Belah, pemandian Lubuk Papan dan air terjun Cik Latif.<br />
<img id="galleryd" src="http://epsolution.zenfs.com/wpprod/47/2011/06/638tempo_jembatanbatu.jpg" style="height: 265px; width: 530px;" /><br />
Jembatan Batu<br />
Air terjun Jembatan Batu terletak di Halmahera Utara, Maluku Utara. Sebenarnya air terjun ini tidak terlalu tinggi, hanya sekitar 10 meter. Tetapi yang istimewa adalah — seperti namanya — bebatuannya berbentuk seperti jembatan batu alami. Selain itu, ada air terjun mini lain yang memungkinkan aktivitas panjat tebing seperti foto di atas.<br />
<img id="gallerye" src="http://epsolution.zenfs.com/wpprod/47/2011/06/638tempo_bantimurung.jpg" style="height: 265px; width: 530px;" /><br />
Taman Nasional Bantimurung<br />
Air terjun setinggi 15 meter dengan lebar 20 meter ini memberikan daerah yang luas bagi pengunjung untuk menikmati curahan air sejuk. Di sekitar air terjun, terdapat cekungan-cekungan sungai yang biasa dimanfaatkan pengunjung sebagai tempat berenang. Selain menikmati keindahan air terjun, pengunjung Taman Nasional Bantimurung, Maros, Sulawesi Selatan, juga bisa mengunjungi Gua Mimpi yang terkenal dengan stalaktit beningnya. Bantimurung juga terkenal sebagai “Kerajaan Kupu-kupu” karena taman ini adalah habitat bagi ribuan kupu-kupu.Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-71746907661879359442011-06-01T20:20:00.010+07:002011-06-02T08:04:54.868+07:00TUTORIAL MEMBUAT POWER ZOOMER PADA GAMBAR: Power Zoomer v1.1<div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"></div><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"></div><h2 class="post-title entry-title"></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0limYcgBU7gKMvLKqMQBit6UWPUdTda5VvU26j_TcA7SdaI7-vsAYG1ORHJtd7q0djsxEmj779lhvUF24buJtJlQYbE__iHQiV4qQKvbu3zCca4uF0txZidlUsxwcwfKYaHZ2jYxVMyU/s1600/searchresult.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0limYcgBU7gKMvLKqMQBit6UWPUdTda5VvU26j_TcA7SdaI7-vsAYG1ORHJtd7q0djsxEmj779lhvUF24buJtJlQYbE__iHQiV4qQKvbu3zCca4uF0txZidlUsxwcwfKYaHZ2jYxVMyU/s1600/searchresult.jpg" /></a></div>Ok guys....kali ini ane share bagaimana cara membuat power zoomer pada gambar. Script ini masih dikembangkan oleh <a href="http://www.dynamicdrive.com/">dynamicdrive.com</a> dan mempunyai efek zoom yang berbeda. Beberapa gambar yang patut dilihat lebih dekat itulah alasan mengapa ada Power Zoomer. Power Zoomer ini memberi setiap gambar pada <a href="http://cheahab.blogspot.com/">halaman Anda</a> kemampuan untuk diperbesar saat mouse digerakkan diatasnya. Sebuah "Kaca Pembesar" yang muncul diatas gambar memungkinkan pengguna memperbesar pada setiap bagian gambar yang diikuti kursor. Selain itu, kekuatan pembesaran dapat disesuaikan dengan cepat dengan memutar roda mouse belakang atau sebaliknya, seperti yang telah diterapkan juga oleh program-program grafis.<br />
<br />
<span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Masih menggunakan jQuery, karena itulah efek ini dapat memperbesar gambar dalam ukuran kecil dan sedikit terlihat fantastis, jadi intinya kita lihat saja contohnya dibawah ini.</span><span class="" title="Click for alternate translations"></span> </span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8_eAbkTpBuQ-Z-nHY3eaw6dKsf2oqxZxicViAaKTWQeUUR3_rOfLtzjithlZoxS6DjuwcJJYT1PCAeWefYfx_du34-Rmd5b0L_TsJzLynxy5m47CTfdiuA31jVQIfdYW3mc-pSslpOOQ/s1600/rightside.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" id="galleryb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8_eAbkTpBuQ-Z-nHY3eaw6dKsf2oqxZxicViAaKTWQeUUR3_rOfLtzjithlZoxS6DjuwcJJYT1PCAeWefYfx_du34-Rmd5b0L_TsJzLynxy5m47CTfdiuA31jVQIfdYW3mc-pSslpOOQ/s320/rightside.jpg" style="height: 320px; width: 222px;" /></a></div><span class="" id="result_box" lang="id">Kelebihan lainnya anda dapat menerapkan efek zoom ke koleksi gambar sekaligus. Cukup mengubah pemilih jQuery Anda untuk menargetkan grup yang diinginkan gambar. Langsung aja ke TKP.......<span class="" title="Click for alternate translations">.</span></span><br />
<a name='more'></a><br />
<ul><li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Log in ke <a href="http://cheahab.blogspot.com/">Blog Anda</a></span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik RancanganKlik Rancangan</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Klik Edit HTML</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="" title="Click for alternate translations">Masukkan kode berikut sebelum kode </span></span><b></head></b> dan <b>Simpan Template</b></li>
</ul><br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 34em;"><script type="text/javascript" src="<a class="smarterwiki-linkify" href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a>"></script><br />
<script type="text/javascript: src="<span style="color: red;">http://cheahab.googlecode.com/files/ddpowerzoom.js</span>"><br />
<br />
/***********************************************<br />
* Image Power Zoomer- (c) Dynamic Drive DHTML code library (<a class="smarterwiki-linkify" href="http://www.dynamicdrive.com/">www.dynamicdrive.com</a>)<br />
* This notice MUST stay intact for legal use<br />
* Visit Dynamic Drive at <a class="smarterwiki-linkify" href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</a> for this script and 100s more<br />
***********************************************/<br />
</script><br />
<script type="text/javascript"><br />
jQuery(document).ready(function($){ //fire on DOM ready<br />
$('#myimage').addpowerzoom()<br />
})<br />
</script></div><span style="font-size: x-small;">*untuk satu Gambar pada halaman</span><br />
<br />
<div style="text-align: center;"><span style="font-size: large;">atau</span></div><br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 34em;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><br />
<script src='<span style="color: red;">http://cheahab.googlecode.com/files/ddpowerzoom.js</span>' type='text/javascript'><br />
/***********************************************<br />
* Image Power Zoomer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)<br />
* This notice MUST stay intact for legal use<br />
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more<br />
***********************************************/<br />
</script><br />
<script type='text/javascript'><br />
jQuery(document).ready(function($){ //fire on DOM ready<br />
$('img#gallerya').addpowerzoom({magnifiersize:[150,150]})<br />
$('img#galleryb').addpowerzoom({magnifiersize:[150,150]})<br />
$('img#galleryc').addpowerzoom({magnifiersize:[150,150]})<br />
$('img#galleryd').addpowerzoom({magnifiersize:[150,150]})<br />
$('img#gallerye').addpowerzoom({magnifiersize:[150,150]})<br />
$('img#galleryf').addpowerzoom({magnifiersize:[150,150]})<br />
$('img.#galleryg').addpowerzoom({powerrange:[2,5]})<br />
$('img.#galleryh').addpowerzoom({powerrange:[2,8],magnifiersize:[100,100]}) <br />
})<br />
</script></div><span style="font-size: x-small;">*untuk beberapa gambar didalam satu halaman (recommended)</span><br />
<ul><li>Selanjutnya, ketika Anda ingin memberikan efek power zoomer pada gambar Anda, baik itu dalam postingan Anda, dalam galeri foto pribadi Anda dan sebagainya, berikan kode berikut kedalamnya.</li>
</ul><br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 28em;"><img id="<b>myimage</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /></div><span style="font-size: x-small;">*untuk satu Gambar pada halaman</span><br />
<br />
<div style="text-align: center;"><span style="font-size: x-small;"> </span><span style="font-size: large;">atau</span></div><br />
<div style="background-color: darkgrey; border-radius: 5px 5px 5px 5px; border: 5px solid rgb(0, 0, 0); color: black; padding: 10px; width: 34em;"><br />
<img id="<b>gallerya</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>gallerya</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>galleryc</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>galleryd</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>gallerye</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>galleryf</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>galleryg</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /><br />
<img id="<b>galleryh</b>" src="<span style="color: red;">ocean.gif</span>" style="<span style="color: blue;">width:200px; height:150px</span>" /> </div><span style="font-size: x-small;">*untuk beberapa gambar didalam satu halaman (recommended)</span><br />
<br />
<ul><li>Ganti kode berwarna <span style="color: red;">merah</span> dengan kode gambar Anda.</li>
<li>Kalau mau ganti kode berwarna <span style="color: blue;">biru</span> sesuaikan dengan ukuran yang anda inginkan.</li>
</ul><b> </b><br />
<u><b>Catatan Penting:</b></u><br />
<ul><li>Sebaiknya javascriptnya anda simpan di file hosting anda sendiri agar script ini bekerja dengan baik. Silahkan download scriptnya <b><a href="http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm" target="_blank">di sini.</a></b></li>
<li>Setelah anda Dowload scriptnya klik save page as, simpan dengan nama dan berikan kode .js di belakangnya. Setelah itu download file yang anda simpan tadi ke file hosting anda, lalu copy link location dari script yang anda simpan di file hosting anda....kalau anda belum bisa atau bingung bagaimana cara menyimpannya, silahkan baca<b> <a href="http://cheahab.blogspot.com/2011/06/cara-menyimpan-file-di-google-code.html" target="_blank">di sini.</a></b></li>
<li>Selanjutnya ganti kode <b style="color: red;">http://cheahab.googlecode.com/files/ddpowerzoom.js</b> pada script diatas dengan kode anda yang anda simpan di file hosting anda. Ane yakin script ini akan berjalan lancar gan....ok selamat mencoba !</li>
</ul>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-62554591775456842402011-06-01T18:51:00.002+07:002011-06-01T18:53:57.570+07:00Rekahan Gempa Dikhawatirkan Menimbulkan Gas Beracun<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Sytyj3cyNBHz3MASk6_Ed5Pq2_3DtROFIjsq-jJ5lLYn6qWn-7l0BEshKcJTObiFo3bacXe7HE41MqjesWA6Xr5NtwbkUYCynHCvU00-xAKsAAV-pYuJoQADi7bxWhMJTLDRm1n04isw/s1600/asap-mengandung-gas-karbondioksida-co2-menyelimuti-permukaan-kawah-timbang-_110531205431-229.jpg" style="display: block; height: 150px; margin: 0px auto 0px; text-align: center; width: 150px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Gambar untuk Zoom</td></tr>
</tbody></table><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></div>Pusat Vulkanologi dan Mitigasi Bencana Geologi (PVMBG) mengkhawatirkan gas beracun CO2 tidak hanya muncul dari Kawah Timbang, Gunung Dieng, tetapi juga dari rekahan akibat gempa.<br />
"Oleh karena itu, kami berkoordinasi dengan BNPB (Badan Nasional Penanggulangan Bencana) untuk menambah dusun yang diungsikan, yakni Simbar dan Serang," kata Kepala PVMBG, Surono, di Pos Pengamatan Gunung Api Dieng, Desa Karangtengah, Kecamatan Batur, Banjarnegara, Selasa.<br />
Dengan meningkatnya energi gempa bumi yang sampai sekarang masih terjadi, kata dia, tekanan dari dalam tubuh Gunung Dieng akan semakin meningkat sehingga gas beracun tersebut dikhawatirkan tidak hanya keluar dari Kawah Timbang tetapi juga dari rekahan-rekahan di dua dusun itu.<br />
<a name='more'></a><br />
Terkait hal itu, dia mengatakan, pihaknya pada Selasa dinihari, sekitar pukul 01.00 WIB, melakukan pengecekan terhadap jalur utama Batur-Wonosobo terhadap kemungkinan adanya gas beracun. "Dalam pengecekan tersebut, ternyata tidak dijumpai gas-gas berbahaya. Oleh karena itu, kami tidak menutup jalan itu," katanya.<br />
Disinggung mengenai konsentrasi gas CO2 yang dikeluarkan Kawah Timbang, dia mengatakan, sejak statusnya ditingkatkan menjadi waspada pada 23 Mei 2011 yang berlanjut menjadi siaga pada 29 Mei 2011, konsentrasi CO2 saat ini meningkat hingga 10 kali lipat.<br />
Dalam hal ini, kata dia, konsentrasi pada awal status waspada masih mencapai 0,1 persen volume dan saat ini mencapai satu persen volume. "Tadi pagi, baru pertama kali dalam krisis Dieng ini terjadi hembusan (gas) berturut-turut mulai pukul 08.59 WIB, yang tadinya (konsentrasi) gas hanya tujuh kali lipat, langsung naik menjadi 10 kali lipat," katanya.<br />
Disinggung mengenai kemungkinan peningkatan aktivitas di Kawah Timbang akan berpengaruh terhadap kawah lainnya, dia mengatakan, hal itu kecil kemungkinan dapat terjadi. "Kalau gasnya bisa lewat dari Kawah Timbang, kenapa harus cari jalan (kawah) lain, kecuali kalau tersumbat," katanya.Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-85948088126867560662011-06-01T18:09:00.002+07:002011-06-03T20:52:34.586+07:00Membuat Tanggal Postingan Jadi Lebih GaulMembuat kalender di blog mempunyai banyak variasi untuk memberikan tampilan yang menarik. Salah satunya membuat tampilan kalender pada posting atau tanggal posting. Mungkin ini akan memberikan daya tarik tersendiri pada posting anda, dan cara membuat tanggal pada posting anda dapat anda pelajari dengan mudah. Ok gan langsung saja...silahkan ikuti langkah berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbxXJeM35QOGrGqKzit1tyqDqvaCWHLwwgT2kixby3Le-wuPcHr9eL_S_BdHkEMkj6zmETUV5YnelsT3sg8iNprlwWfUjpPDUPFAHKnQJZt5e4f4myNnEh45xDyExr2OtGIBrNuXz2tU/s1600/kalenderposting-blogonol.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbxXJeM35QOGrGqKzit1tyqDqvaCWHLwwgT2kixby3Le-wuPcHr9eL_S_BdHkEMkj6zmETUV5YnelsT3sg8iNprlwWfUjpPDUPFAHKnQJZt5e4f4myNnEh45xDyExr2OtGIBrNuXz2tU/s320/kalenderposting-blogonol.jpg" width="320" /></a></div><br />
<br />
Log in ke blog anda<br />
Klik Rancangan<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZnanIf6ZOrAE0LJom9t-qDZL0C6F1RmYKcR_sO6NnJqUUkVcIKk2c5mnzSzIEfNjLIC22IIUBPsgZ4-zKmrDoSMAHXUxj3SV4rmiIFOfdU9z-YZ7xJVqPwc4Vz748ytzqPB9iGlxul8/s1600/rancangan_thumb%255B2%255D.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZnanIf6ZOrAE0LJom9t-qDZL0C6F1RmYKcR_sO6NnJqUUkVcIKk2c5mnzSzIEfNjLIC22IIUBPsgZ4-zKmrDoSMAHXUxj3SV4rmiIFOfdU9z-YZ7xJVqPwc4Vz748ytzqPB9iGlxul8/s320/rancangan_thumb%255B2%255D.jpg" width="320" /></a></div><br />
Klik Edit HTML<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8GwgdBJ22P2eh14HZK5-GM7u0pOlpeavaVGzB3yMMuLsfKbbSAGAaN7FFyxAhZ5_wBTx0CuJhALmRDvV6AxbVYjymmJ-UhT8725vMKPUp6F12hc9pt1P4qUu8m3IyhNeG_fOfRMsedAk/s1600/tataletak_thumb8.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8GwgdBJ22P2eh14HZK5-GM7u0pOlpeavaVGzB3yMMuLsfKbbSAGAaN7FFyxAhZ5_wBTx0CuJhALmRDvV6AxbVYjymmJ-UhT8725vMKPUp6F12hc9pt1P4qUu8m3IyhNeG_fOfRMsedAk/s320/tataletak_thumb8.png" width="320" /></a></div><br />
Masukkan kode berikut di atas kode <span style="color: blue;">]]></b:skin> </span>lalu Simpan Template<br />
<div style="border: 1px solid #eee; height: 200px; overflow: auto; padding: 10px; width: 450px;"><blockquote>.calendar{<br />
margin:.25em 10px 10px 0;<br />
padding-top:5px;<br />
float:left;<br />
width:80px;<br />
background:#ededef;<br />
background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); <br />
background: -moz-linear-gradient(top, #ededef, #ccc); <br />
font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;<br />
text-align:center;<br />
color:#000;<br />
text-shadow:#fff 0 1px 0; <br />
-moz-border-radius:3px;<br />
-webkit-border-radius:3px;<br />
border-radius:3px; <br />
position:relative;<br />
-moz-box-shadow:0 2px 2px #888;<br />
-webkit-box-shadow:0 2px 2px #888;<br />
box-shadow:0 2px 2px #888;<br />
}<br />
.calendar em{<br />
display:block;<br />
font:normal bold 11px/30px Arial, Helvetica, sans-serif;<br />
color:#fff;<br />
text-shadow:#00365a 0 -1px 0; <br />
background:#04599a;<br />
background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); <br />
background:-moz-linear-gradient(top, #04599a, #00365a); <br />
-moz-border-radius-bottomright:3px;<br />
-webkit-border-bottom-right-radius:3px; <br />
border-bottom-right-radius:3px;<br />
-moz-border-radius-bottomleft:3px;<br />
-webkit-border-bottom-left-radius:3px; <br />
border-bottom-left-radius:3px; <br />
border-top:1px solid #00365a;<br />
}<br />
.calendar:before, .calendar:after{<br />
content:'';<br />
float:left;<br />
position:absolute;<br />
top:5px; <br />
width:8px;<br />
height:8px;<br />
background:#111;<br />
z-index:1;<br />
-moz-border-radius:10px;<br />
-webkit-border-radius:10px;<br />
border-radius:10px;<br />
-moz-box-shadow:0 1px 1px #fff;<br />
-webkit-box-shadow:0 1px 1px #fff;<br />
box-shadow:0 1px 1px #fff;<br />
}<br />
.calendar:before{left:11px;} <br />
.calendar:after{right:11px;}<br />
.calendar em:before, .calendar em:after{<br />
content:'';<br />
float:left;<br />
position:absolute;<br />
top:-5px; <br />
width:4px;<br />
height:14px;<br />
background:#dadada;<br />
background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); <br />
background:-moz-linear-gradient(top, #f1f1f1, #aaa); <br />
z-index:2;<br />
-moz-border-radius:2px;<br />
-webkit-border-radius:2px;<br />
border-radius:2px;<br />
}<br />
.calendar em:before{left:13px;} <br />
.calendar em:after{right:13px;} </blockquote></div><br />
Ketika anda ingin memposting artikel masuk ke Edit HTML, klik pojok kanan atas di area posting (samping Compose). Masukkan kode berikut ke dalamnya. <br />
<div style="text-align: center;"><blockquote><pre><p class="calendar">7 <em>February</em></p></pre></blockquote></div>Setelah itu silahkan tulis artikel anda seperti biasanya. Jangan lupa <span style="color: yellow;">Terbitkan Entry</span>.<br />
Yihaaaaaaaaaaaaaaaa...anda sudah memiliki tanggal keren yang terselip di artikel anda. Selamat mencoba !!Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-58324108840165335932011-06-01T17:24:00.005+07:002011-06-03T20:30:35.062+07:00Cara Menyimpan File di Google Code: javascript, css, txt, dll<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFGa6SMw9gd10Js0tpBvFm7JjyvWRcDNYeXkvgS67PyV_MP1TpWFfaeTxfzHPMO5f3CYFIaOft01YynRJDV2cVyMvPdl9euYveAFBI6XFLx7Xtxq1yOPbNYh9sDDSnGRuKLhQfxnxx2AE/s400/blogonol-GoogleCode.png" style="display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 150px;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan untuk Memperbesar</td></tr>
</tbody></table><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></div><br />
<span style="font-family: Georgia,"Times New Roman",serif; font-size: x-small;"><span class="Apple-style-span"><span style="font-size: small;">Berbicara mengenai penyimpanan file di penyimpanan online dirasakan sangat penting, selain file dalam bentuk JavaScript, CSS, dapat tersimpan dengan aman, juga memudahkan kita untuk mempersingkat script yang akan kita guna. Selain itu masih banyak lagi keuntungan lainnya yang sesungguhnya bermanfaat bagi pengamanan data web dan lain sebagainya. Salah satu yang menyediakan jasa penyimpanan online yang saya pribadi sukai adalah</span> </span><a href="http://code.google.com/hosting/" target="_blank"><b><span class="Apple-style-span">Google Code</span></b></a>.</span><span style="font-family: Georgia,"Times New Roman",serif;"> Google code adalah salah satu wadah penyimpanan online milik google yang memberikan jasa hosting atau penyimpanan data di internet dengan gratis. Sebenarnya beberapa penyimpanan Java script selain google code dapat anda manfaatkan juga, misalnya </span><a href="http://ripway.com/" style="font-family: Georgia,"Times New Roman",serif;">ripway.com</a><span style="font-family: Georgia,"Times New Roman",serif;"> atau </span><a href="http://fileave.com/" style="font-family: Georgia,"Times New Roman",serif;">fileave.com</a><span style="font-family: Georgia,"Times New Roman",serif;">, namun ane lebih suka menyimpannya di google code, terbilang mudah alias gak ribet. Ini perlu anda jajal dengan mengikuti langkah-langkah di bawah ini:</span><br />
<a name='more'></a><br />
<div style="font-family: Georgia,"Times New Roman",serif;"><a href="http://draft.blogger.com/post-create.g?blogID=8896448240793694564" name="more"></a></div><ul style="font-family: Georgia,"Times New Roman",serif;"><li>Untuk dapat menggunakan google code, teman-teman harus mempunyai account di google dulu. Oleh karena itu silakan login ke blogger.com dulu.</li>
<li>Buka website <span style="font-size: x-small;"><b><a href="http://code.google.com/hosting/" target="_blank"><span class="Apple-style-span">Google Code</span></a></b></span></li>
<li>Klik "<b>New Projec</b>t"</li>
</ul><br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFbNpnsFkzAvbqyUkzSV4DKJXa0ZqhkjZ9DSQd-4qMjGUouws281tz6h2Em-WWrw91T6nIrfq-hw_TJjL81r44uScQnh3D3BZyss6Fbc_iyFESzc3N0O9496lt9Rb5LN1gSXfB_X14IEv/s400/google+Code.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<br />
<ul style="font-family: Georgia,"Times New Roman",serif;"><li>Lalu isilah form yang kosong untuk membuat account baru, jika sudah klik "<b>Creating Project</b>"</li>
</ul><br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lov1xpDLbKtV5N8Gjm4qbWN6ule4mfElRDud5IGyg37r3BgzRhzkv4YrA9j5aloT9IzZjJpIy90DHgYkpnqnYkGzI0gzX0O-ZKtvWKOhmYexleOTq1Jd3K11ibe_vcFBgS7Gq9kuCeVE/s400/create+project.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<blockquote style="font-family: Georgia,"Times New Roman",serif;">Isi Project Name: <span style="color: red;">terserah anda</span><br />
Isi Project Summary: <span style="color: red;">terserah anda</span><br />
Isi Project Description: <span style="color: red;">terserah anda</span><br />
Isi Version Control System dengan <span style="color: red;">Mercurial</span><br />
Isi Source Code License dengan <span style="color: red;">GNU General Public License v3</span><br />
Isi Centang Use Sparate Content License dengan <span style="color: red;">Creative Commons 3.0 BY</span> (terkadang ini tidak ada gan)<br />
<span style="color: blue;">Lihat contohnya pada gambar di atas</span></blockquote><ul style="font-family: Georgia,"Times New Roman",serif;"><li>lalu anda akan masuk ke halaman google code yang baru saja kita buat. Untuk mengupload file java script, silakan menuju ke menu Download.</li>
</ul><br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3Y32g2C_bSFeie3Qp8lxntFSUymJI4_Ge_WCp0r6a7NYX2wYIf7LjLX-tdb52Vm693C11zeYwm1MRr7o95m2jb1XJlkU_gzP6T6D3WVJvfSRvsQojmhccm1-FNTPzwgnRGDg6RlItdJH/s400/download.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<ul style="font-family: Georgia,"Times New Roman",serif;"><li>Lalu klik "<b>New Download</b>".</li>
</ul><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNMny-GtTUwkxx8Vs2-3Ip0XRxHH6wXi7UPOwBlclFR8B1-wt20rX2dkLZkplVQr5c-Z91hu00KCmJY3OoSpQS2Cpm9JWcAvYLXRPgDv0SqNrSsrZ8l7LOvIXs7tzOCbytQzHOjzsXZu8/s400/new+download.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<blockquote style="font-family: Georgia,"Times New Roman",serif;"><b style="color: red;">Catatan Penting</b><br />
<b>Bila anda ingin mengaploud dengan file berbentuk <span style="color: red;">javascript</span> nantinya, maka anda harus menambahkan kode</b><b style="color: red;"> .js</b><b> di belakang nama file anda. Misalnya <span style="color: red;">cheahab</span> maka akan menjadi <span style="color: red;">cheahab.js</span>, begitu juga ketika anda akan menyimpan file dalam format <span style="color: red;">css</span> dan lainnya. Lalu bagaimana cara menyimpan filenya?...copy dulu file yang ingin anda simpan, lalu pastekan di notepad, setelah itu klik save as type: <span style="color: red;">all files</span>, encoding: <span style="color: red;">unicode</span> atau utf-8</b></blockquote><ul style="font-family: Georgia,"Times New Roman",serif;"><li>Isi form tentang file java script yang akan kita upload. Apabila selesai, klik "<b>Submit File</b>".</li>
</ul><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7oryyoD9wJuJwoon2gl-wdtsGgkB9r_9z43UR2d2MkkwSE_bVCX01kVTrED0nV1vxE5t-kEYIOymapwc4tHhvc_X0mRE9h4bbx_9YAE4vov7aszXTe4Do-7znGpIU5yVZS6Isz9TOZ1x/s400/submit+file.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<ul style="font-family: Georgia,"Times New Roman",serif;"><li>File Java Script telah selesai di upload. Untuk mendapatkan alamat url java script klik saja pada nama file.</li>
</ul><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiBLSDRmh6mpnqHnmyEpUOYcF8mWw3KhqiEHPlN4F6OtaOxUGxu-v36PGpCiztRnjh4X_gozD-wUuLI9oRXozrD5oDt9vYu6LPgVpIV5F3fLR8GwNG1zy6V3hLvzSb5bV9IVVi1sgeQdT/s400/file+name.JPG" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<ul style="font-family: Georgia,"Times New Roman",serif;"><li>Lalu, akan terbuka halaman seperti berikut, dan klik kanan pada file lalu pilih <b>Copy link address/Location</b>.</li>
</ul><br />
<img border="0" class="expando" src="http://3.bp.blogspot.com/_3Y_7B2fCKMs/TDdI1LLpEQI/AAAAAAAAA7c/K1wu5QgnPlQ/s400/js8.jpg" style="cursor: pointer; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 200px;" /><br />
<br />
<ul style="font-family: Georgia,"Times New Roman",serif;"><li>Simpan kodenya pada penyimpanan komputer anda dan selesai. Selamat mencoba !</li>
</ul>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-45125406002074380702011-06-01T17:02:00.007+07:002011-06-04T12:22:14.207+07:00TUTORIAL MEMBUAT EFEK ZOOM PADA GAMBAR: Expando EffectKali ini posting bagaimana memberi efek zoom pada gambar dengan style expando. Mungkin cara memberi efek zoom pada gambar banyak dilakukan kawan-kawan blogger, namun tampilan efek zoom kali ini sedikit berbeda, karena efek zoom menggunakan Expando yang dikembangkan oleh Dynamic Drive dengan memanfaatkan engine jquery. Ok sebelum kita melanjutkan arahkan dulu kursor anda ke gambar di bawah ini.<br />
<br />
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8_eAbkTpBuQ-Z-nHY3eaw6dKsf2oqxZxicViAaKTWQeUUR3_rOfLtzjithlZoxS6DjuwcJJYT1PCAeWefYfx_du34-Rmd5b0L_TsJzLynxy5m47CTfdiuA31jVQIfdYW3mc-pSslpOOQ/s400/rightside.jpg" style="display: block; height: 184px; margin: 0px auto 10px; text-align: center; width: 147px;" title="" /><br />
Bagaimana gan...lumayan elegan bukan?...anda tertarik...???...ikuti langkah berikut ini.<br />
<br />
<a name='more'></a><br />
<ul><li>Log in ke blog anda</li>
<li>Klik Rancangan</li>
<li>Klik Edit HTML</li>
<li>Masukkan Kode berikut sebelum kode <b></head></b></li>
</ul><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: bisque; border: 1px solid rgb(0, 0, 0); padding: 10px; width: 34em;"><script src='<a class="smarterwiki-linkify" href="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</a>' type='text/javascript'/> <style type='text/css'> img.expando{ border: none; vertical-align: top; } </style> <script src='<a class="smarterwiki-linkify" href="http://cheahab.googlecode.com/files/expando.js">http://cheahab.googlecode.com/files/expando.js</a>' type='text/javascript'/> </div><br />
<ul><li>Simpan Template</li>
<li>Langkah selanjutnya kalau anda ingin memberi efek zoom pada gambar, berikan kode sebagai berikut.</li>
</ul><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: bisque; border: 1px solid rgb(0, 0, 0); padding: 10px; width: 34em;"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; <span style="color: none;">width: 147px; height: 184px</span>;" src="<b style="color: red;">masukkan alamat gambar anda di sini</b>" class="expando" border="0" /></div><br />
<ul><li><span style="color: none;">Gunakan kode di atas pada saat posting, masuk ke <b style="color: none;">Edit HTML</b> sebelah kanan atas di samping <b style="color: none;">Compose</b></span></li>
<li><span style="color: none;">anda bisa mengganti tulisan warna merah dengan alamat gambar anda, dan atur kode </span><span style="color: none;">width: 147px; height: 184px dengan ukuran yang anda inginkan</span></li>
</ul><span style="color: none;"><b>Catatan</b> </span><br />
<span style="color: none;">Sebaiknya anda simpan kode HTML expando pada file penyimpanan anda sendiri agar script ini bisa berjalan dengan baik. Berhubung kemarin ada kawan yang nyoba ternyata gak bisa jalan scriptnya. <span style="color: none;">Download scriptnya</span> <b><a href="http://www.ziddu.com/download/10491485/expando.zip.html" target="_blank">di sini</a></b>. Untuk mengetahui bagaimana cara menyimpan file di penyimpanan online ( google code) <span style="color: none;">silahkan baca</span> <b><a href="http://cheahab.blogspot.com/2011/06/cara-menyimpan-file-di-google-code.html" target="_blank">di sini</a></b>.</span><br />
<br />
<div style="color: none;">Ok gan...selamat mencoba dan sukses selalu...jangan lupa komentar ya buat koreksi perkembangan blog ini. makasih...</div><br />
<div style="text-align: right;"><span style="color: none;"><a href="http://blogonol.blogspot.com/">source </a></span></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-1028579753240841422011-06-01T15:10:00.017+07:002011-06-01T16:49:01.674+07:00Cara Optimasi Blog Dengan SeoQuake<div class="separator" style="clear: both; text-align: center;"></div><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAfGlJSoGlhfQBoSQj5qgNe4rxl6eMxRTDomk6eiUusF9xYhZ2ufWSQT2xv6mp8SsPgxs5ed_LM9LbC2QJzin8M8xi_JHDYhLQZBJkf8QnFIK8oYs_EI4f9KgOGCY8JENPaYBQvP7DfU/s320/blogonol-seoquake.gif" style="display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 80px;" /></div>Kali ini saya akan terangkan sedikit mengenai <a href="http://cheahab.blogspot.com/2011/06/cara-optimasi-blog-dengan-seoquake.html">SeoQuake</a>. Sebenarnya saya bukan master di bidang seo, namun kali ini hanya berbagi sedikit pengalaman mengenai optimasi blog pada beberapa search engine yang pernah saya lakukan. Hal ini juga berhubungan dengan pembicaraan kawan-kawan dan para pemburu seo (seo hunter) yang ujung-ujungnya memperjuangkan peningkatan traffik lalu lintas web di dunia maya. Baiklah kita langsung aja otak-atik apa itu <a href="http://cheahab.blogspot.com/2011/06/cara-optimasi-blog-dengan-seoquake.html">SeoQuake</a>? Berikut penjelasan singkatnya.<br />
SeoQuake adalah SEO dari <a href="http://www.mozilla.com/">Mozilla Firefox</a> layaknya sebuah ekstensi yang ditujukan untuk membantu optimasi search engine (SEO) dan promosi internet situs web. Seoquake memungkinkan anda untuk mendapatkan dan menyelidiki SEO parameter dari proyek internet untuk meningkatkan optimalisasi kekuatan perjalanan situs anda di beberapa search engine.</div><br />
<div style="font-family: Georgia,"Times New Roman",serif;">Bagi Blogger dan para pemburu SEO dapat menggunakan SeoQuake untuk memperkirakan efektivitas dan daya saing usaha SEO mereka. Melalui SeoQuake Tool, seorang blogger profesional dan blogger pemula sekalipun dapat menjadikan alat ini berfungsi secara ampuh <br />
<a name='more'></a>untuk menganalisis optimasi dan tingkat promosi proyek web internet. SeoQuake dapat dibedakan dari proyek-proyek serupa oleh berbagai parameter yang tersedia untuk analisis, kemudahan penggunaan dan juga alat untuk penciptaan parameter secara keseluruhan. </div><br />
<div style="font-family: Georgia,"Times New Roman",serif;">SeoQuake terdiri dari dua bagian fungsional. Yang pertama adalah SeoBar. Bagian kedua adalah perhitungan parameter untuk hasil pencarian dan dimasukkan ke dalam halaman hasil mesin pencari - <a href="http://cheahab@yahoo.com/">SERPs</a> - untuk mesin pencari paling populer.</div><br />
<div style="color: none; font-family: Georgia,"Times New Roman",serif;"><b>SeoBar</b></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraT87GRE1RdRXHVbc7EhuatVBF2rfouiHfANobbJk0QBGpBifUGUXNt6DPxaolkaVVmc9IbZRHaHotRNimj_NAdcfPmNW5OuKLIIFTvuURON_VKsSV9eg54bxwU0035J6_Q4tCGdtnaw/s1600/blogonol-seoquake2.jpg" style="display: block; height: 80px; margin: 0px auto 10px; text-align: center; width: 400px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">SeoBar dapat digambarkan sebagai toolbar tambahan, yang menunjukkan nilai parameter yang dipilih untuk halaman yang sedang dibuka di jendela browser. Set parameter ditunjukkan oleh SeoBar sepenuhnya dapat disesuaikan oleh pengguna.</div><br />
<div style="font-family: Georgia,"Times New Roman",serif;"><b>Pencantuman parameter di SERPs</b></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc87ihhHMOsm-3uyqvXzoZLu4Z_pAEclf_jzMrK0j0z4hiQRGzf5zW0AYmNUVYKU8Fqu5HezZt3m13a5so2Fm7oY9aAZhqThQFjh6hU-4fHuhr1DuBYlGUSIzETBA3PkhLlZjzm6g9jU/s400/blogonol-parameter.jpg" style="display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 150px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">SeoQuake menunjukkan nilai parameter untuk hasil pencarian disetiap hasil pencarian yang ditampilkan pada SERP. Set parameter yang ditampilkan dapat disesuaikan oleh pengguna. Loading parameter dapat ditangani dalam dua cara yang berbeda, yaitu bersamaan dengan pemuatan SERP atau setelah loading SERP, oleh permintaan pengguna. </div><br />
<div style="font-family: Georgia,"Times New Roman",serif;"><b>Parameter</b></div><br />
<div style="font-family: Georgia,"Times New Roman",serif;">Walaupun memiliki berbagai macam parameter default, SeoQuake juga memberikan penggunanya kesempatan untuk membuat parameter sendiri. Pada umumnya set parameter terdiri dari parameter seperti Google PR (Google PageRank yang telah di update saat ini), Google Index (Jumlah halaman terindeks versi Google), Link Google, parameter yang sama untuk kesemua mesin pencari lainnya seperti Yahoo, MNS, Yandex, Rambler, Baidu dan lainnya. Semua parameter SeoQuake dapat dihidupkan atau dimatikan yang nantinya akan ditampilkan di SeoBar atau di SERPs.</div><div style="font-family: Georgia,"Times New Roman",serif;"><br />
</div><div style="font-family: Georgia,"Times New Roman",serif;"><b>Cara Setting Parameter Pengguna</b> </div><br />
<div style="font-family: Georgia,"Times New Roman",serif;">1. Klik kanan ikon SeoQuake pada bagian kanan bawah Windows anda</div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ1LjFykuwVD5m94ctQMEwUOKPAfEYr-Nie-PQUOmhyJVPkDkA4esAu4jlCXLbbvhK5mg1KDMADlAXjcWY_8gWcIuiDLwTwanb1Yjy7gxTBr5B6Z6pamoMmjRCBl4FPuZsiEp7oBUT6k8/s400/blogonol-iconseoquake.jpg" style="display: block; height: 80px; margin: 0px auto 10px; text-align: center; width: 70px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar Untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">2. Pilih Preferences</div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfGEGX1Odip2NEHnxI5o4EImKGWDFbWxfyS11KQdcvj3jyltpALaOwQacgSVdFtynbd0jUC1HuP0OFudvl8lhDJpME3PYz6uleMzkOdqmYDfBK6SguGcj-LxmH7MC8BUjUS1Z_ovmtoHI/s640/blogonol-seoquakepreferences.jpg" style="display: block; height: 80px; margin: 0px auto 10px; text-align: center; width: 70px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">3. Klik Advaced, lalu berikan angka 500 atau 900 parameter request delay, selanjutnya klik OK di sebelah kanan bawah layar tampilan</div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXerPg8xCyVfNZHZKwmNGDof1wgrIIWmEXQ4KNG5rdYixDvjftuLRnj82_rM3_2cGTR987KFiR94G1e3jaKMyTd7LH6b_2gCrCIOOS1lBR6qot5hoySeXQytaiYwCtnovBFKUNPasdicQ/s400/blogonol-seoquakeadvance.jpg" style="display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 400px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">4. Selanjutnya Klik kanan lagi ikon SeoQuake dan pilih lagi Preferences seperti pada point 2 (nomor dua)</div><br />
<div style="font-family: Georgia,"Times New Roman",serif;">5. Setting Basic ke Advance, Klik Save, kemudian klik OK</div><div style="font-family: Georgia,"Times New Roman",serif;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-TeikMDOIFOjA4LMA6P6UyzMnEykv4IcjvAYUNpzMzFi6a-W9poMwxhBOh_7hdQc9JJsLnjHVX4RMNmhmrN1yKToPG-TwZxORIlPrxk56C3inUW1XOBl2HQArjGsOqkjVFSz1GHjkoU/s400/blogonol-seoquakeparameters.jpg" style="display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 400px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tahan Pointer di Gambar untuk Memperbesar</td></tr>
</tbody></table><br />
<br />
<div style="font-family: Georgia,"Times New Roman",serif;">Sekarang anda sudah mempunyai tool SeoQuake yang akan membantu dalam mengoptimasi blog anda dibeberapa mesin pencari. </div><br />
<div style="font-family: Georgia,"Times New Roman",serif;"><a href="http://cheahab.blogspot.com/2011/06/cara-optimasi-blog-dengan-seoquake.html">Instal SeoQuake</a> dapat ditemukan di situs resmi addon: <a href="http://www.seoquake.com/guide.php?sln=en" target="_blank">SeoQuake</a></div>Peringatan! sebelum anda menginstal SeoQuake ada baiknya baca dahulu Kebijakan Privasi <a href="http://www.seoquake.com/policy.html" target="_blank">di sini </a><br />
<br />
Selamat mencoba<br />
<br />
<div style="text-align: right;"><a href="http://blogonol.blogspot.com/">source </a></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-9138374740210000552011-06-01T15:02:00.000+07:002011-06-01T15:02:22.322+07:00Cara Agar Semua Link Terbuka di Tab BaruKadang kita mempergunakan kode tertentu yang kita pasang pada link untuk membuat link tersebut terbuka pada jendela baru. Misalkan dengan menambahkan kode<b style="color: blue;"> target="_blank"</b> atau <b style="color: blue;">target="new"</b> pada alamat link tersebut. Namun tahukah anda kalau ada kode singkat yang dapat membuat semua<a href="http://blogonol.blogspot.com/"> link blog</a> anda terbuka pada new tab atau jendela baru (new windows). Baiklah mari kita pasang kodenya, ikuti langkah berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsXVEJXGzZsdg1qGO2LSxrXYukEXCxuhudi1RuAs-tUgajxZSmauzLg3bFZEJB8Y398YJFufnVWrIRzC6SUFsLPISPk3DifFcsCHEUgP-rXYWs7wyxWwcGXWKF6Ft1pU8ef21FZ-7Uapc/s1600/blogonol-newtab.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsXVEJXGzZsdg1qGO2LSxrXYukEXCxuhudi1RuAs-tUgajxZSmauzLg3bFZEJB8Y398YJFufnVWrIRzC6SUFsLPISPk3DifFcsCHEUgP-rXYWs7wyxWwcGXWKF6Ft1pU8ef21FZ-7Uapc/s320/blogonol-newtab.jpg" width="320" /></a></div><ul><li>Log in ke blog anda</li>
<li>Klik Rancangan</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHdYA43hAQloasChLL2l3J8rtf6eHCB2EZb8B2JOqRxwN0jCFIFETlJGEqG74vBZrjNixqZHAzx7L0jPDXfLLPN-XVmhMJBpAS0cV5M8JvxCgIeRaxZPQdUvr2FPxCJun-4bS-yx2XV3Q/s1600/blogonol-rancangan.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHdYA43hAQloasChLL2l3J8rtf6eHCB2EZb8B2JOqRxwN0jCFIFETlJGEqG74vBZrjNixqZHAzx7L0jPDXfLLPN-XVmhMJBpAS0cV5M8JvxCgIeRaxZPQdUvr2FPxCJun-4bS-yx2XV3Q/s1600/blogonol-rancangan.jpg" /></a></div><br />
<ul><li>Klik Edit HTML</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUhvkQpe323kEIpVEN3RGSQD3V1t_GrLFNH8qm1MRI22KQKrDyH9EnbjQhoXS3EAPRjJ0_kANxLNv_BFjYPWigsBkwOZOCg0e_CYFUrifDPCzPX2QmofNhxu6lflqu15Cx5K0cy6tn7A/s1600/blogonol-edithtml.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUhvkQpe323kEIpVEN3RGSQD3V1t_GrLFNH8qm1MRI22KQKrDyH9EnbjQhoXS3EAPRjJ0_kANxLNv_BFjYPWigsBkwOZOCg0e_CYFUrifDPCzPX2QmofNhxu6lflqu15Cx5K0cy6tn7A/s1600/blogonol-edithtml.png" /></a></div><br />
<ul><li>Masukkan kode berikut di bawah kode<b style="color: red;"> <head></b></li>
</ul><br />
<div style="text-align: center;"><b style="color: blue;"><base target='_blank'/></b></div><ul><li>Selanjutnya Simpan Template</li>
<li>Silahkan klik salah satu link atau daftar isi dari artikel anda, nantinya akan terbuka di jendela baru. </li>
<li>Selamat mencoba</li>
</ul>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-47058321552734682602011-06-01T14:26:00.002+07:002011-06-01T17:28:35.648+07:00Tutorial Mempercepat Loading Blog 2<h1 class="post-title entry-title"></h1><i><span class="fn"></span></i><br />
Sebelumnya saya sudah pernah memposting <a href="http://cheahab.blogspot.com/2011/06/cara-mempercepat-loading-blog-dengan.html" target="_blank">cara mempercepat loading blog dengan menggunakan css comnpressor</a>. Saya rasa cara itu juga blog sekali-sekali anda jajal, namun kelemahannya bila anda hanya menggunakan allow mood percepatan loading blog anda juga gak terlalu jauh berbeda. Jalan yang paling baik anda harus menggunakan mood super compact dan strip all comment, namun bisa saja berpengaruh pada tata letak blog anda...kalau anda memahami script template mungkin ini cara terbaik untuk mempercepat loading blog.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2O2nxsNd70rJzDBvQ-Ti59pjXnwFA3bGGROvxrxATRX6g2kChFmCSc41aMHEtGtkPxC8-_PuiYPFtUlp1hEyrz8LGNICxddyt_8GDtRnUehfH9yo5enl-y3McoyY6iogXbufhxCR29o4/s1600/blog_logo1.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2O2nxsNd70rJzDBvQ-Ti59pjXnwFA3bGGROvxrxATRX6g2kChFmCSc41aMHEtGtkPxC8-_PuiYPFtUlp1hEyrz8LGNICxddyt_8GDtRnUehfH9yo5enl-y3McoyY6iogXbufhxCR29o4/s200/blog_logo1.jpg" width="200" /></a><br />
<a href="http://cheahab.blogspot.com/">Cara Mempercepat loading blog 2</a> kali ini mungkin bisa menjadi alternatif untuk mempercepat loading blog anda, dan ini tidak beresiko pada tampilan blog anda. <a href="http://cheahab.blogspot.com/2011/06/cara-menyimpan-file-di-google-code.html">Anda hanya menyimpan kode css template di penyimpanan online: google code</a>. Cara ini saya rasa cukup bagus bila anda coba...anda tertarik???...ikuti langkah berikut ini.<br />
<a name='more'></a><br />
<ul><li>Log in ke blog anda</li>
<li>Klik Rancangan</li>
<li>Klik Edit HTML/ JavaScript</li>
<li>Centang Expand Template Widget</li>
<li>Copy Kode css dari <span style="color: red;"> #header-warapper { </span>atau <span style="color: red;">#header { </span>sampai sebelum kode <span style="color: red;">]]></b:skin></span>. sebagai contoh seperti dalam template ini<span style="color: red;"> #header-wrapper { ............ ]]></b:skin></span><span style="color: red;"><span style="color: black;"></span></span></li>
<li>Tarus kode yang di copy tadi di notepad</li>
<li>Lalu save as dengan file name: cheahab<span style="color: red;">.css</span> (kalau anda menyimpan file berikan kode <b style="color: red;">.css</b> setelah nama file anda), save as type: <span style="color: red;">all files</span>, encoding: <span style="color: red;">unicode</span>.</li>
<li>Setelah itu daftar dulu di google code. Klik <a href="http://code.google.com/hosting/" target="_blank">di sini</a></li>
<li>Ikuti langkah di bawah ini</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFbNpnsFkzAvbqyUkzSV4DKJXa0ZqhkjZ9DSQd-4qMjGUouws281tz6h2Em-WWrw91T6nIrfq-hw_TJjL81r44uScQnh3D3BZyss6Fbc_iyFESzc3N0O9496lt9Rb5LN1gSXfB_X14IEv/s1600/google+Code.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFbNpnsFkzAvbqyUkzSV4DKJXa0ZqhkjZ9DSQd-4qMjGUouws281tz6h2Em-WWrw91T6nIrfq-hw_TJjL81r44uScQnh3D3BZyss6Fbc_iyFESzc3N0O9496lt9Rb5LN1gSXfB_X14IEv/s400/google+Code.JPG" style="opacity: 1;" width="400" /></a></div><ul><li>Lalu isilah form yang kosong untuk membuat account baru, jika sudah <span class="IL_AD" id="IL_AD7">klik</span> "<b><span class="IL_AD" id="IL_AD1">Creating</span> Project</b>"</li>
<li>Terkadang kolom use a sparate content license tidak ada...anda langsung saja klik button create project...gak ngaruh bro </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lov1xpDLbKtV5N8Gjm4qbWN6ule4mfElRDud5IGyg37r3BgzRhzkv4YrA9j5aloT9IzZjJpIy90DHgYkpnqnYkGzI0gzX0O-ZKtvWKOhmYexleOTq1Jd3K11ibe_vcFBgS7Gq9kuCeVE/s1600/create+project.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lov1xpDLbKtV5N8Gjm4qbWN6ule4mfElRDud5IGyg37r3BgzRhzkv4YrA9j5aloT9IzZjJpIy90DHgYkpnqnYkGzI0gzX0O-ZKtvWKOhmYexleOTq1Jd3K11ibe_vcFBgS7Gq9kuCeVE/s400/create+project.JPG" style="opacity: 1;" width="327" /></a></div><ul><li>lalu anda akan masuk ke halaman google code yang baru saja kita buat. silahkan download file css yang anda simpan tadi. klik download pada bagian kiri atas.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3Y32g2C_bSFeie3Qp8lxntFSUymJI4_Ge_WCp0r6a7NYX2wYIf7LjLX-tdb52Vm693C11zeYwm1MRr7o95m2jb1XJlkU_gzP6T6D3WVJvfSRvsQojmhccm1-FNTPzwgnRGDg6RlItdJH/s1600/download.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3Y32g2C_bSFeie3Qp8lxntFSUymJI4_Ge_WCp0r6a7NYX2wYIf7LjLX-tdb52Vm693C11zeYwm1MRr7o95m2jb1XJlkU_gzP6T6D3WVJvfSRvsQojmhccm1-FNTPzwgnRGDg6RlItdJH/s400/download.JPG" style="opacity: 1;" width="400" /></a></div><ul><li> Lalu klik "<b>New Download</b>".</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNMny-GtTUwkxx8Vs2-3Ip0XRxHH6wXi7UPOwBlclFR8B1-wt20rX2dkLZkplVQr5c-Z91hu00KCmJY3OoSpQS2Cpm9JWcAvYLXRPgDv0SqNrSsrZ8l7LOvIXs7tzOCbytQzHOjzsXZu8/s1600/new+download.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNMny-GtTUwkxx8Vs2-3Ip0XRxHH6wXi7UPOwBlclFR8B1-wt20rX2dkLZkplVQr5c-Z91hu00KCmJY3OoSpQS2Cpm9JWcAvYLXRPgDv0SqNrSsrZ8l7LOvIXs7tzOCbytQzHOjzsXZu8/s400/new+download.JPG" style="opacity: 1;" width="400" /></a></div><ul><li>Isi form tentang file java script yang akan kita upload. Apabila selesai, klik "<b>Submit File</b>".</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7oryyoD9wJuJwoon2gl-wdtsGgkB9r_9z43UR2d2MkkwSE_bVCX01kVTrED0nV1vxE5t-kEYIOymapwc4tHhvc_X0mRE9h4bbx_9YAE4vov7aszXTe4Do-7znGpIU5yVZS6Isz9TOZ1x/s1600/submit+file.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7oryyoD9wJuJwoon2gl-wdtsGgkB9r_9z43UR2d2MkkwSE_bVCX01kVTrED0nV1vxE5t-kEYIOymapwc4tHhvc_X0mRE9h4bbx_9YAE4vov7aszXTe4Do-7znGpIU5yVZS6Isz9TOZ1x/s400/submit+file.JPG" style="opacity: 1;" width="400" /></a></div><br />
<ul><li>File Java Script telah selesai di upload. Untuk mendapatkan alamat url java script klik saja pada nama file.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiBLSDRmh6mpnqHnmyEpUOYcF8mWw3KhqiEHPlN4F6OtaOxUGxu-v36PGpCiztRnjh4X_gozD-wUuLI9oRXozrD5oDt9vYu6LPgVpIV5F3fLR8GwNG1zy6V3hLvzSb5bV9IVVi1sgeQdT/s1600/file+name.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiBLSDRmh6mpnqHnmyEpUOYcF8mWw3KhqiEHPlN4F6OtaOxUGxu-v36PGpCiztRnjh4X_gozD-wUuLI9oRXozrD5oDt9vYu6LPgVpIV5F3fLR8GwNG1zy6V3hLvzSb5bV9IVVi1sgeQdT/s320/file+name.JPG" style="opacity: 1;" width="320" /></a></div><br />
<ul><li>Lalu, akan terbuka halaman seperti berikut, dan klik kanan pada file lalu pilih <b><span class="IL_AD" id="IL_AD2">Copy link</span> address/Location</b>.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a class="linkopacity" href="http://3.bp.blogspot.com/_3Y_7B2fCKMs/TDdI1LLpEQI/AAAAAAAAA7c/K1wu5QgnPlQ/s1600/js8.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="http://3.bp.blogspot.com/_3Y_7B2fCKMs/TDdI1LLpEQI/AAAAAAAAA7c/K1wu5QgnPlQ/s400/js8.jpg" style="opacity: 1;" width="400" /></a></div><br />
<div align="left"><ul><li>Nanti contoh filenya seperti ini <span style="color: blue;"><a class="smarterwiki-linkify" href="http://techskill.googlecode.com/files/cheahab.css">http://techskill.googlecode.com/files/cheahab.css</a></span></li>
<li><span style="color: green;">Lalu jadikan kodenya seperti ini <span style="color: blue;"><link href='</span><span style="color: blue;"><a class="smarterwiki-linkify" href="http://techskill.googlecode.com/files/cheahab.css">http://techskill.googlecode.com/files/cheahab.css</a></span></span><a href="http://h1.ripway.com/miskahiper/style.css%27" style="color: lime;">'</a><span style="color: green;"> rel='stylesheet' type='text/css'/></span></li>
<li style="color: none;">Langkah selanjutnya masuk lagi ke Edit HTML</li>
<li style="color: none;">Letakkan kode tersebut di bawah kode <span class="fullpost">]]></b:skin> sehingga menjadi seperti di bawah ini</span></li>
</ul></div><br />
<br />
<center><div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px; width: 34em;"><div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px; width: 30em;"><span class="fullpost" style="color: red;">]]></b:skin> </span><span class="fullpost"> </span><span style="color: green;"><span style="color: black;"><span style="color: blue;"> </span></span></span><br />
<div style="color: blue;"><link href='<a class="smarterwiki-linkify" href="http://techskill.googlecode.com/files/cheahab.css">http://techskill.googlecode.com/files/cheahab.css</a><a href="http://h1.ripway.com/miskahiper/style.css%27">'</a> rel='stylesheet' type='text/css'/></div></div></div></center><br />
<br />
<ul><li>Selanjutnya simpan template</li>
<li>Rasakan Bedanya :D</li>
</ul>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-48434739870561730872011-06-01T13:54:00.000+07:002011-06-01T13:54:27.402+07:00Cara Mempercepat Loading Blog dengan Mengkompres Kode CSS<h1 class="post-title entry-title"> </h1><i><span class="fn"></span></i><br />
<div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimwLpWbtogtKjzTCcB8EUkFA4dTPEYaIUOZjWA2BHKcB8NHAXlCGGAJWX58k3Wm3yMiu0Xb7R5hsr0W2rn2cvSTmn-7t4yvIyk0gHoWtJ3pmNvPr84TEualCNEZoskkw0p-GFYkEeB7DI/s1600/9-23-2010+12-19-26+PM.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimwLpWbtogtKjzTCcB8EUkFA4dTPEYaIUOZjWA2BHKcB8NHAXlCGGAJWX58k3Wm3yMiu0Xb7R5hsr0W2rn2cvSTmn-7t4yvIyk0gHoWtJ3pmNvPr84TEualCNEZoskkw0p-GFYkEeB7DI/s200/9-23-2010+12-19-26+PM.png" width="200" /></a>Nih gan <b style="color: red;">css compressor</b>, ane dapat dari blog <a href="http://techno-39.blogspot.com/">tecno-39</a> dan ini sangat bermanfaat bagi sobat bloger semua. Mungkin seringkali kita bertanya, Hal apa yang membuat proses loading halaman blog terasa sangat berat? Mungkin dikarenakan banyaknya widget yang terpasang, penggunaan javascript yang berlebihan, menggunakan animasi flash berukuran besar , dan banyak alasan lainnya. Apalagi jika dalam penggunaanya diletakkan disebelah kiri halaman blog, maka akan terasa lambat sekali dikarenakan browser selalu membaca blog secara berurutan dari sebelah kiri atas sampai kiri bawah kemudian berlanjut ke bagian kanan atas sampai kanan bawah, kemudian terakhir tentunya baru bagian footer atau kaki blok. Atau bila Anda ingin mengetahui berapa kecepatan loading blog Anda silahkan kunjungi alamat ini <a href="http://webwait.com/">(webwait)</a> atau bisa juga ini <a href="http://www.webslug.info/">(webslug)</a>.<br />
<br />
</div><div style="text-align: justify;"><a href="http://draft.blogger.com/post-edit.g?blogID=8896448240793694564&postID=3622816479589145075" name="more"></a>Penggunaan kode CSS ternyata juga berdampak pada kecepatan loading blog namun hal ini bisa kita minimalisir dengan cara mengkompres kode CSS tersebut sehingga nantinya juga akan berpengaruh terhadap kecepatan loading tadi. Adapun cara untuk mengkompresnya, Anda bisa menggunakan layanan kompres CSS online. Nih langkah-langkahnya sobat........yihaaaaaaaaaaaaaaaaa<a name='more'></a><blockquote> Login ke blogger Anda.</blockquote><ol><li>Masuk ke halaman <b>Rancangan</b> > <b>Edit HTML</b> lalu beri tanda centang pada <b>Expand Template Widget</b>.</li>
<li>Jangan lupa untuk membackup template Anda sebelumnya untuk berjaga – jaga bila terjadi sesuatu diluar keinginan Anda.</li>
<li>Jika sudah, silahkan Copy semua kode setelah <b style="color: blue;"><b:skin><![CDATA[/*</b> sampai sebelum kode <b style="color: blue;">]]></b:skin></b> kemudian simpan dulu di notepad.</li>
<li>Kunjungi alamat layanan kompres CSS online : <a href="http://www.csscompressor.com/" target="new">csscompressor</a> atau bisa juga ke alamat ini : <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="new">cssdrive</a> (pilih salah satu saja).</li>
<li>Setelah itu Copy lagi kode CSS yang Anda simpan di notepad tadi dan paste ke box <b>CSS input</b> atau <b>Insert CSS code</b>, lalu klik <b>Compress</b> atau <b>Compress-it</b>.</li>
<li>Sudah selesai? Copy kembali hasil kompres lalu masuk ke edit HTML cari kembali semua kode setelah <b style="color: blue;"><b:skin><![CDATA[/*</b> sampai sebelum kode <b style="color: blue;">]]></b:skin></b>, hapus lalu ganti dengan kode yang telah dicompres tadi.</li>
<li>Setelah itu klik <b>Simpan Template</b> dan selesai.</li>
</ol><b>Attention !</b><br />
<i>Bagi Anda yang memilih layanan <b>CSS Drive</b> saya sarankan untuk pemula gunakan mode <b>Light</b> pada <b>Compression mode</b> dan pilih <b>Don’t strip any comments</b> terlebih dahulu. Dan jangan mencoba mode <b>Super Compact</b> dan <b>Strip any comments</b> kecuali seorang Advanced. Tapi alangkah baiknya jika Anda membackup dulu template Anda sebelumnya.</i></div><div style="text-align: right;"><a href="http://techno-39.blogspot.com/2010/09/mempercepat-loading-halaman-blog-dengan.html">Source</a></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-62645071186169751832011-06-01T13:28:00.001+07:002011-06-01T13:28:33.077+07:00Tips Membuat Related Post atau Artikel Terkait Berdasarkan Label<h1 class="post-title entry-title"></h1>Hallo sahabat blogger yang baik hati...kali ini ane berbagi cara mudah bikin related post. Related post atau artikel terkait ditampilkan berdasarkan label. Ok gak usah panjang ngomongnya lng aja ikuti langkah berikut ini.<br />
<br />
1. Sign In dulu di blog saudara...jangan di blog orang ya, nanti gak nyambung<br />
2. Klik rancangan, edit HTML...jangan lupa centang <b>expand template widget</b><br />
3. cari kode berikut ini.<br />
<br />
<table border="1" style="width: 120px;"><tbody>
<tr> <td><data:post.body/></td> </tr>
</tbody></table><table></table><br />
Atau<br />
<br />
<table border="1" style="width: 160px;"><tbody>
<tr> <td><p><data:post.body/></p></td> </tr>
</tbody></table><br />
<table></table><table></table><table></table><table></table><table></table>4. Pasang kode berikut setelah kode di atas<br />
<a name='more'></a><br />
<table border="9" style="width: auto;"><tbody>
<tr> <td align="left"><br />
<b:if cond='data:blog.pageType == "item"'><br />
<div class='similiar'><br />
<!-- *****************<a class="smarterwiki-linkify" href="http://hoctro.blogspot.com*****jan,2007******************/">http://hoctro.blogspot.com*****Jan,2007******************</a> --><br />
<!-- *****************Related Articles by Labels - Take Two****************** --><br />
<br />
<!--<br />
Modified by JackBook.Com to make it easier to use. <br />
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!<br />
2. The current article will also be listed, now it's no more.<br />
--><br />
<br />
<div class='widget-content'><br />
<h3>Related Posts by Categories</h3><br />
<div id='data2007'/><br/><br/><br />
<div id='hoctro'><br />
Widget by <u><a href='<a class="smarterwiki-linkify" href="http://hoctro.blogspot.com/">http://hoctro.blogspot.com</a>'>Hoctro</a></u> | <u><a href='<a class="smarterwiki-linkify" href="http://www.jackbook.com/">http://www.jackbook.com/</a>' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u><br />
</div><br />
<script type='text/javascript'><br />
<br />
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />
var maxNumberOfPostsPerLabel = 4;<br />
var maxNumberOfLabels = 10;<br />
<br />
maxNumberOfPostsPerLabel = 100;<br />
maxNumberOfLabels = 3;<br />
<br />
<br />
function listEntries10(json) {<br />
var ul = document.createElement(&#39;ul&#39;);<br />
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? <br />
json.feed.entry.length : maxNumberOfPostsPerLabel;<br />
for (var i = 0; i &lt; maxPosts; i++) {<br />
var entry = json.feed.entry[i];<br />
var alturl;<br />
<br />
for (var k = 0; k &lt; entry.link.length; k++) {<br />
if (entry.link[k].rel == &#39;alternate&#39;) {<br />
alturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
var li = document.createElement(&#39;li&#39;);<br />
var a = document.createElement(&#39;a&#39;);<br />
a.href = alturl;<br />
<br />
if(a.href!=location.href) {<br />
var txt = document.createTextNode(entry.title.$t); <br />
a.appendChild(txt);<br />
li.appendChild(a);<br />
ul.appendChild(li); <br />
}<br />
}<br />
for (var l = 0; l &lt; json.feed.link.length; l++) {<br />
if (json.feed.link[l].rel == &#39;alternate&#39;) {<br />
var raw = json.feed.link[l].href;<br />
var label = raw.substr(homeUrl3.length+13);<br />
var k;<br />
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br />
var txt = document.createTextNode(label);<br />
var h = document.createElement(&#39;b&#39;);<br />
h.appendChild(txt);<br />
var div1 = document.createElement(&#39;div&#39;);<br />
div1.appendChild(h);<br />
div1.appendChild(ul);<br />
document.getElementById(&#39;data2007&#39;).appendChild(div1);<br />
}<br />
}<br />
}<br />
function search10(query, label) {<br />
<br />
var script = document.createElement(&#39;script&#39;);<br />
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />
+ label +<br />
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br />
document.documentElement.firstChild.appendChild(script);<br />
}<br />
<br />
var labelArray = new Array();<br />
var numLabel = 0;<br />
<br />
<b:loop values='data:posts' var='post'><br />
<b:loop values='data:post.labels' var='label'><br />
textLabel = &quot;<data:label.name/>&quot;;<br />
<br />
var test = 0;<br />
for (var i = 0; i &lt; labelArray.length; i++)<br />
if (labelArray[i] == textLabel) test = 1;<br />
if (test == 0) { <br />
labelArray.push(textLabel);<br />
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? <br />
labelArray.length : maxNumberOfLabels;<br />
if (numLabel &lt; maxLabels) {<br />
search10(homeUrl3, textLabel);<br />
numLabel++;<br />
}<br />
}<br />
</b:loop><br />
</b:loop><br />
</script><br />
</div><br />
<br />
</div><br />
</b:if><br />
<br />
</td> </tr>
</tbody></table><br />
<br />
<div style="color: blue;">Jadi pemasangannya <data:post.body/><b>KODE---</b><p><data:post.body/><b>KODE</b></p> </div><br />
Kalau anda sudah pasang read more...pasang aja kodenya pada <span style="color: blue;"><data:post.body/></span> yang pertama.<br />
Ubah jumlah setiap label yg terpilih menjadi cukup 5 artikel yang terkait dengan merubah kode diatas seperti contoh : <br />
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />
var maxNumberOfPostsPerLabel = 4;<br />
var maxNumberOfLabels = 10; <span style="color: blue;"> -------------> menjadi 3;</span><br />
<br />
maxNumberOfPostsPerLabel = 100; <span style="color: blue;">-------------> menjadi 5;</span><br />
maxNumberOfLabels = 3; <span style="color: blue;">-------------> menjadi 2;</span> <br />
<br />
<br />
5. Simpan template dan lihat hasilnya... <br />
<br />
<div style="text-align: right;"><a href="http://blogonol.blogspot.com/">source</a></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-37278008438485511152011-06-01T12:39:00.006+07:002011-06-03T20:40:40.183+07:00Tukar Link Dahsyat dan Otomatis<div style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; font-family: Verdana,sans-serif; padding: 10px;"><div align="justify" style="font-family: Verdana,sans-serif;"><span style="font-size: small;">Sahabat blogger semua, ketika jalan-jalan saya menemukan cara untuk <b>Tukar Link Dahsyat dan Otomatis. </b>Apa kegunaan dan manfaat tukar link ?? tak perlu dibahas disini semua blogger pasti dah tahu tentang itu.</span></div><div align="justify" style="font-family: Verdana,sans-serif;"><span style="font-size: small;">Menurut si pemilik Blog, ini adalah cara dahsyat untuk tukeran link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih. Sistemnya mirip MLM sedalam 20 Level, GRATIS PASTI!. , yang ini cukup mudah mengajak orang untuk mendaftar, karena semua orang butuh promosi, setiap orang ingin iklan mereka tersebar dengan cepat. </span></div><div style="font-family: Verdana,sans-serif;"><span class="fullpost" style="font-size: small;"> </span><br />
<div align="justify"><span class="fullpost" style="font-size: small;">Langsung kepokok bahasan....sobat tinggal daftar gratis dan link kita bisa nempel terus, link yg dimasukan bisa judul postingan dan URL nya agar tiap page itu punya pagerank juga.. selama ini biasanya PR kita hanya di halaman depan aja, sementara di halaman posting gak punya PR.Sahabat tertarik????? daftar klik gambar di bawah ini.</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: small;"><a href="http://didianto.com/go/?id=dcheahab28" target="_blank"><br />
<img border="0" class="expando" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtXRYx3rLkZXwHF3XOePESxoTmZN8x_sR7bpYSgzF09gvfqVmJUm1AippmqW060ANGDJppcq3cWOsyvdEzv5CkynyncvS1zuYPP7zdxCrQtNZ9ts6Uo-Fem6ahMJSnSKEgjXBLh4DDd5U5/s400/5373_121086104890_705309890_2402468_4691264_n.jpg" style="display: block; height: 184px; margin: 0px auto 10px; text-align: center; width: 200px;" /></a></span></div><div align="justify" style="font-family: Verdana,sans-serif;"><span class="fullpost" style="font-size: small;">Setelah mendaftar silahkan cek password yang otomatis terkirim ke email Anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada website ini. Selamat mencoba untuk <b>Tukar Link Dahsyat dan Otomatis</b> <b><a href="http://didianto.com/go/?id=dcheahab28" target="_blank">di sini. </a></b></span></div><div align="justify" style="font-family: Verdana,sans-serif;"><span class="fullpost" style="font-size: small;"><b><br />
</b></span></div><div align="justify" style="font-family: Verdana,sans-serif;"><span class="fullpost" style="font-size: small;">Tambahan : </span></div><span class="fullpost" style="font-family: Verdana,sans-serif; font-size: small;"><i>Selain cara diatas ada satu cara lagi yang saya gunakan yaitu dengan </i><a href="http://cheahab.blogspot.com/2011/05/tips-promosi-blog.html" target="_blank"><i><b>Cara Mudah dan Gratis Meningkatkan Trafik Blog</b></i></a>. Sekarang Gantian bila sobat punya Tips lain tolong share di komentar.. yaa..!!</span><br />
<div style="font-family: Verdana,sans-serif;"><span style="font-size: small;">Makasih...Selamat Mencoba</span><br />
<span style="font-size: small;"><br />
</span><br />
<div style="text-align: right;"><span style="font-size: small;"><a href="http://blogonol.blogspot.com/">source</a> </span></div></div></div></div>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-41712843463728196702011-05-31T13:20:00.003+07:002011-05-31T13:21:29.641+07:00Cara Merubah Status Blog dari NoFollow Menjadi DoFollow<span class="post-labels"><a href="http://marchsya.blogspot.com/search/label/Tutorial%20Blog" rel="tag"></a> </span> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfA8ovtaS7WUr9V9rzY-Xjj8lvjv4dDyOSl6c54KTO0afKPWLs0LGvjxHxnw_9nzy0k-_8ez55es5SRF5B9HRmdmArN5lOIW9jqibaualPgjDZ8_zhQebWYSA4d1Iugz_C4w_e9GnC7Utq/s1600-h/DoFollow.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5346972632440072722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfA8ovtaS7WUr9V9rzY-Xjj8lvjv4dDyOSl6c54KTO0afKPWLs0LGvjxHxnw_9nzy0k-_8ez55es5SRF5B9HRmdmArN5lOIW9jqibaualPgjDZ8_zhQebWYSA4d1Iugz_C4w_e9GnC7Utq/s320/DoFollow.JPG" style="cursor: pointer; float: left; height: 56px; margin: 0pt 10px 10px 0pt; width: 130px;" /></a><br />
<div style="text-align: justify;">Anda mungkin sebuah kalimat<span style="font-weight: bold;"> "You Comment I Follow"</span> pada sebuah blog.Ini berarti blog tersebut sudah menganut sistem Do Follow.Artinya sipemilik blog memberi kesempatan kepada pengunjung untuk mendapatkan backlink dengan memberi komentar kepada blog Do Follow ini.Lalu bagaimana <span style="font-weight: bold;">cara merubah No Follow menjadi Do Follow</span>.Berikut caranya.</div><span class="fullpost">1.Login pada Blogger.<br />
2.Klik Layout pada Dashboard anda.<br />
3.Pada Layout klik Edit HTML dan centang pada kotak Expand Widget Template.<br />
4.Temukan kode berikut:<br />
<span style="font-weight: bold;"><a expr:href='data:comment.authorUrl' rel='nofollow'></span><br />
5.Ganti kode tersebut dengan kode berikut ini:<br />
<span style="font-weight: bold;"><a expr:href='data:comment.authorUrl'></span><br />
6.setelah itu Save<br />
Selamat...blog anda sudah menjadi Do Follow.Semoga <span style="font-weight: bold;">Tutorial Blog</span> ini bermanfaat</span>Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-46821926014759990222011-05-31T13:09:00.001+07:002011-05-31T13:14:13.801+07:00Pasang Google Adsense Ditengah Posting<span class="post-labels"><a href="http://marchsya.blogspot.com/search/label/Tutorial%20Blog" rel="tag"></a> </span> Salah satu cara untuk menarik perhatian pembaca untuk mengklik <span style="font-weight: bold;">google adsense</span> anda adalah meletakkan google adsense tersebut pada postingan blog. Kali ini akan dibahas cara memasang google adsense pada pertengahan posting.Ikutilah langkah-langkah berikut ini.<span class="fullpost"><br />
<span style="font-weight: bold;">Bagi pengguna blogger beta atau new template</span><br />
1.Login pada Blogger.<br />
2.Klik Layout pada Dashboard.<br />
3.Pada Layout, klik Edit HTML dan centang Expand Widget Template.<br />
4.Temukan kode berikut ini <data:post.body/><br />
5.Gantilah kode tersebut dengan kode dibawah ini.</span><br />
<a name='more'></a><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; border: 1px solid white; color: maroon; padding: 2px; text-align: left; width: 450px;"><span style="color: maroon;"><br />
<div expr:id='"aim1" + data:post.id'></div><br />
<div style="clear:both; margin:10px 0"><br />
<br />
<!-- <span style="font-weight: bold;">Your AdSense code here</span> --><br />
<br />
</div><br />
<div expr:id='"aim2" + data:post.id'><br />
<data:post.body/><br />
</div><br />
<script type="text/javascript"><br />
var obj0=document.getElementById("aim1<data:post.id/>");<br />
var obj1=document.getElementById("aim2<data:post.id/>");<br />
var s=obj1.innerHTML;<br />
var r=s.search(/\x3C!-- adsense --\x3E/igm);<br />
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}<br />
</script></span></div><br />
6.Setelah itu save.<br />
Gantilah kalimat Your Adsense Code Here dengan kode google adsense anda.<br />
Dan setiap anda akan menulis suatu posting yang mana anda ingin meletakkan google adsense tersebut, letakkan kode <span style="font-weight: bold;"><!-- adsense --></span>setelah itu lanjutkanlah kembali menulis posting anda.<br />
<span style="font-weight: bold;">Bagi pengguna classic template</span><br />
1.Login pada Blogger.<br />
2.Klik Template pada Dashboard anda<br />
3.Temukan kode <$BlogItemBody$><br />
4.Gantilah kode tersebut diatas dengan kode dibawah ini<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; border: 1px solid white; color: maroon; padding: 5px; text-align: left; width: 450px;"><span style="color: maroon;"><br />
<div id="prv<$BlogItemNumber$>"></div><br />
<div style="clear:both;margin:10px 0"><br />
<br />
<!-- <span style="font-weight: bold;">Your AdSense code Here</span> --><br />
<br />
</div><br />
<div id="fst<$BlogItemNumber$>"><br />
<$BlogItemBody$><br />
</div><br />
<script type="text/javascript"><br />
var obj0=document.getElementById("prv<$BlogItemNumber$>");<br />
var obj1=document.getElementById("fst<$BlogItemNumber$>");<br />
var s=obj1.innerHTML;<br />
var r=s.search(/\x3C!-- adsense --\x3E/igm);<br />
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}<br />
</script></span></div><br />
5.Setelah itu Save.<br />
Gantilah kalimat Your Adsense Code Here dengan kode google adsense anda.<br />
Dan setiap anda akan menulis suatu posting yang mana anda ingin meletakkan google adsense tersebut, letakkan kode <span style="font-weight: bold;"><!-- adsense --></span>setelah itu lanjutkanlah kembali menulis posting anda.<br />
Selamat mencoba dan semoga <span style="font-weight: bold;">Tutorial Blog</span> ini bermanfaat.Daniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0tag:blogger.com,1999:blog-3235606729787460760.post-27805251404096392142011-05-31T11:49:00.000+07:002011-05-31T11:49:49.330+07:00Cara Membuat Read More Untuk Mempersingkat Pada New Post BloggerSetelah blogger.com meluncurkan <b>New Post Editor</b> terbaru yang lebih <b>friendly</b> dan memudahkan para pengguna layanan blogspot, kali ini masih bagian yang sama blogger.com pun memanjakan pada pemakaianya untuk lebih mudah menambahkan <b>Read More</b> atau Baca Selengkapnya pada postingan.Ini dinamakan Jump Break yaitu memisahkan bagian alinea yang akan ditampilkan pada bagian depan blog dan potongan alinea lainnya akan muncul bila kata Read More diklik.Cara ini merupakan cara terbaru dari blogger.com untuk memudahkan para pengguna blogspot dalam memakai <b>Read More</b> pada postingannya sehingga tidak perlu lagi menambahkan plugin atau kode javascript untuk membuatnya.<br />
Untuk menyisipkan Jump Break tersebut berikut caranya.<span class="fullpost"></span><br />
<a name='more'></a><br />
1.Bagi yang belum mengaktifkan New Post Editornya sebaiknya diaktifkan dulu.Caranya dapat dilihat pada <b>new post editor dari blogger untuk blogspot</b>.<br />
2.Selanjutnya bila sudah aktif, langsung menuju pada New Post dan klik Compose.<br />
3.Buatlah satu postingan setelah itu arahkan kursor anda pada bagian yang ingin dipotong.Jadi pada alinea bagian atas potongan tersebut akan muncul pada halaman depan sedangkan potongan alinea dibawahnya akan muncul bila Read More diklik pada postingan anda.<br />
4.Selanjutnya klik gambar yang keterangannya <i>insert jump break</i>.Dapat dilihat pada gambar dibawah yang saya beri kotak warna biru.Setelah itu Publish Post.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZApHEQJrMyk1pPyBpNPRBWxhWXbey3vssZNS0LFuFpMWoTZF1iZZDZhPSq2DBAKUmZ-cvtgSE4z7cRaum53O8QYDhSz8Pl8UQZmlQQAZ8Jo7Cig5qUsT1kTlhR8s-B393PTzQoDS6zoI/s1600-h/jump+break.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZApHEQJrMyk1pPyBpNPRBWxhWXbey3vssZNS0LFuFpMWoTZF1iZZDZhPSq2DBAKUmZ-cvtgSE4z7cRaum53O8QYDhSz8Pl8UQZmlQQAZ8Jo7Cig5qUsT1kTlhR8s-B393PTzQoDS6zoI/s400/jump+break.JPG" /></a><br />
</div><br />
Selamat anda sudah mempunyai Read More pada postingan anda.Kalau anda ingin mengganti kalimat Read More dengan Baca Selengkapnya , berikut caranya.<br />
1.Klik Layout >Edit Blog Post.Selanjutnya ganti kalimat Read More dengan kalimat sesuai keinginan anda.Lihat gambar dibawah.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGGLtpzDOD6PwvpIRAVpXVENnIKC03wk_KpQ26H7Si4hPjSjOB15C9IUR5zzSv6qSPF9OsN9a4qtfsc3Qg7W4-A5uBsVvSB-wXqZ-LItfURxN4SoxMcNcy_YdrQkm2Z2oU_CbJ6d10Pv-N/s1600-h/read+more.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGGLtpzDOD6PwvpIRAVpXVENnIKC03wk_KpQ26H7Si4hPjSjOB15C9IUR5zzSv6qSPF9OsN9a4qtfsc3Qg7W4-A5uBsVvSB-wXqZ-LItfURxN4SoxMcNcy_YdrQkm2Z2oU_CbJ6d10Pv-N/s400/read+more.JPG" /></a><br />
</div>2.Lalu Save.<br />
<br />
Selamat mencobaDaniel Shahabhttp://www.blogger.com/profile/15735765880955653548noreply@blogger.com0