Cara Mudah Membuat Sitemap Blogger yang Simple nan Elegan

Cara Mudah Membuat Sitemap Blogger yang Simple nan Elegan. Sitemap atau sering disebut peta situs kurang lebihnya merupakan sesuatu yang menggambarkan tentang peta/isi dari sebuah website , yaitu segala informasi mengenai halaman atau page yang ada pada sebuah situs web. Sitemap ini berguna untuk memudahkan user mencari isi/konten dari sebuah situs web.

Sitemap merupakan cara sederhana bagi para webmaster untuk memberikan informasi kepada search engine mengenai halaman-halaman yang ada pada situs mereka yang bisa di crawl/dirayapi oleh search engine.

Membuat sitemap disitus web akan membuat keuntungan tersendiri, karena akan memudahkan pengunjung untuk mencari pengunjung mencari artikel lain, disebuah situs.

Namun sayangnya blogspot tidak menyediakan fitur sitemap secara default, artinya blogger tidak membuatkan sitemap ini sejak awal, namun blogger memberi kita kesempatan untuk membuat sitemap sendiri. Bagaimana cara membuatnya ? Sulitkah ? jawabannya tidaklah sulit asalkan kita mau belajar.

Cara Mudah Membuat Sitemap blogger.

Pertama buka www.blogger.com dan login dengan akun blogger anda. Buat sebuah laman baru Masukkan Script dibawah ini :

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.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 {display:none;}
</style>

Publikasikan lamannya

Kemudian masuk ke Template > Edit HTML

Masukkan Script dibawah ini sebelum </style>

/* 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-family:'Open Sans';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-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;
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
td.toc-entry-col2 {background:#fafafa;}

Sesuaikan CSS nya sesuai dengan keinginan dan selera teman - teman.

Langkah terakhir, Simpan

Demikian Cara Mudah Membuat Sitemap Blogger yang Simple nan Elegan, Semoga bermanfaat.

Script by : ArlinaDZGN

Share this post