Cara mudah membuat sitemap responsif dan fast loading

Fifahdani24, hay apakabar semua nya kembali lagi dengan masdani  pada kesempatan kali ini admin mau .membagikan sebuah tutorial  cara membuat sitemap yang keren dan tentunya responsiv mudah di pelajari tanpa harus bongkar pasang template pada blog kita .

Sitemap atau daftar isi blog sangat lah penting dalam susunan blog yaitu untuk mengetahui daftar keseluruhan artikel pada blog kita , sebenar nya di susunan tata letak pada blog sudah ada wiged sitemap tapi menurut saya kurang keren karena hanya default saja ,

Dengan membuat sitemap keren semoga pengunjung  akan lebih betah lagi untuk mengunjungi blog yang kita kelola 

Yang paling menarik dari sitemap responsif ini adalah menampilkan  sitemap otomatis pada label , jadi menampilkan judul postingan  sesuai label yang ada  dan tentu nya sangat mudah banget membuat nya  .postingan terbaru akan otomatis  masuk daftar , jadi anda tidak perlu susah payah untuk memasukan satu satu  .

Memasang di bloger juga tidak usah repot harus menguasai html karena cukup  copas  dan memasang pada halaman statis pada blog kita , oke langsung saja  lihat  gambar sitemap nya di bawah ini 

Gimana tampilan nya keren bukan tidak hanya keren juga responsif dan simpel cara buat nya .

#berikut copy code nya dibawah ini 

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #333333;
-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: #333333;
border:1px solid #333333;
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="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://fifahdani24.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

#keterangan : ganti https://fifahdani24.blogspot.com dengan  alamat dari blog kalian semua .

Cara memasang di blog kita 

1  loging dengan akun blog anda setelah itu pencet dasbor laman  seperti  gambar di bawah ini 

2  klik buat laman baru dan isi judul dengan tulisan sitemap  dan kita klik html di samping tulisan compose 

3 teliti kembali apakah sudah  bener dan saya ingatkan lagi ganti https://fifahdani24.blogspot.com dengan alamat kalian semua   setelah itu klik simpan dan tara.. sudah jadi  sistemap keren  dan responsif seo kalian .


Oke cukup mudah kan ..  sekian dulu tutorial saya semoga bermanfaat . Sampai ketemu di tutorial berikut nya jagan lupa simak terus ya geng.. see you

Share this post