How To Setup Related Posts Widget For Blogger

Want to know how to centre your header image, blog post images, sidebar images, gadgets, text, headings and everything else on Blogger? I’ve created a reference list below for you explaining how to correctly center the different elements on Blogger, without needing to use deprecated methods.

This post was previously part of a post titled “How to Properly Centre Items in HTML The Right Way – Avoiding Non-Supported Methods” published June 2014 as part of the Basics of HTML for Beginners and Bloggers Series. In an effort to organise posts, I’ve decided to republish it separately.

On the same page, enter your details - email, website URL, select blog platform (select: Blogger) and number of related posts to show; Click 'Get Widget' - a new page opens. Click 'Install Widget' - a new page opens; If you have multiple blogs on the same Google account, select the right one for which you are configuring. Aug 29, 2014 - Here in this Pin-board you will find images linked to service providing with best blogger widgets, blogger gadgets, blogger tips and tricks and blogger tutorials. See more ideas about blogger tutorials, blogger tips, blogger.

How To Setup Related Posts Widget for blogger

What Are Deprecated Methods?

These are methods that are no longer supported or comply with standards, they may still work on some web browsers but the result is not guaranteed. Are you using <center> </center> and <div align='center' > </div> to centre items? These have been deprecated for quite some time. You can read more about it in How to Correctly Center Items in HTML using CSS.

Correctly Center elements on Blogger

Here are a list of ways to center the different elements on your Blogger blog. Note, this may vary depending on the code your template uses. Double check the class or id, and replace the selector below with the correct one for your template.

Centre Header Image/Logo on Blogger

Add the following code above </b:skin> to Template > Edit HTML

Centre Post Title on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre Post Date on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

or

Centre Navigation Menu Items/Tabs on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Full tutorial and more styling code in this basic navigation tutorial.

Centre Page List Items/Tabs on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre Sidebar Gadget/Widget Titles on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre Blog Post Images on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre The Archive Widget/Gadget List on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre Sidebar Items and Gadgets on Blogger

Add the following code above </b:skin> to Template > Edit HTML.

Centre Heading Tags in Posts on Blogger

How To Setup Related Posts Widget For BloggerHow

Add the following code above </b:skin> to Template > Edit HTML.