Tutorial : Cara Membuat SiteMap Blog yang Menarik



Cara membuat SiteMap Blog yang Menarik

ceroci.com
SiteMap atau peta situs dalam bahasa buku kita sebut dengan daftar ini blog merupakan salah satu komponen blog yang sering dipasang oleh blogger agar mempermudah navigasi suatu blog.

Nah bagaimana cara memasang sitemap?

Cara memasang sitemap sangatlah mudah kamu tinggal buka menu halaman yang berada diatas tata letak kemudian klik buat halaman baru kemudian pilih HTML jangan compose dan masukan skrip yang akan saya berikan berikut ini

Skrip HTML sitemap 1.

SiteMap dengan Scrollbar: silahkan copy scrip di bawah ini

<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 630px;">
<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="https://ceroci.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Hasilnya bisa dilihat seperti Berikut Demo

Catatan :
1. ganti yang berwarna merah dengan nama blog yang akan diisi site map
2. ganti lebar dan tinggi (yang berwarna biru) sesuai dengan keinginan

Skrip HTML sitemap 2.

SiteMap dengan border : silahkan copy scrip di bawah ini

<div style="background-color: white; border: 3px #1780dd double; padding: 10px; text-align: left;">
<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="https://ceroci.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Hasilnya bisa dilihat seperti Berikut Demo

Catatan :
1. ganti yang berwarna merah dengan nama blog yang akan diisi site map

Yang mana yang anda pilih silahkan.

Tutorial memasang

Klik Halaman=> Halaman baru=>HTML=>copas sript diatas=>publikasikan

Nb. Terlebih dahulu kalian harus memiliki label minimal 2 buah untuk postingan anda agar sitemap mau muncul.

selamat mencoba.



Post a Comment for "Tutorial : Cara Membuat SiteMap Blog yang Menarik"