Artikel Terbaru

LightBlog

Breaking

LightBlog

Sunday, December 3, 2017

Cara Membuat Sitemap Simple Seo Friendly

Cara Membuat Sitemap Simple Seo Friendly - Sitemap adalah halaman yang berisi Daftar isi Blog yang dikelompokan oleh tag atau label. Jadi didalam sitemap semua postingan akan muncul di halaman itu. Di dalam fitur blogger bisa dibilnag belum ada hanya saja baru ada widget arcive yang memiliki fungsi hampir sama dengan Sitemap. nah Kali ini saya mau membagikan nih Cara membuat sitemap simpel tetapi soe friendly.
Sebelumnya perlu diketahui dengan adanya Sitemap di blog sobat akan ada sangat membantu view atau pengunjung mudah untuk mencari artikel yang dicarinya karena sudah tertata rapi oleh tag atau label-label.

DEMO SITEMAP SEO Friendly : KLIK DISINI

Berikut Langkah-langkah Membuat Sitemap yang Seo Friendly ;
1. Yang pertama pastikan dulu login ke akun blogger kalian masing - masing.
2. Klik Menu Halaman / Laman
3. Buat Halaman Baru / Laman Baru
4. Silakan ubah dari Compose ke HTML mode
5. Copy Kode dibawah ini dan masukan ke laman
Copy Kode 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 */
#bp_toc{background:#31a2db;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-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);}
#bp_toc tr:nth-child(1) a {color:#666;}
#bp_toc td.toc-header-col1{background-color:#fff;}
#bp_toc td.toc-header-col2{background-color:#fff;}
#bp_toc td.toc-header-col3{background-color:#fff;}
#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0}
#bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700}
#bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8}
#bp_toc td.toc-entry-col2{background-color:#fff;}
#bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8}
#bp_toc td.toc-entry-col3{background-color:#fff;}
#bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8}
#bp_toc td a{color:#666;}
.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 tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
</style>
Note : Kode ini saya dapat dari hasil template nya mbak arlina  , jadi agan bisa ubah cssnya sesuai selera anda jika kurang suka .

Oke sekian dulu untuk postingan kali ini semogga bermanfaat dan jagan lupa share gan.

4 comments:

  1. bermamfaat banget low gan www.sukandar.online

    ReplyDelete
  2. Terima kasih gan , mantap sitemapnya boleh saya edit kan nih cssnya ? Mau saya tambhin

    ReplyDelete

Tulis Komentar Di Bawah, Kami Menerima Kritikan Dan Saran Kawan-kawan :)

Adbox