Cara Membuat Daftar Isi Di Blog Secara Otomatis

Cara Membuat Daftar Isi Di Blog Secara Otomatis - Halo sobat blogger kali ini saya membuat artikel tentang Cara memasang daftar isi otomatis.  Daftar isi blog haruslah dimiliki setiap blogger karena dapat memudahkan pengunjung mencari artikel atau halaman blog sobat, selain itu sobat juga dapat traffic atau kunjungan lebih loh !, bagaimana tidak bayangkan saja pengunjung sobat ada 10 orang sehari dan pengunjung melihat daftar ini maka anda sudah mendapatkan kunjungan 2 kali lipat bayangkan saja jika anda memiliki banyak artikel pasti akan sangat bagus untuk traffiknya.

Sangat bagus kan jika blog kita memiliki daftar isi, sobat pasti sudah tidak sabar kan langsung saja.

1. Membuat daftar isi blog berdasarkan label tertentu secara otomatis

• Pergi ke blogger
• Buatlah sebuah halaman blog
• Copy kode dibawah dan paste kan di halaman tadi dengan bentuk HTML bukan ( Compose )

<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

• Lalu publikasikan, maka daftar isi sudah memasang daftar isi

2. Membuat daftar isi blog berdasarkan label dengan tambahan Scroll

• Pergi ke blogger
• Buatlah sebuah halaman blog
• Copy kode dibawah ini dan paste kan di halaman tadi dengan bentuk HTML bukan ( Compose )

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

•  Lalu publikasikan, maka daftar isi sudah memasang daftar isi

Sekian dulu artikel dari saya semoga bermanfaat dan jangan lupa klik +1 jika artikel ini bermanfaat dan tinggalkan juga komentar sobat yang relevan.

Download Template Responsive HTML5 Versi 1

Download Template Responsive HTML5 Versi 1 - Sobat blog kali saya akan berbagi lagi template responsive, sobat blogger pasti sudah tau kan. template responsive Valid HTML5 sudah menjadi tren template masa kini, ditambah lagi desain yang Keren dan SEO friendly. Template Responsive sangat disukai para blogger, karena tidak berantakan apabila di buka melalui Handphone, Tab.

DEMO DOWNLOAD 

Template ini juga sudah di atur sedemikian rupa agar mudah di gunakan untuk sobat, jadi sobat tak perlu lagi mengedit html sobat hanya perlu ganti Meta tagnya menjadi SEO friendly. jika sobat belum punya meta tag yang SEO friendly anda bisa menggunakan meta di bawah :

<meta charset='utf-8'/><link href='http://nama-blog.blogspot.com' rel='canonical'/><b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/> DESKRIPSI SINGKAT BLOG </title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if><meta content='Description Blog Anda' name='description'/><meta content='keyword1,keyword2,keyword3' name='keywords'/><meta content='index, follow' name='robots'/><meta content='Kode Verifikasi Google' name='google-site-verification'/><meta content='Kode Verifikasi Bing' name='msvalidate.01'/><meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/><meta content='2 days' name='revisit-after'/><meta content='general' name='rating'/><meta content='id' name='geo.country'/><meta content='Indonesia' name='geo.placename'/><meta content='Nama Author' name='author'/><meta content='all' name='Slurp'/><meta content='width=device-width' name='viewport'/><link href='http://nama-blog.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/><link href='http://nama-blog.blogspot.com/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/><link href='http://nama-blog.blogspot.com/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/><link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/><link href='http://nama-blog.blogspot.com' rel='openid.delegate'/>

• Keunggulan template ini :

1. Responsive artinya bisa menyesuaikan dengan perangkat yang digunkan seperti Komputer, Handphone.
2. SEO Friendly
3. Valid HTML5
4. Read More Otomatis
5. Related Post atau Artikel terkait
6. Fast Loading
7. Breadcrumb
8. Simple
9. Ringan
10. Thread Coment Hack
11. BlockQoute
12. Blogger Meta Otomatic