Blogger Archive Tutorial - Expand/Collapse

Thursday, June 30, 2016

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:

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:

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: 


3. Above that code, add the following code:

<script src= " "></script>
If ( $('.archivedate ').hasClass('expanded ') )

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:

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

Find me on Twitter:
Find me on Google+

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

No comments:

Post a Comment