Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog

Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog

Oke, kali ini saya akan berbagi tentang Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog, 

Oke langsung saja, berikut ini adalah caranya.

• Pertama, kalian buat dulu daftar isinya di postingan atau laman. Caranya, kalian bisa lihat disini ( Cara Membuat Daftar Isi Di Blog ).
• Setelah daftar isi siap, kalian bisa buka dashboard blog kalian, klik Tata Letak, Tambah Gadget, Pilh HTML/JacaScript.
• Kemudian, kalian masukkan kode di bawah ini

<a  class="amai" ><div style="position: fixed;width:157px;height:210px; bottom: 0px; left: 0px;"><a href="http://anonymous-bunshin.blogspot.com/2013/01/daftar-isi-yondarkness.html" target="_self"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs3-fH2egSvGftlpbWd0uhTWWItN3YAIIugN_FPi6a5Iy-TQFjqQBKBEKqzZtqyv_hwV9ZUVpAUjLSvZU8bFC16bgjr-g75CTG4LRp1c8_PiIJOd5o2CHR8rxWAzTSOuopE9mpgzbQO7LU/s1600/naruto_sage_mode_chibi_render_by_amarubar-d5kjac5+copy.png" title="Daftar Isi"  alt="Daftar Isi"/></a></div></a>

• Kemudian Save.

Keterangan :

Kode berwarna BIRU adalah kode lebar widget, kalian sesuaikan sesuai lebar gambar.

Kode berwarna HIJAU adalah kode tinggi widget, kalian sesuaikan sesuai tinggi gambar.

Ganti kode berwarna MERAH dengan link/URL daftar isi yang sudah kalian buat di langkah pertama tadi.

Ganti kode berwarna KUNING dengan _blank jika kalian ingin daftar isi terbuka di tab baru.

Ganti kode berwarna UNGU dengan link/URL gambar yang akan kalian pakai.

 

 

gimana ? bisa sudah ? terimakasih sudah membaca ^_^ dan jangan lupa Join Blog ini ya :)

 

Sumber :   http://anonymous-bunshin.blogspot.com/2013/05/cara-membuat-daftar-isi-dengan-gambar.html