Cara Membuat Site Map atau Daftar isi blog otomatis

Halo sobat blogger semua, kali ini saya akan berbagi tips yaitu membuat site map atau daftar isi blog, site map atau daftar isi blog sangat berguna untuk pengunjung anda menemukan seluruh artikel yang anda posting di blog anda,kinerja nya hampir mirip dengan label entri, tapi ini lebih unik karena semua link yang menuju ke postingan anda terkumpul di satu tempat halaman jadi lebih mudah untuk navigasi nya.


Langkah langkah nya yang haru dilakukan seperti ini:
1.Login ke akun blogger sobat seperti dan pilih Laman


2.Buatlah halaman baru seperti di bawah ini, terserah mau di beri nama apa, biasanya di beri nama Site Map, Daftar isi, Isi blog atau yang lain nya 



3.Setelah di beri nama atau judul Laman di lanjutkan ke tahap berikut nya yaitu masukan kode script nya dan perlu di ingat PILIH MODE HTML jangan COMPOSE seperti dibawah ini 




4.Lanjutkan dengan memasukan kode script nya  seperti di bawah ini




5.Script nya seperti di bawah ini tulisan atau url yang berwarna biru ganti dengan nama alamat blog sobat atau link blog sobat 

copy paste script nya dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">
<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>
<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://wardun.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
6.Lalu pasang seperti gambar no 4 jangan lupa url  http://wardun.com/feeds/posts/default?  warna biru nya ganti ya dengan alamat blog sobat , Jika sudah maka seperti ini



7.Jika sudah selesai Lalu klik publikasi kan., jika sudah maka di halaman tersebut memuat seluruh postingan blog sobat berikut  label atau tag nya masing masing dan tertata dengan rapih


       


 8. Setiap ada postingan baru selalu ada tulisan New itu menandakan postingan blog sobat yang terbaru


               




Nah mudah kan sobat cara membuat nya?
Demikian tata cara membuat site map atau daftar isi blog dalam satu halaman jika ada yang kurang jelas silahkan tanyakan di kolom komentar
Terimakasih semoga membantu dan bermanfaat

Subscribe to receive free email updates:

0 Response to "Cara Membuat Site Map atau Daftar isi blog otomatis"

Post a Comment

Terimakasih telah berkunjung,Berkomentarlah dengan sesuai topik dilarang berkomentar dengan tidak sopan, tidak senonoh ,pornografi dan Sara,menyertakan link aktif akan otomatis terhapus