totur membuat daftar isi dengan menggunakan scroll di blogger

totur membuat daftar isi dengan menggunakan scroll di blogger

Ikuti langkah-langkah berikut ini  :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

Daftar isi menggunakan icon kecil di sampingnya

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnkbAzU-e6B74d8Z3u4pggGICpBMR4_KR7yH6bF35PrYWACLkupL9b2SRvvDRCTyA6rO9BHgEzkPRMXHlnP7-ugGs0JdXRQFcPAthxHU4HYjpUYq0o3saqQKtmYdjW3Z8wy5d-ifZoRPY/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>


<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">


<div class="list">
<a href="http://Alamat Url yang ingin di Tampilkan">JUDUL POSTINGAN ANDA</a></div>


<div class="list">
<a href="http://Alamat Url yang ingin di Tampilkan">Cara Membuat Link Berkelip-Kelip</a></div>


<div class="list">
<a href="http://Alamat Url yang ingin di Tampilkan">JUDUL POSTINGAN ANDA"</a></div>


</div>

> Daftar isi menggunakan angka disampingnya

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>


<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">


<div class="list">
1. <a href="http://Alamat Url yang ingin di Tampilkan">JUDUL POSTINGAN ANDA</a></div>


<div class="list">
2. <a href="http://Alamat Url yang ingin di Tampilkan">JUDUL POSTINGAN ANDA</a></div>


</div>

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Ingat:
Ganti tulisan yang berwarna Merah dengan URL postingan anda ( bukan URL blogger anda ) dan ganti tulisan berwarna Biru yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode </div>
Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.
5. Kalau sudah klik Save Template. 


SELAMAT MENCOBA  Gan