Sunday 4 May 2014

Archive Blog vers 1

       Waktu aku lagi long hiatus, ada dua orang yang request ini. Archive box? apa itu? isi archive box yaitu entri entri terbaru kita, dan itu akan terupdate otomatis. Archive box ini simple modelnya, contohnya seperti ini :
Simple banget ya ahahah. Untuk versi kedua, klik disini!
  • Copy kode dibawah ini, lalu pastekan diatas kode </style>
div.thingi{
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(Url Icon 2) ;
color:#555;
background-repeat:no-repeat;
background-size:15px;
padding-left:25px;
line-height:18px;
}
div.thingi:hover{
background:url(Url Icon 2);
background-repeat:no-repeat;
padding-left:25px;
background-size:15px;
line-height:18px;
color:#666;
}
  • Ganti semua kode yang berwarna merah.
  • Setelah itu, copy lagi kode dibawah ini
<div style=" width:280px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="thingi"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></div>
  • Pastekan kode tadi disidebarmu.
  • Klik save and done! 

3 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.