Blogger Archive Tutorial - Expand/Collapse

A month ago i created my first Blog and wrote about it, also a small tutorial about how you can create your first Blog on Blogger for free... Here: http://soap-bubbles-land.blogspot.com/2015/12/blogger-tutorial-creating-blogspot-blog.html


Then as i am slowly building my blog i ran into a problem about how to share my blog on Facebook with a specific thumbnail each time, and then i figured out how to do it... Wrote a tutorial about that here: http://soap-bubbles-land.blogspot.com/2016/06/blogger-blogspot-tutorial-sharing-links-facebook-debug-thumbnail.html


Now i had a small issue with my Blogger archive gadget... It was basically expanded every time i would open my blog, and i wanted it to be collapsed by default, and that's because when it's expanded it takes up A Lot of space... So here is how to have it collapsed by default:

1. First go to your Blog's Dashboard --> Template --> Edit HTML

2. In the HTML area find the following code: 

</body>

3. Above that code, add the following code:

<script src= "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js "></script>
<script>
If ( $('.archivedate ').hasClass('expanded ') )
{
$('.archivedate').removeClass('expanded');
$('.archiveate').addClass('collapsed');
}
</script>

Save and you are finished... Now the Archive will be collapsed by default...


============================

You can check my Website and how the archive gadget looks here:
http://seriouslyfunnyhumor.blogspot.com/

p.s. The Blog is still in the works, but it's getting there...

============================
Find me on Twitter:
https://twitter.com/Lionsnr892
============================
Find me on Google+
https://plus.google.com/+JamesYoung24
============================

+Blog +Free-blog +Blogger +Blogspot +Create-blog +Blog-creation +Starting-a-blog +Starting-blogspot +Creating-blogspot +Gmail +Google +Website +Personal-blog +Blogger-tutorial +Facebook +Facebook-thumbnail +HTML +Blogger-HTML +Facebook-cache +Facebook-preview +Website +Archive +Blogger-archive +Blogspot-archive +Blogger-archive-expand +Blogger-archive-collapse +Blogger-archive-gadget +Blogger-gadget

Picture --> I took the Screenshot from Blogger's page 


↠ This post was originally published on Bubblews in the Tutorials category by me (Bubblerian) on August 25th 2013.