Beranda » SEO » Cara menambahkan Sitemap Keren untuk Pengguna blog Blogger

Cara menambahkan Sitemap Keren untuk Pengguna blog Blogger

Sebagian besar blogger yang memiliki blog di blogspot ingin membuat sitemap keren seperti WordPress, sayangnya daftar isi / Sitemap widget dirancang untuk blogger tidak dapat bersaing dengan WordPress sitemap. Jadi, hari ini kita akan melihat bagaimana untuk menambahkan tiga kolom blogger sitemap stylish dengan desain responsif. Widget ini mudah untuk menambahkan dan memiliki terlihat keren bila dibandingkan dengan widget sitemap lainnya.
OK, Anda dapat melihat demo live widget untuk pemahaman yang lebih baik. LIVE DEMO SITEMAP

Cara Menambahkan Widged Sitemap Pada Blog
1. Masuk Pada Dasboard blog Agan.
2. Pilih Laman, Laman Baru

3. Ganti Compose Dengan HTML

4. Lalu Pastekan Kode brikut di dalamnya.

<script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" type='text/javascript'></script>
<script src="http://www.mas-brigadier.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

ganti www.mas-brigadier.blogspot.com dengan URL Blog Anda.

5. Kemudian Klik pada pilihan di sidebar kanan dan pilih Jangan bolehkan, komentar yang ada untuk Pembaca.

6. Klik Publikasikan

Dan Taraaaa, kini blog kalian sudah ada sitemaps_nya, dan itulah "Cara menambahkan Sitemap Keren untuk Pengguna blog Blogger" sekian dari saya, semoga blog blog agan makin keren dan ganteng setelah di tambahin sitemap.