Free Links On the Web - HOW TOs / BLOGGER
Question: How to remove empty space between blog posts in blogger?
Answer :
On your blogspot's home page:
Click Design
On your blogspot's dashboard:
Click Template (always make a backup of your template before any changes)
Click Customize
On your Blogger Template Designer:
Click Advanced
Click Add CSS (last item on the drop-down menu)
Under Add custom CSS add the following script (copy and paste it after replacing your Gadget's ID, as explained below):
#Gadget's ID{
margin-bottom: -20px; !important
}
Press enter
Click Apply to Blog
Click Back to Blogger
If you need more or less space, increase or decrese the px value (set to -20 in the example).
How to find your Gadget's ID:
On your blogspot's home page:
Click Design
On your blogspot's dashboard:
Click Layout
On your blogspot's layout page:
Click Edit on the relevant Gadget (Example: Pages)
On the Gadget's URL, find the Gadget's ID (in our example:
https://www.blogger.com/rearrange?blogID=7595995370317249659&action=editWidget§ionId=crosscol-overflow&widgetType=null&widgetId=PageList4)
PageList4 is our example Gadget's ID and under Add custom CSS the script for our example is the following (copy and paste it after replacing your Gadget's ID):
#PageList4{
margin-bottom: -20px; !important
}
Press enter
Click Apply to Blog
Click Back to Blogger
If you need more or less space, increase or decrese the px value (set to -20 in the example).
Question: How to remove empty space between blog posts in blogger?
Answer :
On your blogspot's home page:
Click Design
On your blogspot's dashboard:
Click Template (always make a backup of your template before any changes)
Click Customize
On your Blogger Template Designer:
Click Advanced
Click Add CSS (last item on the drop-down menu)
Under Add custom CSS add the following script (copy and paste it after replacing your Gadget's ID, as explained below):
#Gadget's ID{
margin-bottom: -20px; !important
}
Press enter
Click Apply to Blog
Click Back to Blogger
If you need more or less space, increase or decrese the px value (set to -20 in the example).
How to find your Gadget's ID:
On your blogspot's home page:
Click Design
On your blogspot's dashboard:
Click Layout
On your blogspot's layout page:
Click Edit on the relevant Gadget (Example: Pages)
On the Gadget's URL, find the Gadget's ID (in our example:
https://www.blogger.com/rearrange?blogID=7595995370317249659&action=editWidget§ionId=crosscol-overflow&widgetType=null&widgetId=PageList4)
PageList4 is our example Gadget's ID and under Add custom CSS the script for our example is the following (copy and paste it after replacing your Gadget's ID):
#PageList4{
margin-bottom: -20px; !important
}
Press enter
Click Apply to Blog
Click Back to Blogger
If you need more or less space, increase or decrese the px value (set to -20 in the example).
