Cara Membuat Daftar Isi Dengan Scrollbar

Cara Memasang Page Navigasi

Cara Membuat Macam-Macam Text Area

Cara Menampilkan Total Post, Comment Dan Online User

Membuat Background Posting

Membuat Emotion Pada Blogger

Cara Membuat Scrollbar Pada Blog

Cara Menambah Elemen Di Atas Dan Bawah Posting

Cara Memasang Zodiak Dan Shio Di Blog

Cara Memasang Top Comments Bergerak

Cara Membuat Facebook Page

Cara Membuat Kata Sambutan

Cara Membuat Menu Login Di Blog

Cara Membuat Widget Atikel Terbaru Di Blog

Cara Mengembalikan Navbar Di Blog

Cara Memasang Lazy Load

Cara Membuat Sitemap

Cara membuat Iklan Melayang Tanpa Tekan Close

Cara Mudah Membuat Gambar Animasi Di Blog

Cara Membuat Iklan Melayang

Cara Memasang LinkWithin Di Blog

Cara Mengelakkan Blog Anda Daripada Copy-Paste

Cara Mengubah Cursor Di Blog

Cara Membuat Link Membuka Tab Baru

Cara Membuat Halaman Intro Di Blog

Cara Memasang Hidden Shoutbox

Cara Membuat Hidden Navbar / Auto Navbar

Cara Membuat Blogspot

Kod Warna

Adakah anda tertarik dengan widget ini?


Langkah-langkah Membuat daftar isi dengan scrollbar :

1.Sign blog anda.

2.Klik Design.

3.Klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini, paste pada kotak HTML / Javascript.

Daftar isi mengunakan icon :

<style>

.list {

background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") 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://mrul-tips.blogspot.com/2010/06/kali-ini-saya-ingin-berkongsitips-blog.html">Cara Memasang Page Navigasi</a></div>

<div class="list">

<a href="http://mrul-tips.blogspot.com/2010/06/cara-membuat-macam-macam-text-area.html">Cara Membuat Macam-Macam Text Area</a></div>

<div class="list">

<a href="http://mrul-tips.blogspot.com/2010/06/cara-menampilkan-total-post-comment-dan.html">Cara Menampilkan Total Post, Comment Dan Online User</a></div>

<div class="list">

<a href="http://mrul-tips.blogspot.com/2010/06/membuat-background-posting.html">Membuat Background Posting</a></div>

</div>

Daftar isi mengunakan angka :

<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://mrul-tips.blogspot.com/2010/06/kali-ini-saya-ingin-berkongsitips-blog.html"> Cara Memasang Page Navigasi </a></div>

<div class="list">

2. <a href="http://mrul-tips.blogspot.com/2010/06/cara-membuat-macam-macam-text-area.html"> Cara Membuat Macam-Macam Text Area </a></div>

</div>

Nota :Nota : 380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis tepi. Silakan ganti mengikut sesuai dengan template anda.

Gantikan perkataan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yang dengan tajuk posting anda.

Jika anda ingin menambah posting baru, copy kode dibawah ini dan paste sebelum kod </div>.

<div class="list">

<a href="alamat link yang ingin dituju"> tajuk posting </a></div>

6.Save.

Selamat Mencuba...