cara membuat arsip blog lebih menarik

Asslamualaikum baraya..

tampilan arsip blog memang sangat penting, demi mempermudah pengunjung untuk memilih bahan bacaan dari seluruh postingan baraya. dengan demikian pengunjung akan lebih nyaman berada di blog baraya... lumayan kaan......

Inilah hasilnya, KLIK DISINI BRAY..

Berikut codenya, silahkan dikopi dan di ganti sesuai selera baraya..

<style type="text/css">
    .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, cherry cream soda;
    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;
    }

    .headactive{
     color: #fef4e9;
     border: 2px solid white !important;
     background: #33ff33;
     background: -webkit-gradient(linear, left top, left bottom, from(#33dd00), to(#33cc00));
     background: -moz-linear-gradient(top,  #33dd00,  #33cc00);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#33dd00', endColorstr='#33cc00');
    }
    </style>
<script src="http://linkrf.googlecode.com/files/DaftarIs2.2UM.js">
    </script>
<script src="http://ikape-kalgir.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://linkrf.googlecode.com/files/Acc-PackUM.js" type="text/javascript">
    </script>

Note: ganti tulisan /ikape-kalgir.blogspot.com yang nerwarna merah dengan alamat blog baraya..

ada 2 cara untuk membuar arsip tersbut, yaitu :

  1. Dengan membuat postingan 

silahakan loggin blogger => post => new entri => HTML => pastekna kode diatas ke postingan baraya => publish..... dan lihat hasilnya..... ganpang kan..??

 2. Dengan widget

loggin blogger => rancangan/  desain => tata letak => tambah widget => pastekan kode diatas di kolom widget => simpan.... kemudian lihat hasilnya yaa...

** semoga bermanfaat yaaaa...!!!!

Silahkan Tinggalkan jejak atau komentarnya Disini, Diantos baraya..!!