Kali ini kita akan belajar membuat Daftar Isi Pada Blog.
Oke langkah-langkah yang akan kita lakukan adalah pergi Dashboard lalu pilih Tata Letak,selanjutnya pillih Edit HTM kemudian beri tanda centang pada Expand Widget Template,seperti di bawah ini :
Selanjutnnya, cari kode : <b:include data='post' name='post'/>
Untuk mempermudah pencarian,tekan Ctrl+F pada Keyboard anda, setelah ketemu kode diatas, Hapus kode tersebut,lalu ganti dengan kode di bawah ini :
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px
5px;border-right:1px solid
#ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px
5px;border-right:1px solid
#ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Lalu Simpan Template.
Untuk melihat Daftar Isi Blog, kita harus membuat Link terlebih dahulu,yang mana saat link di klik akan menuntun kita ke halaman khusus Daftar Isi tersebut.
Anda bisa gunakan kode berikut :
<a href="http://NAMABLOGANDA.blogspot.com/search?max-results=100">Daftar Isi Blog</a>
2. Untuk Link berupa form :
Anda bisa gnakan kode berikut :
<form action="http://NAMABLOGANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form>
Jangan lupa! kode yang berwarna merah, tuliskan alamat Blog anda sendiri.
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman, kalau anda menuliskan "50", nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.
Terima Kasih
0 Komentar:
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))
Posting Komentar
Terima Kasih Atas Komentar Anda !!!!!