3
Cara Membuat Daftar Isi pada Blogger Hasil keliling dunia maya dan mendapatkan tutorial yang menarik untuk dicoba di blog saya ini dan hasilnya cukup bagus dapat memudahkan para pengunjung untuk mencari isi blog secara mudah. Tidak usah panjang lebar pengantarnya langsung saja pada inti persoalan :). cara membuat login ke account blogger anda, klik rancangan/layout lalu klik edit HTML Beri Centang pada Expand Widget Templates Temukan Kode berikut: <b:include data='post' name='post'/> Ganti Kode diatas dengan kode berikut : 1. <b:if cond='data:blog.homepageUrl != data:blog.url'> 2. <b:if cond='data:blog.pageType != "item"'> 3. <a expr:href='data:post.url'> 4. <div style="padding:6px 0 6px 5px; 5. border-right:1px solid #ccc; 6. border-bottom:1px solid #ccc; 7. margin-bottom:2px;

Cara membuat daftar isi pada blogger

Embed Size (px)

Citation preview

Page 1: Cara membuat daftar isi pada blogger

Cara Membuat Daftar Isi pada Blogger

Hasil keliling dunia maya dan mendapatkan tutorial yang menarik untuk dicoba di blog saya ini dan

hasilnya cukup bagus dapat memudahkan para pengunjung untuk mencari isi blog secara mudah.

Tidak usah panjang lebar pengantarnya langsung saja pada inti persoalan :).

cara membuat

login ke account blogger anda, klik rancangan/layout lalu klik edit HTML Beri Centang pada Expand Widget Templates

Temukan Kode berikut:

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

Ganti Kode diatas dengan kode berikut :1. <b:if cond='data:blog.homepageUrl != data:blog.url'>  2. <b:if cond='data:blog.pageType != "item"'>  3. <a expr:href='data:post.url'>  4. <div style="padding:6px 0 6px 5px;  5. border-right:1px solid #ccc;  6. border-bottom:1px solid #ccc;  7. margin-bottom:2px;  8. background:#EAE9E9;  9. color:#406A0E;">  10. <data:post.title/>  11. </div>  12. </a>  13. <b:else/><b:include data='post' name='post'/></b:if>  14. <b:else/><b:include data='post' name='post'/></b:if>  

Page 2: Cara membuat daftar isi pada blogger

lihat gambar

Kemudian SAVE TEMPLATE Sabar dulu belum selesai sampai di situ, tempatkan kode berikut di manapun anda suku atau seperti

saya menempatkan di header menu pada blog saya

view plain print ?

1. <a href="http://BLOG-ANDA/search?max-results=200" target="_blank">  2. <span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>  

ok that's all

23 comments

Buat sitemap (peta situs) di blogger

Apa Itu Sitemap?

Peta situs atau Indeks Artikel atau SITEMAP adalah daftar halaman sebuah situs web yang dapat diakses oleh crawler atau pengguna. Biasanya sitemap sendiri berurutan secara hierarkis berdasarkan tanggal pembuatan ataupun abjad.

mengenal fungsi Sitemap

Sitemap ini berfungsi agar pengunjung dan search engine mengetahui artikel terbaru dan artikel lama yang telah

Page 3: Cara membuat daftar isi pada blogger

dipublikasikan. Selain itu beberapa praktisi SEO mengatakan bahwa dengan adanya sitemap akan mempercepat proses indeks artikel yang baru dibuat. Oh ya, jangan lupa juga submit sitemap kalian sebelumnya di Google Webmaster Tools.

bagai mana cara membuatnya?

Anda membuat Page baru dengan judul mis : sitemap / peta situs, dan tempatkan kode script berikut:

view plain print ?

1. <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>  

2. <script src="http://marewainfo.googlecode.com/files/marewa.js"></script>  3. <script src="http://dr-marewa.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-

script&amp;callback=loadtoc"></script>  4. <script type="text/javascript">  5. var accToc=true;  6. </script>  7. <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>  

PUBLISH PAGE anda dan lihat hasilnya.