hilangin garis bawah pada link.

untuk hilangin garis bawah pada link ketika disorotin mouse,
gini caranya:

1.Login Ke akun.
2.pilih Rancangan/tata Letak
3.Edit HTML
4.download full template dulu.
5.Centang Kolom Expand Widget
6.temukan kode ini

a:hover {

  color:$titlecolor;

  text-decoration:underline;

}

pake ctrl+f biar cpat temukan code tersebut

perhatikan tulisan yang warna merah ganti dengan none;

CONTOH:

a:hover {

  color:$titlecolor;

  text-decoration:none;

}

 
7.simpan,... SELESAI deh,.... 

buat link berbintang ketika disorotin mouse

caranya:
1.Login Ke akun.
2.pilih Rancangan/tata Letak
3.Edit HTML
4.download full template dulu.
5.Centang Kolom Expand Widget
6.Cari Kode a:hover{  yang dekat dengan kode a:link{ dan a:visited{
7.Copy Paste Kode dibawah
background-image: url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/stars.gif);}
tempatkan Disamping Kode a:hover {

Contoh:
a:hover { background-image: url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/stars.gif);}


7.Simpan Template..

cara buat hide n show suatu objek

Cara Membuat Tombol Hide dan Show

1. Masuk ke blogger anda
2. Pilih rancangan/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. trus copy kode di bawah dan paste di halaman HTML/javascript.

<div>

<input onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: auto;" type="button" value="Tampilkan" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background: #000000; color: white; padding: 10px; text-align: left;">
Masukkan text-nya disini. Gambar juga bisa.</div>
</div>


CONTOH:

Cara buat Link Berubah Warna Dan Membesar jika Di Sorot mouse

untuk Cara buat Link Berubah Warna Dan Membesar jika Di Sorot mouse.

berikut caranya:

1. Login to Blogger kemudian pilih rancangan ato Layout
2. Klik pada "Edit HTML"
3. download dulu template anda, untuk jaga2 terjadi kesalahan.
4. Centangkan tanda di expand template widget.
5. Cari bagian a:link dan a:hover dan masing-masing ganti dengan kode dibawah ini :

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

6. Simpan Template.

SELESAI.

+ warna merah menunjukkan warna
+ warna biru menunjukkan ukuran+ warna hijau menunjukkan jenis teks ketika link disorot.
+ warna  ungu menunjukkan jenis mouse, bisa diganti dengan menjadi hand, crosshair, wait, move, text, help dll.

Cara Membuat Daftar Isi Blog

untuk buat daftar isi SUSUAI DENGAN KELOMPOK  ISI LABEL.
berikut caranya:

1. Masuk ke blogger anda
2. Pilih rancangan/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau pakai nama gue juga boleh,... heee
6. trus copy kode di bawah dan paste di halaman HTML/javascript.

<div style="overflow:auto;width:380px;height:100px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://5170785317498085821-a-1802744773732722657-s-sites.googlegroups.com/site/totorohjnw/totoro/contents.js"></script><script src="http://totorohjnw.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>


hasilnya:

ket:
http://totorohjnw.blogspot.com ganti dengan alamat blog punya sendiri.
width:380px ganti sesuai dengan lebar yang diinginkan.
height:100px gantisesuai dengan tinggi yang diinginkan.
semoga berhasil.


untuk membuat daftar isi TANPA DIKELOMPOKAN DARI ISI LABEL:
berikut caranya:

 (seperti yang diatas)

1. Masuk ke blogger anda
2. Pilih rancangan/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul
6. trus copy kode di bawah dan paste di halaman HTML/javascript.

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: 300px;" margin="5px"><script style="text/javascript" src="http://adesanusi.googlepages.com/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://totorohjnw.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts"></script></div>

hasilnya:

ket:

http://totorohjnw.blogspot.com ganti dengan alamat blog punya sendiri.

hasil dari:
barajakom.blogspot.com
dunia-blogger.blogspot.com