TopBottom

Berlangganan Artikel

Facebook Twitter Google Buzz Digg Yahoo! Bookmarks Google Bookmarks Technorati

Enter your email address:

Delivered by FeedBurner

Membuat Daftar Isi Blog (2)

Posted by Bahtiar Ahmad Syukur at Senin, 25 Januari 2010
Share this post:
Ma.gnolia DiggIt! Del.icio.us Yahoo Furl Technorati Reddit

Langkah #1

1. Sign in di blogger dengan ID anda


2. Bilsa sudah berada di halaman dashboard, klik Layout.


3. Klik tab Edit HTML


4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).


5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.



expand widget template


6. Lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data='post' name='post'/>

7.Delete / hapus kode tersebut, lalu ganti dengan kode berikut 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>


8.Klik tombol Simpan Template.


9.Selesai. Langkah pertama sudah selesai.



Langkah #2

1. Klik tab Elemen Halaman.


2. Klik tulisan Tambahkan sebuah Elemen Halaman.



3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.


4. Copy lalu paste kode berikut :

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

5.Ganti NamaBlogAnda nama blog anda sendiri. Contoh : nama blog saya adalah gakadajudulnya. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.


6.Klik tombol Simpan Perubahan.

7.Selesai.



Keterangan tambahan :

Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :

<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">


Selamat Mencoba....
Share
Share/Save/Bookmark

Artikel Menarik:



0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l:
Posting Komentar

Posting Komentar

Semakin banyak anda berkomentar, semakin banyak backlink yang anda dapatkan dan tentu saja Search Engine akan semakin cinta terhadap blog anda.