New blogger - Full background image
How to get a full page background image (the new customiser has a bug)
- Thanks to Herman Fourie for sharing - this is another look at it step by step.
Instructions for (A work around but does the job) Step 1
Store the background image (1800 X 1600) for in google drive and open in a new window
Step 2
Copy the identifier code from omni bar
Step 3 Paste the identifier code after the id = in the bright yellow highlighted part of the html code below and copy the whole section of code <Variable name="body.background" description="Body Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#ffffff url(http://drive.google.com/uc?export=view&id=1gOHtNo6Tc3bdc_evCCbSuaz6XiYS6xOc) repeat fixed top center"/> <Variable name="body.background.size" description="Body Background size" type="string" default="auto" value="100% auto"/>
Now update the Blogger theme
Step 4
Step 5
Put your cursor in the HTML and ctrl f will bring up Search:
Search for body background in the HTML code
Step 6
Paste your code to replace of the body background
<Variable name="body.background" description="Body Background" type="background"
………………. "/>
Note leave the other body.background. variables
Step 7
Preview the code - and save it (if it works;-) )
You can now backup the theme and it should restore with the full image in any new blog.
Resources
Tips from the Blogger team: If you want a full-screen background, we recommend using an image that's 1800 pixels wide and 1600 pixels high, so that the background image can fill the entire screen even for the readers with large monitors.
