Sitemap atau peta situs pada blog merupakan sebuah navigasi yang memudahkan para pengunjung untuk mengetahui daftar isi artikel di blog secara keseluruhan. Sangat penting untuk menciptakan sitemap keren di blog alasannya ini akan berkaitan pribadi dengan ketertarikan para pembaca untuk membaca artikel lainnya di blog kalian.
Ketika pengunjung tertarik dengan artikel kita, maka besar kemungkinan mereka akan mencari hidangan sitemap untuk mengetahui isi artikel menarik lainnya. Ini juga dapat bekerjasama dengan persentase bounce rate pada blog, dengan memasang sitemap kalau pengunjung tertarik mereka akan membaca artikel lainnya dari apa yang telah ditampilkan oleh sitemap yang telah kita buat.
Sitemap yang akan aku bagikan merupakan sitemap yang berjalan secara otomatis pada blog, jadi saat kau update artikel otomatis akan masuk juga pribadi ke daftar isi/sitemap blog.
Cara Membuat Sitemap di Blogspot
1. Buka dasboard blogspot anda.
2. Pilih hidangan halaman -> halaman baru.
3. Pilih mode HTML untuk memasukan kode.
4. Silahkan copy dan paste isyarat dibawah ini:
STYLE 1
<div style="text-align: center;"> Sitemap</div> <div style="text-align: left;"> <br /></div> <script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"> </script> <script src="https://robbyjungjunan.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script> STYLE 2
<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link> <script type="text/j4vascript"> var showNew = true, accToc = true, openNewTab = true, maxNew = 10, gres = "Baru !", sDownSpeed = 600, sUpSpeed = 600; </script> <script src="https://goo.gl/6FjxRX" type="text/j4vascript"></script> <script src="https://robbyjungjunan.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script> STYLE 3
<div dir="ltr" style="text-align:left;" trbidi="on"> <style scoped="" type="text/css"> .table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)} .table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial} .table-of-content .toc-header:hover{background-color:#fdfdfd} .table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease} .table-of-content .toc-header.active{color:#fc4f3f} .table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .table-of-content .loading{display:block;padding:15px;text-decoration:blink} .table-of-content ol{margin:0;padding:0;list-style:none;transition:initial} .table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial} .table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial} .table-of-content a:visited{color:#a2a2a9;transition:initial} .table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial} .post ol li:before{display:none} </style> <div class="table-of-content" id="table-of-content"> <span class="loading">Memuat konten...</span></div> <script> var toc_config = { url: 'http://robbyjungjunan.com/', containerId: 'table-of-content', showNew: 15, newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>', sortAlphabetically: { thePanel: true, theList: true }, maxResults: 9999, activePanel: 1, slideSpeed: { down: 400, up: 400 }, slideEasing: { down: null, up: null }, slideCallback: { down: function() {}, up: function() {} }, clickCallback: function() {}, jsonCallback: '_toc', delayLoading: 0 }; </script> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script> </div> Keterangan: Silahkan ganti isyarat yang berwarna merah dengan url blog anda.
5. Silahkan tekan publikasi dan lihat hasil sitemapnya.
Itulah beberapa teladan sitemap blog keren untuk blogspot, semoga kau suka dengan sitemap yang sudah aku rekomendasikan diatas. Jika kau merasa terbantu silahkan share ke teman-teman kau semoga mereka juga tahu bahwa ada sitemap keren untuk dipasang pada blog. Jangan lupa beri komentar dibawah postingan ini kalau kau ingin bertanya atau sekedar memperlihatkan saran.
Sumber kode/script:
aciknadzirah.blogspot.com/search?q=sitemap-keren-otomatis-dan-responsive-di-blogger
Sumber http://www.robbyjungjunan.com5. Silahkan tekan publikasi dan lihat hasil sitemapnya.
Itulah beberapa teladan sitemap blog keren untuk blogspot, semoga kau suka dengan sitemap yang sudah aku rekomendasikan diatas. Jika kau merasa terbantu silahkan share ke teman-teman kau semoga mereka juga tahu bahwa ada sitemap keren untuk dipasang pada blog. Jangan lupa beri komentar dibawah postingan ini kalau kau ingin bertanya atau sekedar memperlihatkan saran.
Perhatian!!!Perlu kalian ketahui bahwa Kode/script diatas bukan buatan saya, script diatas diambil dari banyak sekali sumber di internet yang aku rekomendasikan dan aku anggap sebagai sitemap terkeren untuk di pasang pada blog anda.
Sumber kode/script: