Hi sobat blogger semesta alam, kembali lagi dengan Nge-Blog Bareng dengan cara dan versi yang beda. Artikel kali ini adalah cara membuat sitemap xml diblog seperti daftar isi hanya untuk para sobat blogger loh, hehe. Agar lengkap menu navigasi sobat blogger menu sitemap ini juga bermanfaat bagi pembaca blog sobat loh, karna dapat menampilkan semua postingan sobat yang ada di blog, keren gak tuh. Untuk cara membuatnya hayuk sobat ikuti tutorialnya dibawah ini :
Cara Membuat Sitemap xml di Blog Seperti Daftar Isi
1. Login ke Blogger.com dengan gmail.com sobat.
2. Lanjutkan memilih blog yang akan sobat kelola dengan klik nama blog sobat untuk menampilkan dashboard sobat blogger.
3. Mulailah dengan memilih Laman dan Laman baru sobat.
4. Setelah tampil Editor Halaman sobat harus mengisi judul halaman dengan daftar isi, sitemap ataupun index.
5. Setelah mengisi judul halaman sobat lanjutkan untuk memilih tab HTML untuk membuat script sitemap nya. Untuk scriptnya sobat dapat copy di bawah ini dan jangan lupa di ganti tulisan yang berwarna merah dengan nama blog sobat ya...
6. Selesai, jangan lupa untuk dipublikasikan ya sobat dan jangan lupa sobat link kan ke Menu navigasi sobat. Untuk tutorial lebih akuratnya sobat dapat lihat pada gambar dibawah ini.
2. Lanjutkan memilih blog yang akan sobat kelola dengan klik nama blog sobat untuk menampilkan dashboard sobat blogger.
3. Mulailah dengan memilih Laman dan Laman baru sobat.
4. Setelah tampil Editor Halaman sobat harus mengisi judul halaman dengan daftar isi, sitemap ataupun index.
5. Setelah mengisi judul halaman sobat lanjutkan untuk memilih tab HTML untuk membuat script sitemap nya. Untuk scriptnya sobat dapat copy di bawah ini dan jangan lupa di ganti tulisan yang berwarna merah dengan nama blog sobat ya...
6. Selesai, jangan lupa untuk dipublikasikan ya sobat dan jangan lupa sobat link kan ke Menu navigasi sobat. Untuk tutorial lebih akuratnya sobat dapat lihat pada gambar dibawah ini.
Ini Scripnya sobat:
<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,left 80,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/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="https://carajeffri.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
#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,left 80,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/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="https://carajeffri.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Nah bagaimana sobat sudah bisa dong membuat sitemap nya, keren kan hasilnya. Sobat boleh bagikan ke temen-temen blogger lainnya juga loh, karna berbagi itu indah sobat. Buat sobat yang masih butuh tutorial untuk membangun blog sobat masih ada nih beberapa tips yang dapat membantu sobat mengatasi masalah sobat dalam membangun blog, semoga bermanfaat sobat :
- cara membuat disclaimer blog
- cara membuat privacy policy blog
- cara membuat contact us blog
- cara membuat menu blog
- cara meningkatkan traffic blog
- cara ganti template blog
Jangan lupa share dan komen nya yah sobat.
Belum ada tanggapan untuk "Cara Membuat Sitemap xml di Blog Seperti Daftar Isi"
Post a Comment