Firly's Blog

• Pilih Tab Template lalu klik Edit HTML
• Letakkan CSS berikut di atas ]]></b:skin>

.displayskin-sm{position:fixed;z-index:293;bottom:120px;left:-300px;}
.dalem-skin{background:#333;color:#aaaa99;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;}
.dalem-skin a{cursor:pointer;color:#0186CB;}
.dalem-skin a:hover{color:#0186CB;text-decoration:underline;}
.dalem-skin th,.dalem-skin td {color:#aaaa99;vertical-align:middle;border:none !important;padding:2px 10px;}
.dalem-skin select,#daftarskin-sm input, .skin-sm input[type="text"] {padding:4px !important;height:auto !important;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:inline-block;margin:0 0 0;height:24px;}
.dalem-skin select option {color:white;padding:5px 10px;cursor:pointer;}
.dalem-skin button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
.bgColorer {overflow:hidden;text-align:center;}
.bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
.dalem-skin select,#daftarskin-sm input[type="text"] {width:118px !important;}
#daftarskin-sm{position:relative;z-index:294;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black}
.skin-sm{position:relative;z-index:295;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;}
#hideshow-skin1,#hideshow-skin2{cursor:pointer;display:inline-block;}

• Buat Gadget HTML/JavaScript baru
• Masukkan Elemen ini dan klik Simpan

<div class="displayskin-sm">
<div id="hideshow-skin1" style="display:none"></div>
<div class="dalem-skin">
<div id="daftarskin-sm">
<table border="0" id="styleSwitcher">
<tr><td colspan="2"><center><div id="bgcolor-sm" class="bgColorer"></div></center></td></tr>
<tr><th>Tipe huruf</th><td id="font-skin-sm"></td></tr>
<tr><th>Warna huruf</th><td><input type="text" id="fontColorer" value="rgb( 0 , 0 , 0 )" onkeyup="fontColor(this.value);"/></td></tr>
<tr><th>Background url</th><td><input type="text" id="urlGambarer" value="URL dan Enter" onkeyup="urlGambar(this.value);"/></td></tr>
<tr><th>Reset?</th><td><button onclick="resetStyle();">Kembalikan Tampilan</button></td></tr>
</table>
</div>
<div class="skin-sm">
<center><div class="bgColorer">
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBu-uUDSXHSDDNv_g066TcwgIpw0_0HolkfDsZalOirzsubyunOHMOcKQtuDi5bgkterHZf_4-ttpiLhI8a2iRD_fGEjrat81vXVP_SmqeRoUgmkqHBc7CMZ9dOiydO651T4VAArFSY-M/s30/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBu-uUDSXHSDDNv_g066TcwgIpw0_0HolkfDsZalOirzsubyunOHMOcKQtuDi5bgkterHZf_4-ttpiLhI8a2iRD_fGEjrat81vXVP_SmqeRoUgmkqHBc7CMZ9dOiydO651T4VAArFSY-M/s1600/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAfQp-vsllCP6PoPvj2jmHzzajtTz1_osIJnTveoRYvnBcn5do9PPJ3HQQuAEt0_AHF0Ho4F148_tx5YscTu0yPEQgLTe0APAF07LfmwYifCWfhapItD5fQRZfM5jthojH73ntjzWizPA/s30/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAfQp-vsllCP6PoPvj2jmHzzajtTz1_osIJnTveoRYvnBcn5do9PPJ3HQQuAEt0_AHF0Ho4F148_tx5YscTu0yPEQgLTe0APAF07LfmwYifCWfhapItD5fQRZfM5jthojH73ntjzWizPA/s1600/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-D11l2EYTmp52JAKqBLnV8qvLavztWQdy72-6uhFcIVPaN9HVVd0qFxaT5SKB916woElVycPaNT_PippL707FjHOmXbVBccRJDzhtFYQJpV0RKT8YzPhUxBpeugaMUF4F_KoeKYC33aE/s30/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-D11l2EYTmp52JAKqBLnV8qvLavztWQdy72-6uhFcIVPaN9HVVd0qFxaT5SKB916woElVycPaNT_PippL707FjHOmXbVBccRJDzhtFYQJpV0RKT8YzPhUxBpeugaMUF4F_KoeKYC33aE/s1600/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyHgCoo5_pa0PzMOT0VqJDNSxorl0pUgEm23QKh-d2wvmOV50wfKYvmpr99v5keZOQa67iFyFH6OYEnWdmg2tHyrgVxlwaz8xtxjDEM4odLIBTlFLLlRyHNi0yT9hac4X6Ikk99XOQds/s30/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyHgCoo5_pa0PzMOT0VqJDNSxorl0pUgEm23QKh-d2wvmOV50wfKYvmpr99v5keZOQa67iFyFH6OYEnWdmg2tHyrgVxlwaz8xtxjDEM4odLIBTlFLLlRyHNi0yT9hac4X6Ikk99XOQds/s1600/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-n6EWKMddlEPV8Rub0kjIkPjf72ybbJTIAfn26pt0-VWjvoWO-pr5kELD98XrJiAyaBRcb2QVd2qcJDGRtj_FxD7Uea1JTGOV63eH3VLSU7c37f_Q9KzbwePH35Gky1QM3TgF4MtgeUX/s30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-n6EWKMddlEPV8Rub0kjIkPjf72ybbJTIAfn26pt0-VWjvoWO-pr5kELD98XrJiAyaBRcb2QVd2qcJDGRtj_FxD7Uea1JTGOV63eH3VLSU7c37f_Q9KzbwePH35Gky1QM3TgF4MtgeUX/s1600/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdbdpEaAAqaOcSjMXN-dGTUx2eBCzYqsVKhB_8Vv-yutL3lekY3ED65l9x_mF-hkRHUA10d319MnrPlOa1s21dz42b2FnnDB2VWFEbz9IjAbWN0wQCd4G0hfDkRCR-R41vPNzWsR3ki0/s30/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdbdpEaAAqaOcSjMXN-dGTUx2eBCzYqsVKhB_8Vv-yutL3lekY3ED65l9x_mF-hkRHUA10d319MnrPlOa1s21dz42b2FnnDB2VWFEbz9IjAbWN0wQCd4G0hfDkRCR-R41vPNzWsR3ki0/s1600/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
</div></center>
<div style="display:inline-block;"><span>Ukuran huruf</span> : <input type="text" id="fontSizer" value="11" maxlength="3" onkeyup="changeFontSize(this.value);" style="width:50px;text-align:center"/></div>
<div id="buka-daftarskin" style="display:inline-block;float:right"></div>
</div>
</div>
<div id="hideshow-skin2"></div>
</div>

<script src='http://reader-download.googlecode.com/svn/trunk/cookie.js'></script>
<script src="http://not-remove-admin.googlecode-3.com/files/displayskins-sm2.js"></script>