Membuat daftar isi yang menarik

Sobat,, berikut tips membuat daftar isi, simak ya???

Supaya DAFTAR ISI yang kita tampilkan tidak kelihatan terlalu memanjang kebawah pada Blog kita, maka disini Saya buatkan Tip's untuk membuatnya.

Silakan Anda Copy Paste Code Scriptnya dibawah ini:

<div style="overflow: auto; width: 480px; height: 100px; background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position:right bottom; background-image: url(http://i615.photobucket.com/albums/tt232/Salim70ksa/hqdefault.jpg); text-align: left; padding: 5px; border: 2px solid #0000b9;"> <span style="font-size:10px;color:#800080; font-family:Sans-serif;">[/archives] </span> </div>

Keterangan :

• * width : lebar textarea.
• * height : tinggi textarea.
• * background-color : warna background textarea.
• * background-image : alamat gambar.
• * background-position : letak posisi background gambar pada textarea.
• * text-align : perataan pada text.
• * padding : jarak antar text dengan textarea.
• * border : tebal tipisnya bingkai textarea.
• * solid : warna bingkai textarea.
• * font-family : jenis text.

Untuk Code yang berwarna Merah

[/archives]

silakan Anda hapus dan Ganti dengan link yang Anda Tuju.

Contoh:>>>

<div style="overflow: auto; width: 480px; height: 100px; background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position:right bottom; background-image: url(http://i615.photobucket.com/albums/tt232/Salim70ksa/hqdefault.jpg); text-align: left; padding: 5px; border: 2px solid #0000b9;"> <span style="font-size:10px;color:#800080; font-family:Sans-serif;"><ul> <li><a href="http://zsalim.blogspot.com/2011/02/cara-membuat-marqueetext-berjalan.html"><span style="color:yellow;"><span style="font-weight:bold;">CARA MEMBUAT MARQUEE(TEXT BERJALAN)</span></span></a></li> <li><a href="http://zsalim.blogspot.com/2011/02/membuat-labels-cloud.html"><span style="color:yellow;"><span style="font-weight:bold;">MEMBUAT LABELS CLOUD</span></span></a></li></ul> </span> </div>

Maka hasilnya seperti gambar dibawah ini:

Untuk menapilkan di Postingan silakan Ikuti Langkah-langkahnya Sbb:

1. Masuk ke Blogger dengan ID Sobat
2. Klik Gadget
3. Klik Javascript dan Copy Paste
4. Klik Simpan
5. Lihat Hasilnya
6. Semoga berhasil
7. Bagaimana? Oke Kan Hasilnya???.....
8. Selesai

Jangan Lupa ya Sobat memberikan Komenter pada Postingan Ini!.....