ACEHWORKING: Desember 2010

Cara Pasang Pilihan Kode Warna di Blog

Klik warna yang anda pilih kodenya akan tampil di kotak bagian bawah

Jika diantara sobat blogger ada yang tertarik untuk memasang
Berikut cara memasangnya :

Login ke Blogger
klik Rancangan → Elemen Laman
klik Tambah Gadget pilih HTML/JavaScript
kemudian copy kode script berikut dan pastekan kedalamnya

<script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script> <script type='text/javascript'> var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker --------------------------------------------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100); var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); } </script>< <script type="text/javascript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher. { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } YAHOO.util.Event.addListener(window, "load", correctPNG); </script>

Pasang di postingan Dalam menu Dasbor Klik ENTRI BARU pilih Edit HTML copy kode script berikut :

<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)"> </td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b40404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0101" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f78181" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#61380b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df7401" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#faac58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#868a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#38610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#74df00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bef781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df74" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a85" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)"> </td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0174df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#08088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0101df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#380b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#7401df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b38" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0174" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#151515" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#424242" onclick="Barva(this.bgColor)"> </td><td bgcolor="#585858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#848484" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)"> </td></tr> </tbody></table> </td></tr> </tbody></table> <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody> <tr height="24"><td height="12" id="vzorec" width="24"> </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>

Jika sudah klik TERBITKAN ENTRI Pasang di sidebar Dalam menu Dasbor klik Rancangan → Elemen Laman klik Tambah Gadget pilih HTML/JavaScript kemudian copy kode script berikut dan pastekan kedalamnya

<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)"> </td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b40404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0101" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f78181" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#61380b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df7401" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#faac58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#868a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#38610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#74df00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bef781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df74" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a85" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)"> </td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0174df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#08088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0101df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#380b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#7401df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b38" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0174" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#151515" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#424242" onclick="Barva(this.bgColor)"> </td><td bgcolor="#585858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#848484" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)"> </td></tr> </tbody></table> </td></tr> </tbody></table> <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody> <tr height="24"><td height="12" id="vzorec" width="24"> </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>

jika sudah selesai SIMPAN dan lihat hasilnya Selamat mencoba

Cara Pasang Top Posting di Blog

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :

<script language='javascript'> aBold = true; numposts=200; maxshowresult=5; home_page = "http://www.acehworking.blogspot.com/"; </script> <script src='http://h1.ripway.com/imtikhan/top_posting.js' type='text/javascript'></script>

Keterangan : home_page = "http://www.acehworking.blogspot.com/";ganti Urlnya dengan Url Blog sobat, dan maxshowresult=5; bisa di ganti angkanya terserah sobat mau ditampilkan berapa Postingan

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Pasang Daftar Posting

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :

<div style="border: 0px solid #000000; overflow: auto; height: 200px;" margin="5px" ;>
<script style="text/javascript" src="http://imtikhan.googlecode.com/files/daftar_isi.txt"></script><script style="text/javascript">
var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://www.imtikhan.tk/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
<a href="http://www.acehworking.blogspot.com/">By acehworking</a>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Menampilkan Seluruh Postingan

<div style="overflow:auto; padding-left:3px; border:1px solid white; width:100%; height:200px; background:#ffffff; url(#) no-repeat ;"> <script language="javascript"> numposts=9999; home_page="www.acehworking.blogspot.com"; explanpost="new"; </script> <ul><script style="text/javascript" src="http://imtikhan.googlecode.com/files/daftar_posting.js"></script></ul> </div>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Membuat Scroll Kembali ke Atas

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode <head>

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Jika sudah ketemu, Copy kode berikut dan Paste di bawah kode <head>

<script src='http://h1.ripway.com/imtikhan/jquery.min.js' type='text/javascript'/> <script src='http://h1.ripway.com/imtikhan/Scroll_Kembali_Ke_Atas.js' type='text/javascript'/>

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Pasang Gambar Status Page Loading

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian, cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu ganti dengan kode dibawah ini :

<body onLoad='init()'> <div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif'/></div> <script src='http://h1.ripway.com/imtikhan/loading.js' type='text/javascript'/>

Keterangan : Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading3.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading4.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading5.gif

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top atau bottom.

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Mempercantik Kotak Komentar

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode ]]></b:skin>

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

