25rAkFw2tMDk8Wfu6h4pdgtbE0VCcPhgDmSPWlPN

CARA MEMBUAT SITEMAP KEREN


Sitemap atau daftar isi halaman murapakan halaman yang berisi seluruh postingan yang berisi seluruh isi artikel yang di kemas dengan perlabel.
Dengan adanya Sitemap pengunjungn dengan mudah mencari Artikel yang mereka inginkan.

Sitemap yang akan kita bahas ini memiliki fitur yang sangat keren dan sangat Responsive.
Fitu fitur pada Sitemap ini memiliki sebagai berikut :

• Responsive
• Simple dan Sederhana
•Fast Loading
• Otomatis

Berikut cara memasang Sitemap .

 • masuk ke Blogger.com
 • pilih Halaman buat halaman baru, ganti terlebih dahulu dari Compose menjadi HTML
 • lalu buat judul "Sitemap"
 •Copy Kode di bawah berikut

 <div dir="ltr" style="text-align: left;" trbidi="on">
<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>  <br />
<div id="toc">
<script src="https://cdn.rawgit.com/agendosa/SitemapJsBlog/579ca2f9/BlogSiteMap.js" type="text/javascript"></script> <script src="https://rabbitrp.site/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div> 

#Catatan
Ganti Url berwarna merah denga Url blog Sobat.

 • lalu publikasikan, Dan lihat hasilnya.

Itu lah beberapa cara membuat Sitemap pada blog.
Related Posts

Related Posts

Post a Comment

<