Cara Membuat Sitemap Style Simple

Cara Membuat Sitemap Style Simple

Assalamualaikum warahmatullahi wabarakatuh.

Salam sukses sebelumnya buat seluruh sahabat blogging dimanapun anda berada. Untuk melanjutkan, Last Update pada blog sederhana ini saya akan berbagi seperti yang saya tulis pada judul postingan ini. Tentu namanya tidak aneh dan tidak asing lagi bagi pecinta dunia blogging. Baru kemarin saya sudah berbagi artikel untuk  merifresh kepenatan :  Goyang Pop Koplo Pantura 2015  Pada kesempatan ini saya akan sedikit mengupas seputar blogging yang sekarang ini agak sedikit para customer blogging yang membahas dan berbagi tutorial. Baik itu tutorial Blogspot ataupun Wordpress. Nahh dengan sedikit kesempatan yang saya luangkan maka saya akan memberikan cara bagaimana membuat sitemap standar blogspot menjadi tampilan yang elegance, dan tentunya sedap di pandang mata. Karena kode tersebut sedikit saya bubuhi dengan paduan berbagai kode script antara ramuan, HTML dan javascript. Bagi anda yang berminat silahkan lanjutkan membaca untuk cara menerapkan sitemap ini terpajang pada blog anda.

Sitemap Lainya :  Sitemap/Daftar Isi

Manfaat Sitemap Untuk Blog :

Sebelumnya saya sedikit tegaskan apa sih pentingnya sitemap dan apa juga kegunaanya. Mungkin buat mastah blogging kalimat tersebut sudah paham betul. Namun saya sedikit menjelaskan lebih rinci dan sebagai reperensi untuk belajar dan mengkaji ulang tentang sitemap untuk blog. Sitemap atau istilah lain peta situs, atau dulu nya lebih di kenal  Daftar isi. Manfaat Sitemap/Daftar isi bagus juga untuk SEO Blog/Website baik blog Bisnis Online, Pendidikan, Entertainment, Berita,Tutorial, Gado gado ataupun Blog jenis lainya. Sitemap atau Peta situs. merupakan kumpulan halaman yang memuat semua struktur link artikel seluruh halaman dalam sebuah Blog. Sehingga peran penting Sitemap tersebut adalah untuk memudahkan semua para pengunjung blog untuk mencari dan menemukan halaman/artikel yang di inginkanya. Untuk SEO Blog/Website Bisnis Online atau niche blog lainya. Sitemap sangat berfungsi untuk proses mempercepat indeks ke Search Engine. Menampilkan Sitemap pada blog adalah salah satu tekhnik tersembunyi offtimisasi dari SEO Onpage, Pemahaman lebih mendetail tentang SEO onpage silahkan kunjungi :  Tips Trik SEO

Manfaat Lain Sitemap :

Blog yang sangat banyak memiliki isi konten artikel yang terupdate setiap hari. Saran saya harus sudah memiliki Sitemap. Karena semua Search Engine pasti membutuhkan Sitemap agar lebih memudahkan indeks pada semua artikel blog. Sitemap banyak memiliki beberapa versi bentuk, seperti HTML, XML dan Javascript. Jadi seumpama anda nanti sudah memiliki Sitemap pada blog, Secepat mungkin untuk mengsubmit seluruh link artikel yang ada di Sitemap ke : https://www.google.com/webmasters. Manfaat lain dari Sitemap adalah untuk memberikan berbagai informasi mengenai artikel artikel yang terbaru dan artikel yang terdahulu. Memberikan informasi tanggal terakhir kita mengupdate artikel. Interval Update. Seberapa sering anda mengupdate artikel. Primary Relative Web Page : menunjukan tingkat keutamaan relatif dari halaman yang ada di dalam website. Halaman yang ada memiliki nilai dan setiap nilai yang paling tinggi memiliki keutamaan yang lebih dari halaman yang lain. Umumnya halaman Home website memiliki nilai yang paling tinggi dari halaman lainnya yang memiliki tingkatan dibawahnya, sejajar atau lebih rendah dari yang lain. Seperti itu kurang lebihnya manfaat dari sitemap.

Sebagai Demo dari tutorial yang saya bagikan di bawah ini penampakanya :

DEMO

Cara Memasang Sitemap :