kalau sudah ketemu Copy kode berikut dan Paste di atas kode ]]></b:skin>

.comment-form { background:#21dafb; border:3px solid #6a5ffe; margin:0 10px 20px 10px; padding:0 0 0 15px; }

ganti #21dafb; untuk background dan #6a5ffe; untuk border
sobat juga bisa mengatur margin dan padding, Sesuaikan ukuran Blog sobat
Jika ingin menambahkan background gambar kodenya seperti dibawah :

.comment-form { background:url(http://alamat gambar)#21dafb; border:1px solid #6a5ffe; margin:0 10px 20px 10px; padding:0 0 0 15px; }

ganti http://alamat gambar dengan lokasi gambar background milik sobat.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Membuat Komentar Admin Berbeda Warna

.comment-body-author { border: 1px solid #87CEEB; background: #ddfeeb; width: 500px; margin: 10px 10px 10px 10px; padding-left: 20px;}

Kemudian cari kode berikut ini

<dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd>

Tambahkan kode berikut di atasnya

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> <b:else/>

dan kode berikut </b:if> di bawahnya
maka akan terlihat seperti berikut :

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> <b:else/> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> </b:if>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Memberi Nomor Urut Komentar

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode <dl id='comments-block'> kemudian tambahkan dibawahnya kode (hanya) yang berwarna biru sesuai dengan letaknya.

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<dl id='comments-block'> <script type='text/javascript'>var CommentsCounter=0;</script> <b:loop values='data:post.comments' var='comment'> <div class='' expr:id='data:comment.id'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> <span class='nomor_komentar'> <a expr:href='"#comment-" + data:comment.id' title='Comment Link'> <script type='text/javascript'> CommentsCounter=CommentsCounter+1; document.write(CommentsCounter) </script> </a> </span> </dt> <dd class='comment-body'> ....... </dd> </div> </b:loop> </dl>

Selanjutnya, Copy Paste kode CSS berikut di atas kode html ]]></b:skin>

.nomor_komentar { -moz-border-radius:10px;border: 1px solid #87CEEB; background: #ffffff; width: 20px; text-align: center; height: 20px; float: right;display: block;margin-right: 10px; margin-top: -15px;font-size: 15px; font-weight:normal; font-family: Arial, Tahoma, Verdana;} .nomor_komentar a:link, .numberingcomments a:visited {color: #3363d2 !important; text-decoration: none !important;} .nomor_komentar a:hover, .numberingcomments a:active {color: #ff6100 !important; text-decoration: none !important; }

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Pasang Efek Kupu-kupu berterbangan di Blog

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode script berikut yang sobat sukai dan Paste ke dalamnya :

Contoh gambar Kupu-kupu1

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Contoh gambar Kupu-kupu2

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu2.js"></script>

Contoh gambar Kupu-kupu3

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu3.js"></script>

Contoh gambar Kupu-kupu123

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu123.js"></script>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Memasang Efek Balon Melayang di Blog

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Paste ke dalamnya :

<script language="JavaScript1.2" src=" http://imtikhan.googlecode.com/files/balon_melayang.js"></script>

jika sudah selesai SIMPAN dan lihat hasilnya Selamat mencoba

Cara Menampilkan Hari, Tanggal dan Jam di Blog

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Paste ke dalamnya :

script type="text/javascript"> var dayarray = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"); var montharray = new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus", "September","Oktober","November","Desember"); var myblog = new Date(); var day = myblog.getDay(); var month = myblog.getMonth(); var daym = myblog.getDate(); var year = myblog.getFullYear(); var currentTime = new Date() var hours = currentTime.getHours() var minutes = currentTime.getMinutes() if (minutes < 10) minutes = "0" + minutes if (daym < 10) daym = "0" + daym; document.write("<b>Hari :</b>" + " " + dayarray[day] + ", " + daym + " " + montharray[month] + " " + year); document.write(",<b> Pukul :</b>" + " " + hours + "<blink>" + " : " + "</blink>" + minutes); document.write(" WIB"); </script>

Selamat mencoba

Cara Membuat Tulisan Mengikuti Cursor

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Paste ke dalamnya :

<style type='text/css'> #outerCircleText { font-style: italic; font-weight: bold; font-family: 'comic sans ms', verdana, arial; color: #0000ff; /* warna huruf */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type='text/javascript'> //<![CDATA[ ;(function(){ // Your message here (QUOTED STRING) var msg = "www.Imtikhan.tk"; /* Tulisan yang mengikuti cursor */ /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size =20; /* ukuran huruf */ // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); //]]> </script>

Keterangan : tulisan yang berwarna biru bisa sobat ganti sesuai pilihan. jika sudah selesai SIMPAN dan lihat hasilnya Selamat mencoba

Cara Membuat Efek Gambar Membesar di Blog

Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode </head>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Jika sudah ketemu Copy kode berikut dan Paste diatasnya

<style type='text/css'> border: none; vertical-align: top; } </style> <script src='http://h1.ripway.com/imtikhan/gambar_membesar.js' type='text/javascript'> </script>

Jika sudah SIMPAN TEMPLATE

Cara Membuat Burung-burung Berterbangan di Blog

Bagi sobat blogger pemula yang ingin menghiasi blog kesayangannya dan ingin mencoba cara ini
silahkan ikuti langkah berikut :

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy Paste kode berikut kedalamnya

<br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="100" height="100" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 358px; top: 2px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 441px; top: 55px; width: 60px; height: 250px;" scrollamount="9"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 498px; top: 53px; width: 60px; height: 380px;" scrollamount="6"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 800px; top: 51px; width: 60px; height: 350px;" scrollamount="7"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 390px; top: 55px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 749px; top: 54px; width: 60px; height: 250px;" scrollamount="5"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 325px; top: 52px; width: 60px; height: 300px;" scrollamount="10"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 600px; top: 49px; width: 60px; height: 350px;" scrollamount="8"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 873px; top: 52px; width: 60px; height: 400px;" scrollamount="3"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 50px; top: 55px; width: 60px; height: 700px;" scrollamount="12"><br /><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br />

Keterangan : Url gambar yang berwarna biru bisa sobat ganti dengan Url gambar pilihan sobat. jika sudah selesai SIMPAN dan lihat hasilnya Selamat mencoba

Cara Memasang Efek Cursor Bintang Berjatuhan

Seperti biasa sobat harus Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian pilih warna salah satu dari kode script berikut :
Jika sudah ada yang cocok Copy script tersebut dan Paste ke dalamnya :

Bintang berwarna merah
Kode script :
<script src="http://imtikhan.googlecode.com/files/red_star.js" type="text/javascript"></script>

Bintang berwarn kuning
Kode script :
<script src="http://imtikhan.googlecode.com/files/yellow_star.js" type="text/javascript"></script>

Bintang berwarn hijau
Kode script :
<script src="http://imtikhan.googlecode.com/files/green_star.js" type="text/javascript"></script>

Bintang berwarn biru
Kode script :
<script src="http://imtikhan.googlecode.com/files/blue_star.js" type="text/javascript"></script>

Bintang berwarn hitam
Kode script :
<script src="http://imtikhan.googlecode.com/files/black_star.js" type="text/javascript"></script>

Bintang berwarn putih
Kode script :
<script src="http://imtikhan.googlecode.com/files/white_star.js" type="text/javascript"></script>

Keterangan : pilih warna sesuai Template sobat
jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Memasang Efek Bintang Berjatuhan di Blog

Buat blogger pemula yang tertarik
Silahkan ikuti langkah berikut :

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Pastekan ke dalamnya :

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_merah.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_kuning.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_hijau.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_biru.js"></script>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Memasang Tombol Refresh di Blog

Anda tahu refresh? Itu loh, tindakan memuat kembali halaman yang dibuka. Tombol refresh ada pada browser masing-masing, biasanya berbentu panah setengah lingkaran atau putaran... ya tergantung browsernya. Anda juga bisa membuat tombol refresh di blog anda, jadi jika ada perang komentar dalam posting blog anda, pengunjung dapat dengan mudah mengupdate halaman dan mengkomentar balik.

Sebelumnya saya beri tahu, bahwa trik ini tidak berlaku pada Internet Explorer. tapi mengingat jaman sekarang sudah makin sedikit yang memakai IE, ya jadi tidak apa-apa toh...

Cara memasangnya...

1. Login ke Blogger, lalu klik Rancangan > Edit HTML.

2. Backup template anda dulu.

3. Cari kode ]]></b:skin>, lalu masukkan kode berikut diatasnya.

