Kamis, 26 Januari 2012

Cara Mudah Membuat Daftar Isi di Blog

As-salam.
    Pada kesempatan kali ini saya akan memandu sobat untuk bisa membuat "Cara mudah membuat daftar isi di blog" dalam blog sobat, fungsi dari pembuatan daftar isi ini adalah agar para pembaca/pengunjung merasa nyaman berada di blog anda ketika mau memilih artikel yang ingin dibaca, dan karena itu mereka jadi merasa betah berlama-lama dalam blog anda.

oke langsung aja deh, berikut adalah caranya : 

Nah berikut saya akan memberikan cara membuat kotak daftar isi dengan cara saya sendiri. Silahkan diikuti bagi yang ingin mencobanya.

1. Login ke blogger. Buka menu Design -> Page Elements

2. Klik Add a Gadget ->

 

3. di (dasar dasar) pilih HTML/Javascript.-> 


Masukkan kode dibawah ini kedalam kotak

<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:200px; height:100px; background-color: #ffffff; border:1px solid #fffff">

<div class="list">
1. <a href="http://e-imam.blogspot.com/2012/01/7-langkah-membuat-blog.html
">7 Langkah Membuat Blog </a></div>
<div class="list">

2. <a href="http://e-imam.blogspot.com/2012/01/cara-memasang-tombol-like-fb-di-blog.html"> Cara memasang tombol like FB di blog</a></div>

</div>

Keterangan teks berwarna merah:
200px merupakan lebar kotak
100px merupakan tinggi kotak
#ffffff pada background-color merupakan warna background
#ffffff pada border merupakan warna garis pinggir. 
Silahkan ganti sesuai selera sobat.

Catatan:
Ganti tulisan yang berwarna ungu dengan alamat postingan anda dan ganti tulisan berwarna biru  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.

3. Kalau sudah klik Save Template. Selesai.

Sampai di sini dulu posting yang berjudul "Cara Mudah Membuat Daftar Isi di Blog" tentang Pembuatan daftar isi, semoga cukup mudah dipahami, jika kurang paham mohon maaf, dan bisa menuliskan komentar ada di bawah ini jika ada pertanyaan dan saran. terima kasih. dan selamat mencoba. 

jika artikel diatas bermanfaat bagi sahabat,
LIKE this yo...
terimakasih

Tidak ada komentar:

Posting Komentar

Bagi yang ingin berdiskusi, bertanya, atau menambahkan, silakan komentar :)