Cara membuat Daftar Isi Blog Fast Loading - Tips SEO Killer

Cara membuat Daftar Isi Blog Fast Loading - Tips SEO Killer
Sudah sering kali kita mendengar, bahwa keberadaan daftar isi (sitemap) bisa menentukan lolos dan tidaknya menjadi publisher Google Adsense. Tidak hanya satu atau dua blogger yang mengatakan, bahkan banyak yang mengatakan hal itu.

Untuk itu, tips SEO kali ini akan sedikit kami ulas bagaimana cara membuat sebuah halaman Daftar Isi blog atau situs yang sering kali disebut sebagai sitemap

Cara membuat Daftar Isi Blog Fast Loading - Tips SEO Killer

Tidak berlebian dan saya kira wajar saja, kalau panduan SEO kali ini saya tuliskan sebagai sebuah tips SEO killer. Karena memang berdasarkan analogi pada bagian pengantar artikel ini. Walaupun pada dasarnya "kemungkinan" sudah banyak sekali blogger yang mempelajari cara membuat halaman daftar isi blog, namun ada kemungkinan tips SEO blog kali ini ada perbedaan dengan langkah-langkah yang sobat dapatkan dari blog/ situs lain. 

Untuk lebih jelasnya, silakan lakukan langkah-langkah di bawah ini:

1. Buka akun blogger
2. Pilih Fitur Laman (page) > pilih New page (halaman baru) seperti keterangan gambar di bawah ini:
laman baru pada dashboard blog
Buat laman baru pada dashboard blog
3. Pilih mode HTML > Silakan isi Judul dengan "Daftar Isi" atau "Sitemap" atau apalah terserah sobat. Copas kode di bawah ini tepat di dalam mode html halaman baru yang sobat buat tadi. Berikut keterangan ilustrasinya:
copas kode di mode html halaman baru
Copas kode di mode html halaman baru
Beriku ini code yang haru dicopas:
<div id="bp_toc">Silakan tunggu sejenak....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
<style>
#bp_toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #fafafc;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}
</style>
4. Publish (tayangkan)

Mudah kan? Kalau mengalami hal itu, silakan lakukan langkah di bawah ini:

1. Masuk akun blogger
2. Pilih template > pilih Sesuaikan > Tingkat lanjut > Tambahkan Css (Add Css) >
3. Copas kode di atas ke dalam halaman Css tersebut
4. Simpan template (save template)

Mudah juga kan?

Jika memang cara di atas tidak berfungsi, silakan lakukan cara membuat daftar isi dengan tutorial lainnya. Silakan [baca di sini] caranya.

Untuk demonya tetap sama dengan yang atas kok. Demikian sekelumit cara tips SEO killer siang ini, khususnya Cara membuat Daftar Isi Blog Fast Loading - Tips SEO Killer. Semoga bermanfaat.

6 Responses to "Cara membuat Daftar Isi Blog Fast Loading - Tips SEO Killer"

  1. Terima kasih min tutorialnya. Terasa lebih lengkap blog kita setelah menambahkan daftar isi blog.
    Bermanfaat sekali..

    ReplyDelete
    Replies
    1. sama-sama mas. Semoga bermanfaat. Salam sukses

      Delete
  2. saya coba demonya ko ga muncul site map nya hanya muncul tulisan Loading TOC. Please wait....

    ReplyDelete
    Replies
    1. masak sih mas? Ini saya coba masih tetep bisa kok. Mungkin mas belum melakukan sesuai arahan di atas mas

      Buat halaman baru > pilih HTML > paste kode di atas

      Kalo ingin yg sama persis dengan sitemap di situs ini:

      http://www.forumblogindo.com/2016/05/cara-membuat-daftar-isi-sitemap-blog-seo-fastloading-responsive.html

      Delete
  3. Setelah saya publish tidak muncul sama sekali bagaimana cara mengatasi hal ini

    ReplyDelete
    Replies
    1. silakan baca langkah cara laiinya di dini mas

      http://www.forumblogindo.com/2016/05/cara-membuat-daftar-isi-sitemap-blog-seo-fastloading-responsive.html

      Delete

Silakan masukkan komentar Sobat di sini!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Hosting Unlimited Indonesia