Cara Membuat Dan Memasang Sitemap Otomatis Yang Simpel dan Keren Berdasarkan Waktu Postingan

Hai, Sahabat. . Setelah sebelumnya saya memposting artikel cara membuat blog gratis dan mudah di blogspot, sekarang saya akan membuat postingan cara membuat sitemap atau daftar isi blog otomatis yang keren berdasarkan waktu postingan dengan mudah. Sitemap otomatis ini dapat menampilkan semua artikel berdasarkan waktu postingan yang telah kamu buat.

Keunggulan Sitemap atau Daftar Isi Keren Ini

Beberapa kelebihan dari sitemap yang akan kita bahas ini, antara lain:

1. Menampilkan semua postingan berdasarkan waktu
2. SEO friendly, responsif, dan mobile friendly
3. Update otomatis
4. Tampilan keren dan simpel
5. Fast loading dan ringan
6. Valid HTML 5 dan CSS

Baca juga:

• Cara Membuat Email Gmail
• Cara Membuat Blog Gratis

Fungsi dan Manfaat Daftar Isi atau Sitemap Untuk Blog

Sitemap atau daftar isi berfungsi untuk mempermudah para pengunjung website kamu dalam mencari semua artikel yang mereka inginkan. Sedangkan, menu Arsip, Labels, Random post dan Recent post hanya memberi daftar artikel yang tidak semuanya ditampilkan secara mudah dan langsung, sehingga mereka kesulitan untuk menemukan artikel yang mereka cari. Langsung saja, mari kita lihat langkah-langkah bagaimana cara membuat sitemap yang keren.

Cara Membuat dan Memasang Sitemap atau Daftar Isi Keren Ini Di Blog Kamu

Untuk dapat membuat sitemap atau daftar isi yang keren di blog kamu, silahkan kalian ikuti langkah-langkah di bawah ini:

• Login ke akun Blogger kamu
• Pilih menu "Halaman" yang ada di sisi kiri
• Klik "Halaman Baru" dan akan muncul jendela baru yang menampilkan halaman kosong untuk memulai membuat sitemap
• Pada halaman kosong, pilih mode "HTML" (bukan mode "compose") lalu copy paste kode di bawah ini

<style type="text/css">
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
</style>

<br />
<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/teknomia/sitemap/95c4a4a6/sitemap-blogtoc.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

• Jangan lupa beri judul dari halaman ini dengan nama "Sitemap" atau "Daftar Isi"
• Jika kamu tidak ingin sitemap atau daftar isi blog kamu di komentari, silahkan klik pada menu "Pilihan" dengan "Icon roda gigi" di sisi kanan dan pilih opsi "Jangan Izinkan Komentar".
• Klik "Publikasikan"
• Selamat sitemap kamu telah dibuat

Semoga bermanfaat.

Share this post