#refresh{
position:fixed;
right:0px;
bottom:0px;
}

4. Cari kode </body>, lalu masukkan kode berikut diatasnya.

<a expr:href='data:blog.url' title='Refresh This Page'><img src='http://i27.tinypic.com/2i88avt.png'/></a>
</div>

Ket: yang berwarna kuning adalah URL dari gambar tombol refresh. Jika anda punya gambarnya, silakan ganti yang berwarna kuning diatas dengan URL dari gambar tombol refresh anda.

5. Kalau sudah, simpan dengan mengklik tombol Simpan Template.

Semoga bermanfaat...

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"

Anda pasti pernah melihat link Langgan: Entri (Atom) atau Langgan: Poskan Komentar (Atom) dibawah postingan. Link ini berguna untuk pengguna yang ingin berlangganan artikel blog kita. Tapi jika link tersebut cukup menggangu, anda bisa menghilangkan link tersebut dengan langkah-langkah sebagai berikut.

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Silakan backup dulu templatenya untuk jaga-jaga jika terjadi kerusakan pada template anda.

3. Cari kode berikut.

]]></b:skin>

4. Diatasnya, ketikkan kode berikut.

.feed-links{
display:none;
}

5. Kalau sudah, simpan.

Lalu lihat hasilnya. Tulisan Langgan: Entri (Atom) sudah lenyap kan?

