Membuat Daftar Isi di Blog dengan Scroll
Beginilah Cara Membuat Daftar Isi di Blog dengan Scroll.
1. Bukalah akun blog anda kawan (tentunya akun blog sendiri lho).
2. Bukalah postingan baru, atau laman baru, atau widget baru. Pilih sesuka anda mau ditempatkan dimana.
3. Lalu salinlah kode berikut :
<div style="background-color: white; border: 1px solid #ddd; height: 100px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 300px;">4. Tempatkanlah sesuai kesukaan anda, apa di postingan baru atau di laman baru atau di widget yang baru.
<div class="border">
1. <a href="http://sahabatpanelis.blogspot.com/2012/05/langkah-memulai-blog-baru.html" title="Langkah Memulai Blog Baru">Langkah Memulai Blog Baru</a> </div>
<div class="border">
2. <a href="http://sahabatpanelis.blogspot.com/2012/05/mengenal-tampilan-blogger-terbaru.html" title="Mengenal Tampilan Blogger Terbaru">Mengenal Tampilan Blogger Terbaru</a> </div>
<div class="border">
3. <a href="http://sahabatpanelis.blogspot.com/2012/05/alasan-menggunakan-blogspot-untuk-blog.html" title="Alasan Menggunakan Blogspot Untuk Blog">Alasan Menggunakan Blogspot Untuk Blog</a> </div>
<div class="border">
4. <a href="http://sahabatpanelis.blogspot.com/2012/05/cara-memulai-postingan-baru-di-blogspot.html" title="Cara Memulai Postingan Baru di Blogspot">Cara Memulai Postingan Baru di Blogspot</a> </div>
<div class="border">
5. <a href="http://sahabatpanelis.blogspot.com/2012/05/cara-mengganti-template-blog-pada.html" title="Cara Mengganti Template Blog Pada Blogspot">Cara Mengganti Template Blog Pada Blogspot</a> </div>
<div class="border">
6. <a href="http://sahabatpanelis.blogspot.com/2012/05/cara-memasukkan-dan-edit-gambar-di-blog.html" title="Cara Memasukkan dan Edit Gambar di Blog">Cara Memasukkan dan Edit Gambar di Blog</a> </div>
</div>
5. Selesai, dan lihat hasilnya.
Catatan :
- Untuk tulisan berwarna merah silahkan ganti ukuran yang anda inginkan (sesuaikan tinggi dan lebar untuk dijadikan scroll)
- Untuk berwarna biru silahkan ganti dengan link yang akan dituju dalam membuat daftar isi.
- Untuk berwarna ungu silahkan ganti dengan Judul Postingan sesuai dengan link yang dutuju tadi.
- Lakukan itu berulang-ulang bila ingin membuat lebih banyak dan silahkan ganti nomor itu dengan gaya blog yang kawan suka.
Demikianlah bagaimana Membuat Daftar Isi di Blog dengan Scroll. Semoga bermanfaat dan selamat mencoba. Salam blogger dan salam sukses [Bos Tutorial]
Baca Juga
Post a Comment
Post a Comment