Membuat list html

masukkan code berikut dibagian html/javascript\

<ul>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
</ul>

hasil:

• anchor text
• anchor text
• anchor text
• anchor text
• anchor text

Menghilangkan tulisan beranda dibagian bawah blog

cari kode <data:homeMsg/> dibagian edit html kemudian hapus kode tersebut
dan lihat hasilnya



semoga berhasil

Membuat bingkai diarea widget sidebar

masukkan code berikut diatas code ]]></b:skin>

Background dengan menggunakan gambar (misalnya untuk judul widget).

background: url("LINK GBR") repeat-x scroll left bottom rgb(243, 244, 246);

Background dengan menggunakan warna gradasi (misalnya untuk area widget).
background: -moz-linear-gradient(center top , white 20%, rgb(243, 243, 243) 100%) repeat scroll 0% 0% transparent;

.main-inner .sidebar .widget h2 {
  margin-top: 0px;
  margin-bottom: 1px;
  margin-left-value: 0px;
  margin-right-value: 0px;
  padding: 3px 3px;
  color: #274e13 !important;
  text-align: center;
  border: 1px solid #666666;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #bbbbbb;
}

.main-inner .sidebar .widget-content {
  margin: 0px;
  padding: 2px 2px;
  text-align: justify;
  text-decoration: none;
  border: 1px solid #674ea7;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #ffffff;
}

.main-inner .widget #ArchiveList {
  margin: 0px;
}

.main-inner .widget ul,
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li {
  margin: 0px;
  padding: 2px;
  list-style: none;
}

Memberikan warna background dengan pilihan warna

masukkan code berikut kedalam code html/javascript
save dan lihat hasilnya

<div class="widget-content">
<center><i><span style="color: #00FF11;">Pilih Warna Background Kesukaan Anda</span></i>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="2" width="290" height="30">
<tbody><tr>
<td onclick="bgChange('#0009FF')" bgcolor="#0009FF">
</td>
<td onclick="bgChange('#FF2AD4')" bgcolor="#FF2AD4">
</td>
<td onclick="bgChange('#2AFF2A')" bgcolor="#2AFF2A">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
</tr></tbody></table>
</center></div>

Gambar berputar dan membesar saat disorot mouse

dibagian edit html
cari code </head>
masukkan code berikut diatas </head>
<style>#zoome
 img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s
ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s
 ease-in-out;transition:all .8s ease-in-out;} #zoome img:hover{
-o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5)
rotate(360deg); -webkit-transform: scale(1.5)
rotate(360deg);}</style>


save .

dan kemudian disaat mau postingtempatkan code berikut untuk menjadikan gambar bisa berputar dan membesar
<div id="zoome"><img src="KODE GAMBAR" /></div>

semoga berhasil
asd