Jumat, 15 April 2011

Cara Membuat Daftar Isi Manual

Kalo kemarin Saya sudah menjelaskan bagaimana cara membuat Related Post, sekarang giliran Daftar isi Manual, jika kalian masih bingung silahka lihat gambar dibawah ini :



Bagaimana, setelah melihat Gambar saya yakin anda pasti mengerti kan, ok kita langsung saya menuju ke TKP.

1. Login ke Blogger. Pilih menu Design → Tambah Gadget
2. Pilih HTML and Javascript 
3. Copy Sintax yang sudah saya berikan
4. Silahkan Edit sendiri pada Link Postingan dan Nama Postingan 
5. Selesai

Untuk sintax bisa dilihat dibawah ini :

<style>
.list {
background: 
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:200px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
<a href="http://Nama Link Tujuan">Nama Postingan</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/parade-king.html">Parade King</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/hp-masuk-balon.html">Hp Masuk Balon</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/miracle-blindfold.html">Miracle Blindfold</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/wonderfull-box.html">Wonderfull Box</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/spoon-bite.html">Spoon Bite</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/thum-tib.html">Thum Tib</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/optical-wallet.html">Optical Wallet</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/size-surprise.html">Size Surprise</a></div>

<div class="list">
<a href="http://dimenshop.blogspot.com/2011/03/crazy-cube.html">Crazy Cube</a></div>
</div>


Selamat Mencoba

Artikel yang berkaitan



Tidak ada komentar:

Posting Komentar