Cara Membuat Sitemap/Daftar Isi Blog Berbentuk Tabel

Cara Membuat Sitemap/Daftar Isi Blog Berbentuk Tabel-Sitemap atau daftar isi merupakan suatu hal yang sangat penting agar blog terlihat berkualitas. Karena sitemap atau daftar isi berfungsi agar pengunjung menemukan artikel kita dengan mudah, sehingga navigasi blog akan bagus dan berdampak baik pada penilaian blog oleh Google Adsense.

Oleh karena itu saya di sini akan memberikan sebuah script sitemap atau daftar isi secara otomastis yang berbentuk tabel yang seratus persen bekerja. Karena kebanyakan blogger yang ingin membuat sitemap berbentuk tabel, termasuk saya, tetapi di semua pencarian Google kebanyakan sitemapnya tidak bekerja, dan oleh sebab itu saya di sini akan membagikan scriptnya secara gratis.

Script sitemap atau daftar isi ini, saya dapatkan dari blog arlinadzgn, namun sitemapnya tidak sesuai dengan harapan saya, jadi saya rubah sedikit-sedikit script tersebut sehingga menjadi yang seperti di bawah ini :

Jika menurut kalian bagus dan ingin membuat yang seperti itu, kalian bisa mengcopy scriptnya dengan cara mengeklik link di bawah ini :
https://drive.google.com/open?id=0B0ehpa_QADt4LUpFZEJSRTZPZXM.

Setelah kalian selesai mengcopy semua scriptnya, kalian bisa mengikuti langkah-langkah berikut ini untuk membuat sitemap atau daftar isi blog secara otomatis berbentuk tabel.

1). Masuk ke blogger
2). Klik menu laman
3). Buat laman baru
4). Pilih mode HTML
5). Beri judul sitemap atau daftar isi ( judul terserah Anda )
6). Masukkan kode script yang sudah kalian copas di atas. Sciptnya kurang lebih seperti dibawah ini :

<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;"></div>

<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">

#comments,#Label1,#FollowByEmail1 {display:none;}

#HTML3 {visibility:hidden;}

/* CSS Full Sitemap */

table, th, td,tr {

    border: 1px solid black;

}

#bp_toc{background:#ffffff;color:#666;margin:0 auto;padding:4px;}

span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255,255,255,.5);font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal}

.toc-header-col1 {padding:10px;background:#f1f1f1;width:250px;}

.toc-header-col2 {padding:10px;background:#f1f1f1;width:75px;}

.toc-header-col3 {padding:10px;background:#f1f1f1;width:125px;}

#bp_toc thtoc-header-col1,#bp_toc th.toc-header-col2,#bp_toc th.toc-header-col3{border:0;border-bottom:2px solid rgba(0,0,0,0.1);}

#bp_toc th:nth-child(1) a {color:#666;}

#bp_toc th.toc-header-col1{background-color:#f1f1f1;}

#bp_toc th.toc-header-col2{background-color:#f1f1f1;}

#bp_toc th.toc-header-col3{background-color:#f1f1f1;}

#bp_toc th.toc-entry-col1,#bp_toc th.toc-entry-col2,#bp_toc th.toc-entry-col3{border:0}

#bp_toc th.toc-entry-col1{background-color:;font-weight:700}

#bp_toc th:nth-child(odd) th.toc-entry-col1{background-color:#f1f1f1}

#bp_toc th.toc-entry-col2{background-color:#ffffff;}

#bp_toc th:nth-child(odd) th.toc-entry-col2{background-color:#f1f1f1}

#bp_toc th.toc-entry-col3{background-color:#ffffff;}

#bp_toc th:nth-child(odd) th.toc-entry-col3{background-color:#f1f1f1}

#bp_toc th a{color:#000;}

.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:13px;

text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}

.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}

.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}

#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}

.toc-entry-col1 {counter-increment:rowNumber;}

#bp_toc table th th.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}

</style>

7). Setelah selesai di paste, kemudian dipublikasikan
8). Selesai

Itulah cara membuat sitemap atau daftar isi berbentuk tabel, semoga artikel ini bermanfaat dan bisa membantu Anda dalam mendatangkan banyak pengunjung dan dapat membantu Anda pada saat mendaftar Adsense agar di terima.

Tweet

Subscribe to receive free email updates: