cara membuat halaman sitemap valid html 5

cara membuat halaman sitemap valid html 5 | Ulama Komputer ~ selamat datang sobat... sudah lama saya tidak posting ... Pada kesempatan kali ini saya akan sedikit share tentang bagaimana cara membuat halaman sitemap atau daftar isi blog yang valid html 5.  kali ini saya akan share yang accordyan style.

Langsung saja simak tutorial berikut :

Login ke dashboard anda
1. Masuk ke 'Laman' klik 'Laman Baru' lalu pilih 'Laman Kosong'
2. Klik 'HTML' ( Bukan Compose )
3. Copy Code dibawah ini , lalu pastekan pada halaman tersebut.
4. Edit CSS nya sesuai dengan warna halaman anda, hati hati scriptnya jangan di otak atik nanti menyebabkan error dan tidak berfungsi.
5. Ganti tulisan URL BLOG dengan ALAMAT  BLOG anda

<div dir="ltr" style="text-align: left;" trbidi="on">

<div style="margin-top: -10px;">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">

</script>



<style type="text/css">

#daftar-isi {

  background-color:#333;

  border:2px solid #fafafa;

  color:#fff;

  margin-bottom:10px;

  -webkit-box-shadow:0 1px 2px #000;

  -moz-box-shadow:0 1px 2px #000;

  box-shadow:0 1px 2px #000;

  overflow:hidden;

}



#daftar-isi .judul-label {

  overflow:hidden;

  cursor:pointer;

  text-decoration:none;

  font:normal 13px/100% 'Verdana',Arial,Sans-serif;

  padding:10px 15px 11px;

  color:#bbb;

  text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);

  border-top:1px solid #444;border-bottom:1px solid #222;

  background:#333;

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#333');

  background:-webkit-linear-gradient(top, #3c3c3c, #333);

  background:-moz-linear-gradient(top, #3c3c3c, #333);

  background:-o-linear-gradient(#3c3c3c, #333);

  background:linear-gradient(#3c3c3c, #333));

}



#daftar-isi .headactive {

  color:#efefef;

  border-top:1px solid #24B6E3;border-bottom:1px solid #104968;

  background:#248AB0;

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#248AB0', endColorstr='#21739B');

  background:-webkit-linear-gradient(top, #248AB0, #21739B);

  background:-moz-linear-gradient(top, #248AB0, #21739B);

  background:-o-linear-gradient(#248AB0, #21739B);

  background:linear-gradient(#248AB0, #21739B));

}



#daftar-isi ol {

  background-color:#333;

  margin:0 0;

  padding:0 0;

  color:#999;

  list-style:none;

}



#daftar-isi li {

  line-height:normal;

  font:normal 11px/100% 'Verdana',Arial,Sans-serif;

  margin:0 0;

  padding:5px 5px 5px 15px;

  white-space:nowrap;

  text-align:left;

  border-top:1px solid #444;border-bottom:1px solid #222;

}



#daftar-isi li:first-child {border-top:none;}

#daftar-isi a              {color:#5687f8;}

#daftar-isi a:hover        {text-decoration:underline;}

#daftar-isi a:visited      {color:#5687b8;}



#daftar-isi strong {

  font-weight:bold;

  font-style:italic;

  color:red;

}

</style>



<script type="text/javascript">

    showNew    = true;

    accToc     = true;

    openNewTab = true;



    var maxNew     = 10,

        baru       = "New!!!",

        sDownSpeed = 600,

        sUpSpeed   = 600;

</script>



<script src="http://yourjavascript.com/123135733222/daftarisi.js" type="text/javascript">

</script>



<script src="URL BLOG/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

<div style="text-align: right;">

<div style="margin-top: -10px;">

</div>

</div>

</div>

7. simpan template dan coba buka halaman sitemap tersebut.
8.jika masih tidak tampil,coba lakukan tutorial berikut :

- Login ke dashboard anda
- Pilih 'Template'
- Klik 'Edit HTML' untuk membuka semua code xml blog
- Cari Code "</head>" ( Gunakan Ctrl + F untuk mempercepat pencarian )- Copy code Jquery dibawah ini kemudian pastekan tepat diatas code "</head>"

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

Demikian artikel tentang bagaimana cara membuat halaman sitemap yang valid html 5. Semoga dapat bermanfaat bagi kita semua. apabila masih bingung silahkan berkomentarlah dengan baik dan bijak, dan jika suka dengan artikel ini mohon klik tombol g+ . Terima kasih

Share this article :

Share on FB Tweet Share on G+ Submit to Digg