• 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/AVvXsEjkT_cFX1b75UhbufCPsdXA-SEl-yQB0r-Kd6_FIYpICXM9KdAnPHL_jROTUOTzC2j2bhR5CSoTL9JGAPQJUbckvJsgN002SIfGlCnFIvBAOhW8WMjJePx863gfaBkYE3PnTsj233GIGL4/s30/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkT_cFX1b75UhbufCPsdXA-SEl-yQB0r-Kd6_FIYpICXM9KdAnPHL_jROTUOTzC2j2bhR5CSoTL9JGAPQJUbckvJsgN002SIfGlCnFIvBAOhW8WMjJePx863gfaBkYE3PnTsj233GIGL4/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/AVvXsEiWGwop6rJ6UFrXbiz9a_CUQn6CBK-bBwnGU-8z50JnmYitDoSnCdLHJJVFWQCnHwuJc6X3MR086Whqgg35txYD3qaoNdDDPAplOVy996nIi7QT43gBuE5Sfmc5Uig_KKRuYa5Haf_pbsQ/s30/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGwop6rJ6UFrXbiz9a_CUQn6CBK-bBwnGU-8z50JnmYitDoSnCdLHJJVFWQCnHwuJc6X3MR086Whqgg35txYD3qaoNdDDPAplOVy996nIi7QT43gBuE5Sfmc5Uig_KKRuYa5Haf_pbsQ/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/AVvXsEjk3vueCr1jIq10XXSwmOiI1uLCq7lFSysk4A9J0YgElVRqnxmooUDYCXXQ-eLp4L5mW6caGrNcY5Mh8Yrt7E0cswva4eXaCuWYiSFyf-8HTGfbGRLI5UlXCvSOGln23KAGXh9h-loHtGs/s30/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3vueCr1jIq10XXSwmOiI1uLCq7lFSysk4A9J0YgElVRqnxmooUDYCXXQ-eLp4L5mW6caGrNcY5Mh8Yrt7E0cswva4eXaCuWYiSFyf-8HTGfbGRLI5UlXCvSOGln23KAGXh9h-loHtGs/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/AVvXsEhaGyVfqGlK0lODVKIyy007r3LbtOfIFXS9_fpBx4_Xc0HL2eZSV9elUWqpzJKJs1IFeO1uXk-yYM063k2yGuYmBHFS7iMco6DM_TA_mXbdRrnK98oMepzjhmFyEMNoBmfKEPZRrB2rqm0/s30/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGyVfqGlK0lODVKIyy007r3LbtOfIFXS9_fpBx4_Xc0HL2eZSV9elUWqpzJKJs1IFeO1uXk-yYM063k2yGuYmBHFS7iMco6DM_TA_mXbdRrnK98oMepzjhmFyEMNoBmfKEPZRrB2rqm0/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/AVvXsEikDpHv-_YoyERw3EwcMAKfXk1OusP0Qsv306WvNKN63QhJEZjGnvZjXpsC7Wra9hZIv7ftxhRTDji3dC33TelXmoqoHPkkz6u5LfFegPF_da9-NMEHmKFDDdsLUHxm3Rmk3NehQDCxdFOL/s30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikDpHv-_YoyERw3EwcMAKfXk1OusP0Qsv306WvNKN63QhJEZjGnvZjXpsC7Wra9hZIv7ftxhRTDji3dC33TelXmoqoHPkkz6u5LfFegPF_da9-NMEHmKFDDdsLUHxm3Rmk3NehQDCxdFOL/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/AVvXsEhC-SijlrIRSYi3K1HxeO0iRp16EgefTplZLzwXhVbpkKd1sYti-vF_FbDwzTdMBjSCLtgUy3tZqATnUbvy5mfeU_bsySxMfZsrH0E27IvOPf1qmKovkaJ8V1-JeiIF1JYij1zmJSfyISk/s30/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-SijlrIRSYi3K1HxeO0iRp16EgefTplZLzwXhVbpkKd1sYti-vF_FbDwzTdMBjSCLtgUy3tZqATnUbvy5mfeU_bsySxMfZsrH0E27IvOPf1qmKovkaJ8V1-JeiIF1JYij1zmJSfyISk/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://windows-8xp.googlecode.com/files/displayskins.js.txt"></script>