//NAME

Hello!


Hai.... Welcome here ><
Do comment before live my blog.
Please don't open my pagesource
And, if you want anything just Ask.
thanks for visiting here ! ^_^


FOLLOW Dashboard




Chat Box



Past & Present


Credits

Designer: RaRaChruppy
Base code: Aina
Editor:Nabila Hanna
Help:A W E S O M E

Pasang Blog Archive (Part 2)

Hallo....
Kemarin kan Nabila udah post Cara Memasang Blog Archive, 
Nah sekarang, Nabila mau ngepost Cara Memasang Blog Archive yang lebih kawaii ^^
Untuk bentuk Blog Archive nya bisa di lihat di Sidebar Nabila,
Gimana...??
Kawaiii kaan ?
Jadi pengen masang ?
Ikutin Step Stepnya yah...

1. Blogger > Dashboard > Template
2. Cari kode </style> (Pakai Ctrl+F ya, biar cepet XD)
3. Copy code dibawah ini DIATAS kode </style>

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

4. Kemudian, pastekan kode ini di dekat sidebar kalian (Sebenernya sih terserh, mau pasang dimana, tapi biasnya di sidebar kaan... ? ^^)

<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>
5. Save

Tara....
Jadi deeh...
Mudah banget kan ??
Selamat mencoba ya Teman..
Ganbatte Kudasai... XD

Credit by : Kak Wana

Label:

0 comments

Posting Komentar