Cara Mudah Menambahkan Sitemap Responsive Pada Laman Blog

Menambahkan sitemap respinsive untuk halaman statis pada blogger

Cara Mudah Menambahkan Sitemap Responsive Pada Laman Blog - Sitemap atau daftar isi situs (blog) dirasa begitu terutama untuk memberi area info terhadap pengunjung supaya mengerti semua isi artikel pada situs (blog). Kesempatan ini saya juga akan memberi tutorial langkah bikin sitemap bagus automatis serta fast loading di situs (blog). Sesungguhnya sitemap default dari blogger telah ada, tetapi tampak umum serta tidak menarik. Nah, dengan bikin sitemap untuk ditambahkan pada halaman statis situs blog akan memudahkan pengunjung dan akan terlihat bagus jadi juga akan menjadi perhatian sendiri dimata pengunjung serta ini juga membuat pengunjung kerasan di situs (blog) yang kita kelola.

Yang paling menarik dari Sitemap SEO Responsive ini yaitu menghadirkan sitemap automatis sesuai sama label, jadi menghadirkan judul tulisan artikel sesuai sama label yang ada. Tulisan yang paling baru juga akan dengan automatis masuk dalam daftar, jadi anda tidaklah perlu repot memasukkan satu persatu. Untuk kali ini dalam menambahkan sitemap responsive pada laman statis situs blog juga tidak memerlukan skil untuk kuasai html, karna anda tinggal copy paste serta untuk memasangnya pada halaman statis blogger.

Berikut Kode Widget Sitemap SEO Responsive dan Silahkan di Salin.

<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: 'https://www.tutorilio.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://rawgit.com/ardycool/sitemapku/master/sitemap.js"></script></div>
Ganti alamat url pada kolom https://www.tutorilio.com ganti dengan alamat blog anda.

Tersebut langkah cara menambahkan widget sitemap pada halaman statis blogger.
  1. Kalian terlebih dahulu masuk ke dasbor blogspot.
  2. Lalu kalian pilih menu Halaman -> pilih Halaman Baru.
  3. Setelah itu beri nama pada laman 'Sitemap' atau 'Daftar Isi'.
  4. Serta lantas anda tentukan mode HTML, janganlah menggunakan mode COMPOSE.
  5. Tambahkan kode html widget sitemap diatas, yang kalian salin tadi.
  6. Jika sudah kalian tinggal publikasikan.

Mudah bukan cara menambahkan dan memasang kode widget sitemap seo responsive untuk laman statis pada blogger.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

Masukkan Email aktif untuk update artikel via email :

Delivered by FeedBurner

×