Membuat Tulisan Berjalan Di Menu Bar

Sebelumnya tahu ga menu bar itu apa? Menu bar adalah bagian paling atas dari sebuah browser. Gitulah deskripsinya biar lekas ngerti. Menu bar itu akan menampilkan title dari sebuah blog atau postingan. Kalau punya browser dan lagi baca sebuah postingan lihat yang paling di atas. Pasti di menu bar tsb ada judul dari postingannya, ya kan? Kalau seandainya berada di beranda sebuah situs, pasti yang tampil nama situs tsb kan?

Nah, tulisan title tersebut ternyata dapat dimodifikasi dengan cara menggantinya dengan tulisan lain (seperti selamat datang). Tak hanya mengganti, tapi juga membuatnya berjalan. Iiiiii kerennya… Contoh ucapan selamat datangnya kayaknya gini:

Terima kasih atas kedatangannya, kapan-kapan maen kemari lagi ya!!

Nah, bagaimana, tertarik? Untuk cara membuat tulisan berjalan di menu bar ini silahkan ikuti langkah-langkahnya di bawah ini:

1. Pastikan bahwa sobat modif sudah log in ke blogger dan stand by di menu Edit HTML.
2. Pastikan lagi sudah mencentang expand template widget.
3. Carilah kode berikut:

</head>

4. Setelah dapat, pastekan kode di bawah ini tepat di atas </head> tadi.

<script type='text/javascript'>
//<![CDATA[
msg = " << Place to modify blog >> ";
msg = " Terima kasih atas kedatangannya, kapan-kapan maen kemari lagi ya!! " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

5. Beri modifikasi, ganti tulisan warna merah di atas dengan tulisan yang disukai. Usahakan tulisan yang merah paling atas adalah judul blog. Ubah kecepatan geraknya dengan mengganti 200 (biru) dgn angka lain.
6. Terakhir, save dan lihat bagaimana sekarang tampilan menu bar sobat.

Memasang Widget SMS gratis Di Blog

Emang , kalau dunia inni, semuanya bisa jadi gratis nan canggih. Blog AJA bisa dibuat jadi HP. Mantebnye…. Plus bisa SMS-an Gratis,, alamak….

Blog jadi HP..?? Gimana itu ya? Ya, ga 100% jadi seperti bentuk HP. Maksudnya, HP tersebut bukan HP sungguhan, tapi hanya sebuah widget. Buat siapapun yang blog bisa buat widget SMS – an gratis ini di blog. Gratis… BIsa dipakai oleh siapa saja.. Mau? Tertarik? Ikuti aja ape dikate di bawah iini:

Bagi yang punya blog copy pastekan aja kode di bawah ini di side bar. Bisa juga halaman terpisah, yaitu dengan menggunakAN laman baru. Setelah di paste, jangan lupa save. Jadi dech..

Ini dia kodenya:

<iframe name="I2" src="http://sms-online.web.id/widget"
width="90%" height="350px"> not support
</iframe>
<center>
<a href=”http://modifblogmu.blogspot.com”>Widget SMS Gratis</a>
</center>

Membuat Widget Random Post

Widget random post adalah widget yang fungsinya untuk menampilkan postingan2 secara acak. Jadi, bisa saja postingan yang muncul nanti adAlah postingan yang sudah lama, masih baru, setengah lama, dan begitulah seterusnya. Bagi sobat modif yang berminat untuk membuat widget random post ini, silahkan untuk melihat tutorialnya di bawah:

1. Copy paste – kan saja kode di bawah di side bar blog sobat modif

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Facehworking.blogspot.com&num=10" type="text/javascript"></script>

2. Ganti blogsobatmodif.blogspot.com dengan domain blog sobat modif
3. Ganti angka 10 dengan angka lain. 10 itu menunjukkan kalau jumlah postingan yang tampil secara acak ada 10.
4. Save lalu lihat hasilnya…

Membuat Widget Top Commentator

Dduch, senangnya punya pengunjung yang setia sama blog kita. Apalagi pengunjung tersebut sering komen di blog kita. O ya, sobat modif punya ga pengunjung yang selalu kommen di blog sobat modif? Pasti punya kan? Kalau punya, kira-kira siapa ya? Payah nyari dan ngitungnya? Pake aja widget top kommentator, biar ketahuan thu yang paling getol ngocehnya di blog sobat. Nah, nantinya widget ini akan menampilkan siapa komentator yang paling banyak berkomentar di blog sobat modif. Buat donk sekrang juga!! ,,, ya, bilang bilang untuk rasa menghargai komentator tersebutlah.

Berikut panduan membuatnya:

Copy pastekan aja kode di bawah ini pada side bar sobat modif. Berikan judul Top Commentator (Misalnya , bisa digati dengan yang lain, terserah).

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http%3A%2F%2Facehworking.blogspot.com&num=9" type="text/javascript"></script>

Ganti acehworking.blogspot.com yang berwarna biru dengan nama domain blog blogger sobat modif. Jangan lupa juga ganti angka 9 yang berwarna biru dengan angka yang disukai ( terserah ). Angka tersebut mengatur jumlah komentator yang muncul muncul.

Oy, jadikan juga widget top commentator ini sebagai wadah pemererat hubungan antara admin dengan pengunjung. Bye2, and salam blogger !!

Cara Menghilangkan Langgan: (Entri Atom)

Tahu maksud dari judul di atas? Tentu donk. Tulisan di atas biasanya selalu ada pada blog dari blogger. Sengaja dibuat blogger agar pengunjung dapat berlangganan dengan artikel2 kita. Namun, ada sebagian orang yang tidak suka dengan kehadiran tulisan Langgan : (Entri Atom) ini. Dan pasti, dia ingin menghilangkannya. Bagi sobat modif yang serupa ingin menghilangkannya juga, bisa lihat caranya di bawah ini:

1. Pastikan sudah log in ke akun blogger
2. Pergilah ke menu Edit HTML
3. Jangan lupa mencentang expand template widget
4. Lalu cari kode berikut: ( gunakan ctrl + F )

<b:include data='feedLinks' name='feedLinksBody'/>

5. Setelah dapat, hapus. Lalu save.

Sebenarnya ada cara lain yang dapat dilakukan untuk menghilangkan tulisan Langgan: (Entri Atom) ini. Tapi, pada tutorial yang ini Place to modify blog hanya menjelaskan yang menggunakan kode. Baiklah, semoga Langgan : (Entri Atom) punya sobat hilang

Menampilkan Gambar Di Samping Nama Author

Ternyata ga susah koq membuatkan gambar di samping nama author. Cukup memperhatikan langkah2 di bwah. Berikut langkah2 – nya:

1. Pada menu Edit HTML, centang expand template widget
2. Cari kode berikut:

<data:post.author/>

3. Letakkan di samping kode di atas kode berikut:

<img src="URL gambar kamu" expr:title="data:post.author" border="0"
style="vertical-align:text-bottom; border:0px" height="17"/>

Ganti URL gambar dengan URL gambar yang sudah sobat modif hosting sebelumnya

4. Save, dan jadi dech…

ACEHWORKING