Add blogger Archive For Classic Template /Blogskins - Style 2

Assalamualaikum, thank you for requesting this tutorial. I am currently using this blog archive style. If you touch the title, you will see a special hover effect! I am sorry that I don't provide live preview this time. 

1. Go to Dashboard > Template > Template HTML

2. Paste this code before/above </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; }

3. Then, paste this code in your sidebar section code.

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

4. Now you are done! :)