Cara Membuat Sitemap PerLabel Responsive

Cara Membuat Sitemap PerLabel Responsive

Ctrlxf8 - Binggung mau buat sitemap untuk situs blog. Tenag artikel ini akan mengulas panduan Cara Membuat Sitemap PerLabel Responsive. Tampilan sitemap sangat nyaman di pandang. Setiap judul postingan ini nanti di bawah Label yang sudah di tag saat mau publikasikan postingan.

Sitemap ini sangat penting siteiap situs karena ringkasan semua judul postingan yang sudah di publikasikan di google. Hanya dengan satu halaman kalian sudah bisa melihat dan membaca semua judul.

Dengan adanya sitemap kalian tidak usalah lagu scroll ke bawah untuk mengetahui semua postingan pada sebuah situs. Dengan adanya sitemat ini kita akan di mudahkan dalam memilih konten yang akan di buka dengan cepat.

Kalian juga bisa Membuat Sitemap di Blog dan Website Keren.

Ini nanti akan membuat sitemap simpel pasti keren dan nayaman di pandang untuk mata sangat responsive untuk situ blog. Cara membuat sitemap ini nanti secara manual dengan code script yang sudah di sediakan di Box hitam bawah.

Simak Panduan Cara Membuat Sitemap PerLabel Responsive yang benar. Silahkan ikuti langkah - langkah di bawah ini.

Membuat Sitemap Per Label di Blogger
1. Long in www.blogger.com
2. Setelah masuk di Dasbor blogger, Pilih Halaman / Page. Selanjutnya klik Halaman Baru

3. Setelah masuk di Lembar Halaman / Page, Ubah mode Tampilan Menulis menjadi Tampilan HTML. Selanjutnya Copy script dibawah didalam Box, Paste di halaman. Lalau Publikasikan.

Code Script Sitemap Per Label

<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="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://ctrlxf8.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> {codeBox}

Tambahan
Ganti code atau tulisan warna merah ganti URL / Alamat blog anda

Begitulah Cara Membuat Sitemap PerLabel Responsive dengan mudah dan benar. Semoga panduan sitemap per label ini dapat bermanfaat buat kalian dan bisa kalian terapkan di blogger atau situ kalian. teriam kasih sudah berkujung di www.ctrlxf8.blogspot.com.

Berbagi :