Cara Membuat Daftar Isi Responsive Blogspot Keren dan Otomatis

Cara membuat daftar isi blog keren di halaman blogspot – Membuat daftar isi blogberdasarkan label itu sangat mudah sekali(table of content, sitemap, peta situs) berdasarkan kategori posting dan juga label merupakan hal yang sangat penting bagi para user dan juga mesin pencari. Dengan adanya menu daftar isi pada sebuah blog akan mempermudah para pengunjung atau pembaca dalam mengakses bagian-bagian atau isi dari blog baik itu berupa tulisan, posting, artikel dan apapun yang mereka butuhkan dengan waktu yang singkat dan cepat.
Baca juga : Cara agar blog tampil di halaman awal google

Dengan membuat daftar isi blog secara otomatis di halaman blog sangat diperlukan agar para pengunjung bisa memilih menu daftar isi  dan nantinya akan berdasarkan abjad dan ini juga menjadi salah satu bagian yang dianjurkan oleh Google dengan tujuan untuk mempermudah user dalam menjelajahi setiap blog yang ada. Google memang selalu menomorsatukan para user, hingga apapun yang disukai user maka akan menjadi kesukaan google pula.
Cara Membuat Daftar Isi Responsive Blogspot Keren dan Otomatis

Nah bagi anda yang memiliki blog pribadi akan lebih baik jika anda membuat navigasi daftar isi blog anda agar blog anda mudah dijelajahi oleh para user. Berikut ini kami akan memberikan informasi mengenai cara membuat daftar isi blog keren dan responsive :

Fungsi Membuat Daftar Isi Blogspot

Sebelum itu mari kita simak lebih lanjut mengenai fungsi lain dari daftar isi blog.
  1. Daftar isi sangat berfungsi untuk optimasi mesin pencari karena dengan daftar isi maka kata kunci yang digunakan dapat disajikan dengan mudah.
  2. Mencegah adanya plagiasi tulisan yang serupa dengan apa yang anda post dalam artikel anda dengan demikian jika ada blog lain yang mengkopi tulisan anda dan mempostingnya di blog mereka maka google akan meganggapnya plagiasi dan akan mengabaikan tulisan tersebut dalam mesin pencarian
  3. Mempermudah kita untuk memasukkan link tulisan lain ke dalam tulisan induk guna mendukung ranking/ jumlah penayangan agar lebih naik.

Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label

Nah, ini dia cara membuat daftar isi blog:
  1. Pertama klik menu “page” yang ada di dashboard blog
  2. Selanjutnya klik new page
  3. Kemudian isikan halaman dengan peta situs/ daftar isi
  4. Lalu klik tombol mode HTML
  5. Kemudian pilih copy paste kodenya di bawah ini pada halaman daftar isi. Jangan lupa untuk mengganti alamat url yang berwarna biru dengan url blog anda.
  6. <style type="text/css">
    #toc{
    width:99%;
    margin:5px auto;
    border:1px solid #2D96DF;
    -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    }
    .labl{
    color:#FF5F00;
    font-weight:bold;
    margin:0 -5px;
    padding:1px 0 2px 11px;
    background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
    background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
    border:1px solid #2D96DF;
    border-radius:4px;-moz-border-radius:4px;
    -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
    -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
    }
    .labl a{
    color:#fff;
    }
    .labl:first-letter{t
    ext-transform:uppercase;
    }
    .new{
    color:#FF5F00;
    font-weight:bold;
    font-style:italic;
    }
    .postname{
    font-weight:normal;
    background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
    background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
    }
    .postname li{
    border-bottom: #ddd 1px dotted;
    margin-right:5px
    }
    </style>
    <div id="toc">
    <script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
    <script src="http://mazupin.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>
  7. Terakhir klik publish
Baca juga : Cara melakukan riset kata kunci yang benar untuk adsense
Demikian langkah-langkah cara membuat daftar isi blog yang simple dan patut anda coba untuk mempermudah para pengunjung semoga bermanfaat terimakasih sudah membaca cara membuat daftar isi responsive blogspot keren dan otomatis.

Tidak ada komentar untuk "Cara Membuat Daftar Isi Responsive Blogspot Keren dan Otomatis"