Cara Membuat Daftar Isi Manual Di Blogspot

Langsung aja gan liat di blog ane ' kya (tips-tips blog) nah kya gitu tar jadinya .

1. Login ke Blogger, Klik Rancangan/Design;
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
3. Cari dan pilih HTML/Javascript;
4. Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya : Setelah itu langsung save .
   
   
   Keterangan :
   
   

   • Link dan Teks, silahkan diganti dengan link dan teks Anda; 
   • width : 230px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan; 
   • height : 180px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMb03NNnUZzkeegvaeFaaU_aKh2nyr8Kvr5qaqvnEW59YcSCyyE6h17IFnYQYhsPZIc_afg6yXbbCZvcgNZLEwB5gTrQinBFYfw_bVxo8PBIs3iZ_I4bovwX3jwcq_0lFrT2bQT4T8LdiN/") no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>
<div style="background-color: #f7f7f7; border: 1px solid rgb(68, 67, 67); height: 220px; margin: 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/memasang-text-resizer-di-blog.html">Memasang Text Resizer di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-multi-level-drop-down-dengan.html">Membuat Multi Level Drop Down dengan jQuery</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-menu-dtree-di-blogger.html">Membuat Menu dTree di Blogger</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-menu-horizontal-animasi-di-blog.html">Membuat Menu Horizontal Animasi di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-menu-navigasi-horizontal-glossy.html">Membuat Menu Navigasi Horizontal Glossy di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-effect-jquery-link-nudging-di.html">Membuat Effect JQuery Link Nudging di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-info-panel-slide-vertikal.html">Membuat Info Panel Slide Vertikal dengan jQuery</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-chatbox-slide-vertikal-dengan.html">Membuat Chatbox Slide Vertikal Dengan jQuery di Blog</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/02/membuat-daftar-isi-dengan-jquery.html">Membuat Daftar Isi Dengan jQuery Accordion</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/01/memasang-slider-gambar-ala-drakon.html">Memasang Slider Gambar ala Drakon Template</a></div>
<div class="list">
<a href="http://www.maskolis.co.cc/2011/01/memasang-gambar-slide-ala-zinmag-primus.html">Memasang Gambar Slide Ala Zinmag Primus</a></div>
</div>

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.