sitemap keren

moonroemoort

sitemap

21 April 2014

Belum ada komentar

sitemap keren ~ sebenarnya saya sudah pernah share sitemap sesuai label berhubung posting di blog ini masih sedikit hitung22 ini hanya sebagai pelengkap dan juga koleksi , mungkin juga akan ada sitemap lain pada post berikutnnya ....
oke langsung lihat saja penampakannya seperti di bawah ini ...

• Demo

CARA PEMASANGAN

• masuk blogger.com
• klik template
• edit HTML
• cari kode ]]></b:skin>
• paste kan kode dibawah ini tepat di atas/sebelum kode ]]></b:skin>

/*--------MBT TOC-----*/        
.judul-label{         
background-color:#E5ECF9;         
font-weight:bold;         
line-height:1.4em;         
margin-bottom:5px;         
overflow:hidden;         
white-space:nowrap;         
vertical-align: baseline;         
margin: 0 2px;         
outline: none;         
cursor: pointer;         
text-decoration: none;         
font: 14px/100% Arial, Helvetica, sans-serif;         
padding: .5em 2em .55em;         
text-shadow: 0 1px 1px rgba(0,0,0,.3);         
-webkit-border-radius: .5em;         
-moz-border-radius: .5em;         
border-radius: .5em;         
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);         
-moz-box-shadow: 1px 1px 4px #AAAAAA;         
box-shadow: 0 1px 2px rgba(0,0,0,.2);         
color: #e9e9e9;         
border: 2px solid white !important;         
background: #6e6e6e;         
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));         
background: -moz-linear-gradient(top,  #888,  #575757);         
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');         
} 
.data-list{        
line-height:1.5em;         
margin-left:5px;         
margin-right:5px;         
padding-left:15px;         
padding-right:5px;         
white-space:nowrap;         
text-align:left;         
font-family:"Arial",sans-serif;         
font-size:12px;         
} 
.list-ganjil{        
background-color:#F6F6F6;         
} 
.headactive{        
    color: #fef4e9;         
    border: 2px solid white !important;         
    background: #1C8DFF;         
    background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));         
    background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2);         
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');         
}  

• klik simpan template
• lalu klik laman
• buat halaman baru/blank page
• pastekan kode di bawah ini pada mode HTML

  <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>        
<script src="http://chenkho.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>         
<script type="text/javascript">         
var accToc=true;         
</script>         
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

• klik publikasikan

CUSTOM

• ganti http://chenkho.blogspot.com dengan url blog anda


source : http://www.mybloggertricks.com/2010/12/how-to-create-table-of-contents-for.html