• Translate

2/23/2015

Cara Membuat Daftar Isi (sitemap) Keren Di Blog

Tutorial Blogspot |

Advertisement

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,

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • 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