Buat laman baru di blog anda atau bisa juga buat post baru. Saran saya alangkah baiknya pada laman baru anda. Tapi terserah bagaimana yang anda inginkan. Copy seluruh kode di bawah ini pada Laman baru atau artikel baru di blog anda. Selanjutnya Paste kode di bawah ini pada Laman baru atau post baru anda. Pada area HTML, jangan pada area Composed, Karena nanti script sitemapnya tidak bisa menampilkan seluruh isi artikel blog anda. Dibawah ini persis kumpulan kode yang harus anda copy semua.

<style type="text/css" scoped>
.post-body{margin:0;padding:0;border-bottom:none;}#resultDesc{margin:0;padding:0 0;color:#FF6600;font-weight:bold;}#resultDesc span{margin:0 auto;padding:5px 10px 7px;color:#D64D52;}#feedNav,#feedNav:hover{margin:0 auto;height:34px;line-height:34px;text-align:center;color:#fff;font:bold 12px/30px Arial,Sans-Serif;background-color:#1540B4;border-top:1px solid #2D8659;-webkit-box-shadow:inset -1px 0 0 #FF9900,inset 1px 0 0 #444;-moz-box-shadow:inset -1px 0 0 #FF9900,inset 1px 0 0 #2D8659;box-shadow:inset -1px 0 0 #FF9900,inset 1px 0 0 #2D8659;}#feedNav a,#feedNav span{color:#E6CF00;padding:0;text-decoration:none;}#feedNav:hover{color:white;background-color:#00A3A3;}#feedNav:active{background-color:#ffff00;}#feedNav span{cursor:wait;}#table-outer{height:30px;text-align:center;padding:0;margin:15px 20px 0;}#table-outer #orderFeedBy{float:left;}#table-outer #postSearcher{float:right;}#table-outer input{display:inline-block;vertical-align:right;margin:0 2px 0 0;padding:0 0;}#table-outer select[disabled]{opacity:.4;}#postSearcher input,#table-outer select{width:33%;background-color:#2D8659;border:none;padding:5px 5px;font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;text-transform:uppercase;color:#CCFFFF;outline:none;-webkit-box-shadow:inset 0 1px 3px black,0 1px 0 #444;-moz-box-shadow:inset 0 1px 3px black,0 1px 0 #444;box-shadow:inset 0 1px 3px black,0 1px 0 #444;}#postSearcher{width:33%;padding:0;}#postSearcher input{width:96%;padding:5px 5px;}#postSearcher input:focus,#table-outer select:focus{background-color:#1226aa;}#tabbed-toc{width:100%;margin:5px auto 0;background-color:#284F77;border-left:1px solid #222;border-right:1px solid #444;border-top:1px solid #222;border-bottom:1px solid #444;overflow:hidden;position:relative;color:#888;}#tabbed-toc .loading{margin:20px 47%;}#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none;}#tabbed-toc #labelSorteres{width:20%;float:left;margin:0 auto;}#tabbed-toc #labelSorter ul{position:relative;margin-top:-36px;background-color:#214B63;}#tabbed-toc #labelSorter li a,#tabbed-toc #labelSorteres #loadCat li a{display:block;font:bold 10px/28px Helmet,Freesans,Sans-Serif;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;color:#B3FFFF;border-top:1px solid #444;border-left:1px solid #444;border-bottom:1px solid #222;border-right:1px solid #222;text-transform:uppercase;text-decoration:none;padding:0 10px;margin:0;cursor:pointer;}#tabbed-toc #labelSorteres #loadCat .allowed,#tabbed-toc #labelSorter .allowed{cursor:not-allowed;}#tabbed-toc #labelSorter li a:hover{outline:none;background-color:#26734D;color:white;}#tabbed-toc #labelSorter li a.active-tab{color:#C4DEF0;font-size:13px;font-weight:bold;outline:none;z-index:1;padding:0 10px;margin:0;background-color:#2C31C3;}#tabbed-toc #labelSorter li a.active-tab:hover{cursor:not-allowed;}#tabbed-toc #labelSorter .disabled,#tabbed-toc #labelSorter .disablet{display:none;}#tabbed-toc .feedline{width:80%;float:right;text-align:left;margin:0 auto;padding:0;background-color:#2D8659;border-bottom:1px solid #222;}#tabbed-toc #feedContainer{background-color:#2E5C8A;}#tabbed-toc #feedContainer li{float:left;width:100%;margin:0 auto;list-style:none;background-color:#284F77;font:10px Helmet,Freesans,Sans-Serif;-webkit-box-shadow:inset -1px 0 0 #4D4D4D,inset 1px 0 0 #444;-moz-box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;}#tabbed-toc #feedContainer li.bold{width:50%;}#tabbed-toc #feedContainer li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#B3FFB3;float:right;}#tabbed-toc #feedContainer li a.item-title{display:block;position:relative;font-weight:normal;font-size:13px;color:#E6CF00;border-top:1px solid #444;border-bottom:1px solid #222;height:34px;line-height:34px;padding:0 12px;text-transform:uppercase;text-decoration:none;outline:none;overflow:hidden;}#tabbed-toc #feedContainer li a.item-title:hover,#tabbed-toc #feedContainer li a.item-title:focus{color:#B3FFD9;outline:none;border-left:4px solid #ffd700;-webkit-box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;-moz-box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;}#tabbed-toc #feedContainer li .summary{display:block;height:50px;padding:10px 12px 10px;font-style:italic;color:#ccc;border-top:1px solid #444;border-bottom:1px solid #222;overflow:hidden;}#tabbed-toc #feedContainer li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #2D8659;background-color:#2B2B55;}#tabbed-toc #feedContainer li .itemfoot{clear:both;height:34px;line-height:34px;padding:0 10px;color:#00CC33;border-top:1px solid #444;border-bottom:1px solid #222;overflow:hidden;position:relative;}#tabbed-toc #feedContainer li .itemfoot a.itemrmore{float:right;font-weight:bold;color:#ffd500;text-decoration:none;}#tabbed-toc #feedContainer li .itemfoot a.itemrmore:hover{color:#00CC33;background-color:transparent;text-decoration:none;border-color:transparent;}</style>

