5 Cara Mudah Membuat Sitemap Di Blogspot

Cara membuat Sitemap Keren 

Apa itu Sitemap? Sitemap Adalah Halaman Yang Di dalamnya Berisi daftar Semua Postingan Kita dengan kata lain adalah Daftar Isi

    Nah Halaman ini Wajib Kita buat Agar Pengunjung Bisa Lebih Mudah Mencari Apa yang Mereka Cari .Bukan Hanya Sebagai Pelengkap,Tapi memang Wajib Menurut saya.

    Penasaran Seperti apa Penampakan Sitemap Keren Ini? 

Lihat Demo Di sini

Penampakan Seperti Ini :

Langsung Saja Tutorial Membuat Sitemap Keren Ala Seputaronline.tk

1. Masuk Kedalam Blog Anda 

2. Buat Satu Halaman  baru

3. Pilih Di Tab HTML bukan Di tab Compose

4. Copy Code Di bawah Ini Dan Pastekan Di mode HTML

<div id="bp_toc">

Loading TOC. Please wait....</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:#ffaaa4;color:#666;margin:0 auto;padding:5px;}

span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;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;}

.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;}

td.toc-entry-col2 {background:#fafafa;}

#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}

</style>

5. selesai Klik Publish Dan Lihat Hasilnya



Baca Juga Cara Menginstal Custom Rom Lenovo A7000 Bagi Anda Yg mempunyai Android Lenovo A7000
Dapatkan Info Dan Tips Menarik Di Seputar Tips