Cara membuat sitemap keren di blogger
Membuat sitemap di blog sebenarnya sangat mudah dilakukan, namun untuk blogger pemula mungkin banyak yang belum tau cara membuatannya, saya rasa hadirnya sitemap di blog kita itu sangat penting untuk mempermudah pengunjung menemukan seluruh artikel kita di blog, jadi kemungkinan pengunjung akan banyak membaca artikel kita dan betah lama lama di blog kita.
Nah kali ini sayang ingin membagikan tips cara membuat sitemap yang keren dan pastinya fast loading di blog
Untuk sitemap yang ingin saya share tentunya sangat menarik karena menampilkan judul artikel kalian sesui label postingan masing masing.
Sebagai contoh lihat gambar di bawah ini.
Oke langsung saja ke tutorialnya
Pertama silahkan copy kode di bawah ini
Setelah kalian copy kode di atas silahkan kalian
• #Login ke blogger
• #Pilih laman / halaman
• #Pilih halaman baru
• #Masukan judul halaman
• #Pilih mode html di bagian isi halaman, lalu paste kode di atas yang sudah kalian copy
• #Selanjutnya klik publikasikan,
dan silahkan lihat hasilnya. Sitemap keren sudah ada di blog kalian, selamat mencoba.
Nah kali ini sayang ingin membagikan tips cara membuat sitemap yang keren dan pastinya fast loading di blog
Untuk sitemap yang ingin saya share tentunya sangat menarik karena menampilkan judul artikel kalian sesui label postingan masing masing.
Sebagai contoh lihat gambar di bawah ini.
Oke langsung saja ke tutorialnya
Pertama silahkan copy kode di bawah 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="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
#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.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Setelah kalian copy kode di atas silahkan kalian
• #Login ke blogger
• #Pilih laman / halaman
• #Pilih halaman baru
• #Masukan judul halaman
• #Pilih mode html di bagian isi halaman, lalu paste kode di atas yang sudah kalian copy
• #Selanjutnya klik publikasikan,
dan silahkan lihat hasilnya. Sitemap keren sudah ada di blog kalian, selamat mencoba.
Post a Comment for "Cara membuat sitemap keren di blogger"