Home Blog Cara Membuat Site Map atau Daftar isi blog otomatis

Cara Membuat Site Map atau Daftar isi blog otomatis

by Erzed
Cara mengambil screenshot di komputer

Cara Membuat Site Map atau Daftar isi blog otomatis – Halo anda blogger semua, kali ini admin akan berbagi tips yaitu menciptakan 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, namun ini lebih unik sebab semua link yang menuju ke postingan anda terkumpul di satu tempat halaman jadi lebih mudah untuk navigasi nya.
Cara Membuat Site Map atau Daftar isi blog otomatis 28
Langkah langkah nya yang haru dilakukan seperti ini:
1.Login ke akun blogger anda seperti dan pilih Laman
2.Buatlah halaman baru seperti di bawah ini, terserah ingin di beri nama apa, biasanya di beri nama Site Map, Daftar isi, Isi blog atau yang lain nya
Cara Membuat Site Map atau Daftar isi blog otomatis 29
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
Cara Membuat Site Map atau Daftar isi blog otomatis 30
4.Lanjutkan dengan memasukan kode script nya  seperti di bawah ini
Cara Membuat Site Map atau Daftar isi blog otomatis 31
5.Script nya seperti di bawah ini tulisan atau url yang berwarna biru mengganti dengan nama alamat blog anda atau link blog anda

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 mengganti ya dengan alamat blog anda , Jika sudah maka seperti ini
Cara Membuat Site Map atau Daftar isi blog otomatis 32
7.Jika sudah selesai Lalu klik publikasi kan., apabila sudah maka di halaman tersebut memuat seluruh postingan blog anda berikut  label atau tag nya masing masing dan tertata dengan rapih
       Cara Membuat Site Map atau Daftar isi blog otomatis 33

Cara Membuat Site Map atau Daftar isi blog otomatis 34

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

Baca :  Inilah 5 Rahasia Blog Anda Disukai Oleh Pengunjung, AKHIRNYA..!!!

 

               Cara Membuat Site Map atau Daftar isi blog otomatis 35Cara Membuat Site Map atau Daftar isi blog otomatis 36
Nah mudah kan anda cara menciptakan nya?
Demikian tata cara menciptakan site map atau daftar isi blog dalam satu halaman apabila ada yang kurang terang silahkan tanyakan di kolom komentar

Terimakasih semoga membantu dan bermanfaat

 

You may also like