Pada postingan kali ini saya akan mencoba share cara membuat daftar isi pada blog. Posting ini berasal dari http://pelajaran-blog.blogspot.com. Langkahnya sangat mudah :
Langkah pertama,Pergi Dashboard lalu pilih Tata Letak,selanjutnya pillih Edit HTML.
Selanjutnya,beri contreng tulisan Expand Widget Template
Selanjutnya,beri contreng tulisan Expand Widget Template
Selanjutnnya,cari kode di bawah ini:
<b:include data='post' name='post'/>
Untuk mempermudah pencarian,tekan Ctrl+F pada Keyboard anda,pakai keyboard khan?
Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti dengan kode di bawah ini :
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 menggunakan seperti contoh di bawah ini:
Anda bisa gunakan kode berikut :
<a href="http://NAMABLOGANDA.blogspot.com/search?max-results=100">Daftar Isi Blog</a>
Untuk Link berupa form:
Anda bisa gunakan 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.
Sebenarnya,masih banyak pilihan yang bisa anda buat link untuk Daftar Isi Blog,caranya hanya dengan menambahkan Element Baru/Add New Widget dan pilih HTML/Javascript lalu tuliskan kode link pilihan anda (anda bisa memakai contoh di atas).
Lalu apa arti tulisan "100" yang berwarna hijau di atas ?
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.
Sebenarnya,masih banyak pilihan yang bisa anda buat link untuk Daftar Isi Blog,caranya hanya dengan menambahkan Element Baru/Add New Widget dan pilih HTML/Javascript lalu tuliskan kode link pilihan anda (anda bisa memakai contoh di atas).
Lalu apa arti tulisan "100" yang berwarna hijau di atas ?
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.
tes
BalasHapustes lagi
BalasHapustes lagi
Hapus/* Comments----------------------------------------------- */
BalasHapus#comments{background:none repeat scroll 0 0 #1A2A41;border:1px solid #22354F;margin-left:0;padding:10px}
#comments h4{font-size:20px;color:#fff;font-weight:bold;padding:10px 10px;margin-top:10px;}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left}
#comment-header{float:left;border:1px solid #0f1b2f;padding:5px 0 5px 10px;margin:5px;background-color:#0c141f;color:#000;}