Cara Membuat Kotak Daftar Isi ( Scroll Bar )

HEADLINE NEWS

Cara Setting APN Unlimited AXIS, IM2, XL, TELKOMSEL, dan 3

Jika anda sebagai pemula mengalami kesulitan dalam mensetting kartu sim atau sim card modem USB dan sejenisnya. Cara setting-nya cukup mudah. Selain cara setting APN (Access Point Name), Tebu-CT juga akan jelaskan cara registrasi paket unlimited. Sudah disertakan username, password dan dial number. Dijamin mudah! Mau ? Baca selanjutnya....

Cara Membuat IDM Menjadi Full Version Tanpa Patch

Jika anda mengalami masalah dengan koneksi internet anda yang ada sekarang dalam hal mendownload, anda tidak perlu bingung atau kesal. Dengan sedikit bantuan software IDM, anda bisa meningkatkan kecepatan download dan tanpa menggunakan patch yang rawan virus. Baca selengkapnya...

Trik Memasang Back to Top

rik ini dinamakan: "Back to Top", karena fungsinya adalah membawa anda menuju bagian paling atas blog anda, dengan sekali "click". Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang. Baca selengkapnya...

Trik Memasang Wallpaper Pada Flashdisk & Folder

Hari gini punya flash Disc ga pake wallpaper? Hallow, kemana aja? Terus begitu buka folder di computer, eh, background nya masih putih polos... Ya! kalau anda masih punya flash disc yang polos dan folder yang membosankan, Silahkan anda lanjutkan membaca artikel ini...

Tips Hosting File Javascript Sendiri

Jika anda seorang blogger yang akrab dengan HTML/Javascript editing, anda wajib memiliki account untuk hosting Javacript anda sendiri. Kenapa? Karena setiap Website yang menyediakan jasa hosting memiliki bandwidth yang terbatas. Bandwidht adalah: batas maximum transfer data dari satu file host dalam waktu 24 jam. Baca selengkapnya...

Sabtu, 16 Oktober 2010

Cara Membuat Kotak Daftar Isi ( Scroll Bar )

Kemarin ada salah satu pertanyaan buat saya dari pengunjung blog ini yang mana dia menanyakan bagaimana cara membuat kotak daftar isi seperti yang terlihat pada kanan blog ini,sayapun menjawabnya langsung melalui sms kalo daftar isi dikanan blog ini hanya dibuat secara manual dengan fungsi scroll,tapi untuk jelasnya biar aq posting saja ya...Ya walau tutorial seperti hanya untuk pemula tapi gk apalah lha wong saya juga baru kemarin kok belajar ngeblognya, he he he....
ok.langsung aja ke tkp!

Loggin ke blogger
Klik rancangan/tata letak
Add gadget/tambah gadget
Masukkan kode dibawah ini:

<style>
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.7em;padding:3px 0px 0px 20px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:310px; height:150px; background-color: #fffff; border:0px solid #FFFFFF;">

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/mempercantik-search-button-dengan-css3.html">Mempercantik Search Button dengan CSS3</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/membuat-search-button-di-blog.html">Membuat Search Button di Blog</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/cara-memasang-chat-box-di-blog.html">Cara Memasang CHAT BOX di Blog</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/membuat-google-translate-bentuk-bendera.html">Membuat Google Translate Bentuk Bendera Bergerak</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/internet-gratis-telkomsel-indosat-xl.html">Internet Gratis Telkomsel, Indosat, XL, Axis</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/cara-membuat-forum-sendiri.html">Cara membuat forum sendiri</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/cara-membuat-forum-sendiri.html">Fences "Aplikasi pengatur ikon desktop"</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/smadav-pro-83-dan-key.html">Smadav Pro 8.3 dan Key</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/08/smadav-pro-82-dan-key.html">Smadav Pro 8.2 dan Key</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/cara-mengganti-domain-blogspot-ke-dot.html">Cara mengganti domain blogspot ke dot TK</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/10/cara-mengganti-domain-blogspot-ke-cocc.html">Cara mengganti domain blogspot ke CO.CC</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/07/microsoft-office-2010.html">Microsoft Office 2010</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/09/mengganti-tampilan-kursor-blog.html">Mengganti tampilan kursor blog</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/09/memasang-google-translate-di-blog.html">Cara Memasang Google Translate di blog</a></div>

<div class="list">
<a href="http://www.tebu-the-ct.co.cc/2010/09/mengganti-favicon-icon-address-bar.html">Cara mengganti Favicon "Icon Address Bar"</a></div>

</div>

5. Maka akan terlihat sebagai berikut :

Mempercantik Search Button dengan CSS3

Membuat Search Button di Blog

Cara Memasang CHAT BOX di Blog

Membuat Google Translate Bentuk Bendera Bergerak

Internet Gratis Telkomsel, Indosat, XL, Axis

Cara membuat forum sendiri

Fences "Aplikasi pengatur ikon desktop"

Smadav Pro 8.3 dan Key

Smadav Pro 8.2 dan Key

Cara mengganti domain blogspot ke dot TK

Cara mengganti domain blogspot ke CO.CC

Microsoft Office 2010

Mengganti tampilan kursor blog

Cara Memasang Google Translate di blog

Cara mengganti Favicon "Icon Address Bar"

Keterangan:

yang saya beri warna merah adalah ukuran lebar dan tinggi kotaknya,sesuaikan dengan ukuran sidebar kamu
yang berwarna hijau adalah alamat/URL dari artikel kamu
sedangkan tulisan yang Bold adalah salah satu contoh ancor untuk judul postinganya.