<div id="table-outer">
<select id="orderFeedBy"><option value="published" selected>POSTING TERBARU</option><option value="updated">POSTING DIPERBAHARUI</option></select><span id="resultDesc"></span><form id="postSearcher">
<input placeholder='Cari Artikel Tulis Disini...' type="text" id="feed-q-box" value="" autocomplete="off" onkeyup="resetField();"/></form>
</div>
<div id="tabbed-toc">
<span id="labelSorteres"><div id='loadCat'>
</div>
<div id="labelSorter">

<li class="toc-tab-item"><a class="allowed" href="javascript:changeSort(0);">SEDANG MEMUAT LABEL...</a></li>

</div>
</span><div class="feedline">
<ul id="feedContainer"></ul>
<div id="feedNav">
</div>
</div>
</div>
<script type="text/javascript">var _0x7522=["http://karristaent.blogspot.com","Berikutnya &#9660;","Kembali ke Awal &uArr;","Selengkapnya &#9658;","<span>Memuat Content...</span>","<span>Mencari...</span>","Tak Ditemukan","Web Created","Sedang Memuat Label...","Reset Ulang Category...","data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==","Jan","Feb","Mar","Apr","Mei","Jun","Jul","Agu","Sep","Okt","Nov","Des"];</script>
<script src="https://googledrive.com/host/0ByCt4ImHojRLTl94WkdsS0cxTTg" type="text/javascript"></script>
<div class='clear'>
</div>
</div>
</article><div class='clear'>
</div>
</div>
</div>
</div>
<b>Desain Sitemap lainya :  <a href="http://karristaent.blogspot.com/p/daftar-isi.html" rel="nofollow" target="_blank" title="Daftar Isi Blog Karrysta">Daftar Isi Blog Karrysta</a></b>
<b>Style Simple Sitemap  : <a href="http://karristaent.blogspot.com/2013/07/daftar-isi.html" rel="nofollow" target="_blank" title="Daftar Isi">Daftar Isi Style Simple</a></b>

Keterangan :

Paste semua kode diatas pada Laman baru atau artikel baru yang anda buat itu pada area HTML. Ganti URL blog :  http://karristaent.blogspot.com  dengan URL blog anda. buat nama judul terlebih dulu jika anda menerapkanya pada laman blog. Agar link nya sesuai dengan title judul laman. Setelah semua nya terpasang sesuai yang saya tulis, selanjutnya klik Publikasikan Laman baru atau artikel baru Sitemap anda. Silahkan cek hasilnya jika belum berhasil silahkan baca dengan seksama artikel ini. Barangkali ada yang keliru.

Demianlah kiranya artikel yang saya bagikan pada kesempatan ini. Besar harapan saya semoga post yang sederhama ini bisa di manfaatkan dan di pergunakan sebijak mungkin. Mohon maaf jika terdapat kesalahan pada semua isi artikel ini. Terima kasih atas kunjungan dan komentar nya. Salam sukses dan Salam Blogging. Selamat mencoba semoga Berhasil membuat Sitemap pada blog anda bye-bye... Wassalamualaikum wr wb.