Gratis berlangganan artikel Zykry via mail, join sekarang!

Monday, March 15, 2010

Cara membuat daftar isi

 Okay to the point aja :


1. Login ke blogger. Buka menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak


<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://zykry-trick.blogspot.com/2010/03/cara-membuat-daftar-isi.html">Cara membuat daftar isi</a></div>


<div class="list">
2. <a href="
http://zykry-trick.blogspot.com/2010/03/cara-membuat-daftar-isi.html">Panduan membuat blog di blogger</a></div>


</div>

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.

Ingat:
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode </div>

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.


3. Kalau sudah klik Save Template. Selesai.

Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode dibawah ini


<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;

padding:3px;
}
</style>

Dengan kode


<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>
Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.

Selamat mencoba. Semoga berhasil





Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Cara membuat daftar isiSocialTwist Tell-a-Friend

Comments :

3 comments to “Cara membuat daftar isi”

Anonymous said...
on 

jujur kang ni ilmu bermanfaat banget bagi saya,thanks ya kang atas ilmunya.

Nikmaya John said...
on 

Mantapp sob,, thnks alot...

obat herbal limfoma said...
on 

cara yang mudah untuk di turu makasih


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award