Huxsna


"...Follow me on Instagram @huxsna..."


Wednesday, 22 April 2015 - 1 Complain

Assalamualaikum! harini husna nak ajar korang buat blog archieve version 2! dye sekali ngan scrolling taww!

dye macam ni :
Okey! jom mulakan !

  • Buka Blog
  • Template
  • Ctrl+f serentak then search code : </style>
  • Copy Code Bawh ni


.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;
}

  • Okey, pastekan DIATAS CODE </STYLE>
orange : icon yang sebelum dihover
merah  : icon yang selepas di hover
  • Then Copy code bawah ni

<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>

  • Pastekan di sidebar korang
Biru : Tebal border
Merah : Solid/Dotted/Dashed
orang : warna border boleh curi warna cod disini 


  • Okeylah, selamat mencoba!!




Blogger Aza Yaya said...

Tak jadi, pon. Jadi, tapi kacau, la

 

Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit