Cara Membuat Daftar Isi Keren Di Blog By Ariez Shared

Table of Content means a list which includes our all posts with sorted by lables and also sorted by alphabets and this plugin is specially made by javascript and many times if we want to add this widget then we have to add many codes and after that we have to replace them by minding the symbols and if a newbie is doing this task for own blog then many times symbol's mistake does by newbie so you can add it direct in your blog without replacing any code OR any blog name. You will gonna add this widget thought widget Generators. So, Hope you gonna like this.

Sekarang Kita Mulai Dengan Langkah-Langkah Berikut:
1.Login Ke Blogger > Dashboard
2.Klik pada Drop Down Menu dan pilih Template
3.Sekarang Klik pada Edit HTML 
4.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.

]]></b:skin>

5.Paste kode di bawah ini sebelum ]]></b:skin>

     /*-------Widget By  ariez-rpt.blogspot.com/-----*/
    .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');
    } 

6.Simpan Template Anda. 
7.Sekarang Anda Membuat Halaman Baru
8.Klik Tombol HTML
9.Masukan Kode Di Bawah ini Kedalamnya

 <script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js">  </script>  <script src="http://www.widgetgenerators.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://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript">  </script> 

    

Tweet

Ditulis Oleh: di 06.39