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, karena banyak yang tanya kepada saya bagaimana cara membuatnya seperti di blog YONDARKNESS ini. 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://uzumakiramadan.blogspot.com/2013/01/daftar-isi-yondarkness.html" target="_self"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBWPcXEpFOotZzrZsxf0U6ys4NJu94cBpQoE3uP1OGYkBAed8KCnp5zGQVOqRmiNsEAsDVuzhqrQhoa6SdrQftiHFgSuy2d3zn1bIlcjBO9daUKz9VF6fGTynRa9NfYKyR6_fm0vZQXiV/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.

Bagaimana? Berhasil? Mudah kan? Hehehe... Mudah kok.. Sebenarnya itu sama saja dengan membuat widget gambar melayang di blog. Oke, sekian artikel Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog. Semoga bermanfaat. Jika ada yang kurang jelas, bisa kalian tanyakan di komentar.

Sumber : Yondarkness