Blog yang menyediakan informasi berbagai, tutorial, seo, info, trik, gaming, tips, etc

Cara Membuat Sitemap/Daftar isi Keren/Responsive di Blog

Cara  Membuat Sitemap/Daftar isi Yang Keren/Responsive Pada Blog


Halo agan-agan sekalian! Sekarang saya akan membagikan Cara Membuat Sitemap/Daftar isi Keren/Responsive Pada Blog. Sebelum saya memberitahu caranya, alangkah baiknya saya menjelaskan apa itu Sitemap. Sitemap adalah sebuah peta yang berisi deriktori yang dalam website/blog. Semua artikel yang telah agan buat akan tampil dengan sederhana dalam sitemap tersebut. Sitemap juga berfungsi untuk memberi cara mudah kepada pengunjung untuk mencari artikel yang lain pada blog agan. Walaupun di blog agan ada Artikel populer, artikel lainnya, tapi tidak akan memunculkan semua artikel agan. Saya rasa cukup sampai disitu penjelasan tentang sitemap. Sekarang saya akan memberikan Cara Membuat Sitemap/Daftar isi Yang Keren/Responsive Pada Blog.
Berikut Tampilan sitemap pada blog saya.









#Nah, langsung saja caranya.

1. Log in ke Blogger
2. Masuk ke dashboard 
3. Copy dulu kode dibawah ini 
      
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src="
http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://refaldo-situmorang.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
   Keterangan : Ubah tulisan berwarna merah menjadi alamat blog agan

4. Buka Laman > Laman Baru > HTML
Untuk lebih jelas, lihat gambar berikut. 




















5. Pastekan Kode yang tadi ke dalam HTML 










 6. Simpan/Perbaharui

Dan akhirnya sitemap agan ada dan persis dengan sitemap yang saya punya. Saya rasa sampai disini saja post saya kali ini, semoga bermanfaat!
nb : jika masih kurang mengerti, tinggalkan di komentar 


Short Url 

Tags : Pengertian sitemap, cara membuat sitemap, cara membuat sitemap keren, cara membuat sitemap responsive.
Bagikan :
+
Selanjutnya
« Post Selanjutnya
Sebelumnya
Post Sebelumnya »
24 Komentar untuk "Cara Membuat Sitemap/Daftar isi Keren/Responsive di Blog"

Makasih bro infonya. Siap dipraktekin

Kak, copy kodenya itu dipaste di laman baru atau di template?

Langsung cobaa. Makasih triknya gan

Oh ternyata ini sitemap, oke akhirnya.

ni waktu ane coba caranya kok gagal yah?

Keren gan sitemapnya, kapan' ane coba terapkan diblog saya :D

ijin coba gan kayanya bagus tuh buat di blog ane

Salah satu navigasi yg penting utk memanjakan pengunjung blog kita

info yg bermanfaat...
kunjungan balik http://supriet.blogspot.co.id/
terimakasih...

Peraturan berkomentar :
1. Menggunakan bahasa yang baik dan sopan
2. Berkomentarlah dengan bijak
3. Komentar Dilarang mengandung unsur pornografi dan sara
4. Mari Berteman

Blogroll

 
Template By Kunci Dunia Redesign By Refaldo Situmorang
Back To Top