Cara Membuat Sitemap - Daftar isi Blog.
Untuk membuat sitemap atau daftar isi weblog yang keren seo friendly dan respinsive sebenarnya cukup beragam. Jika anda menggunakan weblog platfotm Blogger/Blogspot, sebagian besar sitemap dibuat dengan menggunakan kode Javascript. Membuat sitemap menggunakan Javascript memang lebih mudah dan cepat. Dan jika anda pengguna platform Wordpress (self hosted), maka anda cukup menggunakan plugin untuk membuat sebuah daftar isi/sitemap.Baca dahulu : Pengertian sitemap dan fungsi sitemap di blog
Jika sudah mengerti dan mengetahui fungsi sitemap, saya ingin berbagi tentang bagaimana cara membuat sitemap otomatis di blogger 100% SEO friendly yang dapat menampilkan semua artikel yang di pisahkan dengan Label yang telah anda publiskan. Sitemap ini juga akan menampilkan tanda "New" yang terdapat pada artikel baru anda.
Langkah-langkah Membuat Sitemap.
Berikut adalah langkah-langkahnya.... Silahkan anda ikuti.
1. Silahkan anda Login ke Dashboard Blogger dan pilih weblog anda.
2. Kemudian silahkan anda Pilih Pages/Halaman >> New Page/Halaman Baru dan akan tampil halaman kosong.
3. Pada halaman kosong, anda pilih vogue HTML lalu re-create glue kode di bawah ini dan jangan lupa beri judul sitemap/daftar isi. Silahkan anda Ambil Codenya Dibawah ini :
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px enterprise #2D96DF;-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);background:-webkit-gradient(linear,left 10,right 80,color stop(0.20,#055A85),color-stop(1,#C2EAFE));border:1px enterprise #2D96DF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="harus di isi/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Silahkan anda ganti Url harus di isi menjadi situs weblog anda.
Saran : Tutorial membuat sitemap/daftar isi otomatis di blogger
4. Langkah selanjutnya, Jika anda tak ingin sitemap anda di komentari, silahkan klik pada options di sisi kanan dan pilih don't allow, enshroud existing compose mode.
5. Kemudian sebelum Klik publiskan, terlebih dahulu anda intip dulu dengan cara klik pratinjau, kalau hasilnya sesuai dengan yang anda inginkan baru deh anda publishkan dan selesai sudah sitemap anda sudah jadi dan tinggal anda menampilkan sitemap anda di menu.
Demikian cara membuat sitemap - daftar isi di weblog seo responsive.
Tag :
Tips dan Trik,
Tutorial
