INFIA Tech - Sesuai judul nya pada artikel kali ini saya akan berbagi Cara Membuat Sitemaps Responsive di Blog. Sitemaps sangan berperan penting agar pengunjung dapat melihat semua artikel yang ada pada Blog/Website kita secara sekaligus. Pada dasarnya sitemaps sama seperti pemetaan pada Label namun dibuat dalam sebuah Page.
Oke langsung saja kita ke tutorial cara membuatnya silahkan simak langkah-langkah nya dengan seksama.
- Pertama Login ke akun Blogger anda.
- Kemudian Pilih 'Halaman' lalu klik tombol 'Halaman Baru'
- Selanjutnya tambahkan judulnya 'Sitemaps'
- Lalu pilih mode HTML
- Dan terakhir paste code dibawah ini
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #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: #3498DB;
border:1px solid #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:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="https://infia-tech.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Jangan lupa ganti link https://infia-tech.blogspot.co.id/ dengan url Blog atau Website anda. Kemudian langkah terakhir klik tombol Publikasikan. Silahkan cek hasilnya.
( Contoh Sitemaps )
Itulah cara membuat Sitemaps Responsive terbaru pada Blog. Suka dengan artikel ini? Jangan lupa klik tombol share dibawah ini.
EmoticonEmoticon