Senin, 21 Maret 2011

Membuat Daftar Isi Pada Sidebar

Membuat Daftar Isi pada sidebar blog caranya mudah dan praktis. Mungkin anda ingin lebih memudahkan pengunjung blog anda menelusuri isi postingan blog anda dengan daftar isi yang mudah terlihat. Caranya sebagai berikut : 

1. Login ke dasboard blogger anda klik Rancangan
2. Klik tambah gadget kemudian cari HTML/Javascript
3. Masukkan kode berikut ini :

<script type="text/javascript"></script>
    <div id="fungsiscroll" class="sidebar section">
    <h2 class="title" align="left">Daftar Isi</h2>
    <div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 160px">
    <ul>
    <li>> <a href="http://Link URL Yang Dituju"> Nama Artikel </a></li>
    <li>> <a href="http://Link URL Yang Dituju"> Nama Artikel </a></li>
<li>> <a href="http://Link URL Yang Dituju"> Nama Artikel </a></li>
<li>> <a href="http://Link URL Yang Dituju"> Nama Artikel </a></li> MP3</a></li>
    </ul>
    </div>
    </div>


Ganti tulisan yang berwarna merah dengan alamat URL atau alamat blog anda atau link postingan anda. Lihat link postingan anda di adress bar pada saat anda membuka halaman posting dan letakkan di tulisan yang berwarna merah. Anda juga bisa mengganti tulisan "Daftar Isi" yang berwarna biru sesuai dengan selera anda. Juga untuk tinggi kolomnya sesuaikan saja dengan selera anda dengan mengubah nilai HEIGHT.

4. Simpan dan lihat hasilnya

Sekedar untuk contoh memasukkan link posting lihat dibawah :

<script type="text/javascript"></script>
    <div id="fungsiscroll" class="sidebar section">
    <h2 class="title" align="left">MP3 GRATIS</h2>
    <div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 160px">
    <ul>
    <li>> <a href="http://araya19.blogspot.com/2011/03/free-download-bon-jovi-mp3.html"> BON JOVI  </a></li>
    <li>><a href="http://araya19.blogspot.com/2011/02/free-download-dream-theater-mp3.html">DREAM THEATER</a></li>
<li>><a href="http://araya19.blogspot.com/2011/02/free-download-roxette-mp3.html">ROXETTE</a></li>
<li>><a href="http://araya19.blogspot.com/2011/01/guns-n-roses-mp3.html">GUNS N ROSES </a></li>
</ul>
    </div>
    </div>


Selamat mencoba...



Tidak ada komentar:

Posting Komentar