Purple.

Archive Styling #1

Sabtu, 12 April 2014 - Permalink - 0 Comments

Holla! aku udah berapa hari ya gak buka blog??? im sorry... aku lagi sibuk menghadapi TO ... maaf ya ... :) oh iya, di hari ini, aku boleh main laptop sama bundaku dengan batas waktu sampai setelah isya *yeh curhat* haha. yaudah yukkss kita liat apa sih yang mau Linda share sore ini O:)
Kredit kak Wana :)

Ikuti stepnya ya! oh ya sebelum nya, linda mau share previewnya dulu

Gimana? Cute banget kan? yuk makanya ikuti cara nya ya!!!

Buka Blog > Dashboard > Tempalte > Cari kode </style>
Paste Kode ini di ATAS kode tadi:
.archive{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif);
border-bottom:1px solid #efefef;
background-size:15px;
background-repeat:no-repeat;
padding:5px;
padding-left:20px;
background-position:left;

}

.archive:hover{ background:url(http://media.tumblr.com/3fcccb540252361088d42c65c504499d/tumblr_inline_mmzqorHMLi1qz4rgp.gif);
background-size:12px;
background-repeat:no-repeat;
padding-left:37px;
background-position:left;
}
- Setelah itu, Paste lagi kode ini dimana saja:
- <div style="text-align:left; padding:10px; border-radius:0px; height:200px; overflow-x:hidden; overflow-y:Scroll; border:1px dashed #ddd;margin-top:20px;">
  <bloggerpreviousitems>
  <a href="<$BlogItemPermalinkURL$>">
  <div class="archive">
  <$BlogPreviousItemTitle$></div>
  </a></BloggerPreviousItems></div>
- Done? Pratinjau dulu baru SAVE! :D