• Translate

2/23/2015

Cara Membuat Daftar Isi (sitemap) Keren Di Blog

Tutorial Blogspot |
Tutorial Cara Membuat Daftar Isi (sitemap) Keren Di Blog | Daftar isi (sitemap) adalah widget yang harus ada di blogspot, karena dengan adanya daftar isi tersebut bisa memudahkan para pengunjung bisa mencari artikel atau informasi yang diinginkan dengan cepat tanpa harus membuka satu persatu link artikel yang ada di blog sobat. akan saya beri kode untuk membuat daftar isi tersebut kepada sobat.


Ikuti langkah-langkah cara membuat daftar isi atau sitemap di blog sobat.

cara membuat daftar isi (sitemap) blog

1. Login ke blogger.com
2. Buat halaman baru

Cara Membuat Sitemap di Blog

3. Pada halaman baru tersebut pilihlah opsi HTML

Cara Membuat Sitemap di blog

4. Pada halaman baru tadi pastekan 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,left 80,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/15852197411/tipblogbaru-sitemap.js" type="text/javascript"></script>
<script src="http://www.alltutorials.info/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
5. Setelah Kode diatas sudah dipastekan klik publish (save) dan selesai deh.

bagaimana mudah bukan cara membuat daftar isi (sitemap) di blog? semoga bermamfaat ya.. oh ya jangan lupa untuk mengubah link url yang saya warnai dengan link url blog sobat.

salam bloggers,
Loading...

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

4 comments Add Comment

mantaps, thanks ya gan ilmunya..

adienote.blogspot.com

Reply

terimakasih gan, sukses selalu gan...

Reply

melakukan update sutomatically sitemap untuk blog atau kita harus memperbarui secara manual setiap kali ketika kita membuat posting blog baru menggunakan sitemap tool ?

Reply

sitemap ini cara kerjanya otomatis gan, setiap ada postingan terbaru akan langsung masuk ke sitemap ini sesuai dengan label/kategori yang ada di blog agan.. :-d

Reply

Comments not appropriate topic will sign SPAM.

Loading...