Cara Membuat Sitemap Keren dan Lengkap

MFILES - Membuat Daftar isi atau Sitemap atau Peta situs adalah bagian terpenting dari sebuat situs atau blog. Dari banyak model daftar isi, setelah mencari sana-sini model daftar isi ini aku rekomendasikan buat kalian. Bukankah sitemap atau daftar isi akan memudahkan pengunjung situs atau blog kita berlama-lama untuk menjelajahi apa yang kita terbitkan bukan?

Rekomendasikan model sitemap atau daftar isi lengkap ini silahkan untuk diterapkan di situs atau blog kita. Selanjutnya langsung saja kita ikuti cara membuatnya segera:


1. Pertama anda masuk di akun blogger anda.


2. Pilih menu ==> Laman ==> Buat Laman Baru


3. Setelah halaman terbuka silahkan pilih mode HTML. Dan pada form judul laman silahkan anda tulis sitemap atau daftar isi atau terserah anda. Setelah itu Coppy kode di bawah ini dan tempelkan pada isi laman tadi.


<style scoped="scoped" type="text/css">
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto}
#table-outer form{font:inherit}#table-outer label{display:block;text-align:right;margin:010px 0 0;padding:4px 0 0} #table-outer select[disabled]{opacity:.4}

#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:none;margin:0;padding:5px;font-size:86%;text-transform:uppercase;outline:0;-webkit-box-shadow:inset 0 1px 3px#000,01px 0#444;-moz-box-shadow:inset 0 1px 3px#000,0 1px 0#444;box-shadow:inset 0 1px3px#000,0 1px 0#444;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

#feed-container{display:block;clear:both;margin:0 30px;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none} #feed-container li{list-style:none;margin:0;padding:0;border-top:1pxsolid#eee;color:#555;width:auto;float:left;display:inline}


Advertiser

#feed-container li.inner{margin:15px 16px;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis} #feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:700}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin:10px 0 0}#feed-container li img{margin:010px 5px0;padding:5px;float:left;display:block;}

#result-desc{margin:0 30px;padding:0;border-bottom:2px solid #eee}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 10px7px;color:#D64D52}
#result-desc div{color:inherit}#feed-nav{margin:10px 30px 0;text-align:center;font-weight:700}

#feed-nav a,#feed-nav span{border:1px solid#C9C9C9;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}

@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0auto} #feed-container li.inner{margin:5pxauto;height:auto} #feedContainer li{float:none;display:block;width:auto;height:auto} #feed-container li .news-text,#feedContainer:after,#feed-container liimg{display:none!important}}</style>

<div id="table-outer"><table><tbody><tr><td><label for="feed-order">Urutkan artikel berdasarkan:</label></td> <td><select id="feed-order"> <option selected=""value="published">Artikel terbaru</option> <option value="updated">Artikel yang terakhir di update</option> </select></td></tr><tr><td><label for="label-sorter">Filter artikel berdasarkan kategori:</label></td> <td><selectdisabled="" id="label-sorter"> <option selected="">Loading....</option> </select></td></tr><tr><td>

<label for="feed-q">Cari artikel dengan kata kunci:</label></td> <td><formid="post-searcher"><input id="feed-q" type="text" placeholder="Ketik dan tekan ENTER"/></form></td></tr></tbody></table></div><header id="result-desc"></header><ul id="feed-container"></ul><div id="feed-nav"></div> <scriptsrc="https://googledrive.com/host/0B6d8LexqwLakUzlHQVBIaVJQSE0"type="text/javascript"></script>


Jika sudah langsung saja di publish tanpa ada perintah lainnya, sangat mudah dan simpel prosesnya. Semoga membantu ya.


Note:
Ketika membuat artikel baru, biasakanlah menulis judulnya terlebih dahulu agar URL laman sesuai dengan judulnya.

Sebarkan Artikel Ini :

Sebar di FB Sebar di Tweet Sebar di GPlus

About Unknown

WEBSITE ini didedikasikan untuk ilmu pengetahuan dan HUMAN BEING, silahkan memberikan komentar, kritik dan masukan. Kami menerima artikel untuk dimuat dan dikirim ke kawanram@gmail.com. Selanjutnya silahkan menghubungi kami bila memerlukan informasi lebih lanjut. Salam PEMBEBASAN!