Udah lama gak share tutorial blog akhirnya share juga
Kali ini saya akan share Cara Membuat SiteMap
Sitemap berfungsi agar pengunjung lebih leluasa memilih artikel-artkel kita yang ingin di carinya
Langsung saja kita mulai tutornya
1.Login ke blog kalian
2.Buat halaman baru,Lalu pilih html bukan compose
3.Jika sudah di buat copy kan kode ini ke halaman tadi
4.Jika sudah di copy klik simpan
5.Selesai
Perhatian:Untuk URL BLOG KAMU ganti dengan URL BLOG KALIAN
Untuk Demo:Demo
Kali ini saya akan share Cara Membuat SiteMap
Sitemap berfungsi agar pengunjung lebih leluasa memilih artikel-artkel kita yang ingin di carinya
Langsung saja kita mulai tutornya
1.Login ke blog kalian
2.Buat halaman baru,Lalu pilih html bukan compose
3.Jika sudah di buat copy kan kode ini ke halaman tadi
<script src="https://googledrive.com/host/0B2pq22MR36r6THpqQkQ0RkhwaEE" type="text/javascript"></script> <script src="http://URL BLOG KAMU/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; } .post-archive h4 { border-bottom: 2px solid blue; color: red; 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: none; color: coral; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid yellow; 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: none; color: white; } @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>
4.Jika sudah di copy klik simpan
5.Selesai
Perhatian:Untuk URL BLOG KAMU ganti dengan URL BLOG KALIAN
Untuk Demo:Demo