Cara Membuat Daftar Isi Secara Manual di Blogspot. Pada umumnya jenis daftar isi ada 2 (dua) macam yaitu daftar isi manual dan daftar isi otomatis. Perbedaan dari kedua daftar isi tersebut adalah jika daftar isi manual sesuai dengan namanya dipasang dan diatur secara manual sesuai keinginan pemilik blog, sedangkan jika daftar isi otomatis akan secara otomatis menampilkan isi blog berdasarkan urutan abjad pada label dan judul postingan.
Penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Cara Membuat Daftar Isi Secara Manual di Blogspot.
Adapun caranya sebagai berikut :
1. Login ke Blogger, Klik Rancangan/Design; Adapun caranya sebagai berikut :
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
3. Cari dan pilih HTML/Javascript;
4. Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNcWFO4eMTTbBcervRPlOv66XfFC17BJK0kWNtGVU-kTLYp4RxLd3E1khW3YD472dMCCZtCb_tPCHWwCIf41o6SLpQvMeDKMgtqRLhJ6kcRUVqCCHq2yWlWyPSVqj3eAycsPSWP0DZ5GL9/") no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>
<div style="background-color: #fff; font: bold 9px Arial, Helvetica; border: 1px solid #d9d9d9; height: 150px; margin: 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="list">
<a href="URL ANDA">JUDUL 1</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 2</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 3</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 4</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 5</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 6</a></div>
</div>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNcWFO4eMTTbBcervRPlOv66XfFC17BJK0kWNtGVU-kTLYp4RxLd3E1khW3YD472dMCCZtCb_tPCHWwCIf41o6SLpQvMeDKMgtqRLhJ6kcRUVqCCHq2yWlWyPSVqj3eAycsPSWP0DZ5GL9/") no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>
<div style="background-color: #fff; font: bold 9px Arial, Helvetica; border: 1px solid #d9d9d9; height: 150px; margin: 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="list">
<a href="URL ANDA">JUDUL 1</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 2</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 3</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 4</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 5</a></div>
<div class="list">
<a href="URL ANDA">JUDUL 6</a></div>
</div>
5. Klik Tombol Save/Simpan
Keterangan :
Link dan Teks, silahkan diganti dengan link dan teks Anda;
width : 300px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan;
height : 150px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.
Demikian Cara Membuat Daftar Isi Secara Manual di Blogspot, semoga bermanfaat.
Demikian Cara Membuat Daftar Isi Secara Manual di Blogspot, semoga bermanfaat.
ConversionConversion EmoticonEmoticon