How to Reduce Header Size in Blogger
How to Reduce Header Size in Blogger
Google Blogger is a popular and Free platform that individuals and companies use to host their own blogs. The free Hosting company, allows users to design and develope their own Web pages or use one out of the distint templates provided by Google Blogger. The blog templates are developed using HTML and CSS. If you're not familiar with website coding/development, then you may not know how to change page elements like your header size. Before editing anything in your blog's HTML or CSS codes, copy all of the code, paste it into Microsoft Notepad,Wordpad and then save as myblog template.xml or click on backup and download your template to your pc.
1. Login to your Blogger Account by going to
www.blogger.com
2. Click on your profile icon in the upper right-hand corner of the page, then click the "Blogger Profile" link.
3. Click the link containing the name of the blog with the header you want to change. This will redirect you to your blog's page.
4. Click on the "theme" button , then click the "Customize" button and a page will open called template designer.
5. Click on"Advanced" link in the left-hand corner of the template designer page, then click on"Add CSS" found by scroll down a little bit.
8.Now click on view blog to see your blog changes or back to blogger to Add other things to your blog.
Google Blogger is a popular and Free platform that individuals and companies use to host their own blogs. The free Hosting company, allows users to design and develope their own Web pages or use one out of the distint templates provided by Google Blogger. The blog templates are developed using HTML and CSS. If you're not familiar with website coding/development, then you may not know how to change page elements like your header size. Before editing anything in your blog's HTML or CSS codes, copy all of the code, paste it into Microsoft Notepad,Wordpad and then save as myblog template.xml or click on backup and download your template to your pc.
1. Login to your Blogger Account by going to
www.blogger.com
2. Click on your profile icon in the upper right-hand corner of the page, then click the "Blogger Profile" link.
3. Click the link containing the name of the blog with the header you want to change. This will redirect you to your blog's page.
4. Click on the "theme" button , then click the "Customize" button and a page will open called template designer.
5. Click on"Advanced" link in the left-hand corner of the template designer page, then click on"Add CSS" found by scroll down a little bit.
6. Enter the following code into the "Add Custom CSS" box.7. Change the percentage of the "font-size:600%" value to increase or decrease the size of your header. Click on "Apply to Blog" situated in the top right-hand side of the template designer page to save your changes.
.header h1 {font-family:Arial, cursive; font-size:600%; text-transform:uppercase; letter-spacing:0.1em;}
8.Now click on view blog to see your blog changes or back to blogger to Add other things to your blog.
Leave a Comment