Understanding the Page Elements of a Blogger Layout alphause

Helplogger Home Blog DesignWidgets SEO Menus Po ... Understanding the Page Elements of a Blogger Layout 8 comments When following a tutorial to add a gadget/widget or make some customizations in a Blogger blog, some new users may not know the meaning of certain terms, and sometimes, it may be harder to locate them. As for the gadgets, usually it is required to access the blog's layout in order to add or arrange any of the page elements. For a better understanding, here are some basic explanations about thePage Elementslocated in theLayoutsection of aBlogger dashboard. What are the Page Elements?Page Elements is, basically, the body of our blog. To access the Page Elements, we need to click on the "Layout" option in the Blogger dashboard. Understanding the Page Elements sectionsThe Blogger Layout is made of "sections and elements". The sections mark certainareas of a page. Every section is represented by the tagand has an unique "ID" that names its element which is followed by a "class" tag. Each section has someattributesand through these, we can determinethe number of elementsallowed in the section and if this section gives theoption to add a "page element". Let's take a look to an example of the default code related to theheadersection found in the HTML of a Blogger template: <-- rest of the code --> Breaking apart the code above: 1. Edit HTML), click anywhere on the code area and find (CTRL + F) this code snippet: margin-left: -$(tabs.margin.side); You need to remove this piece of code. Now to center your header, please find this tag: ]]> And just above it, add this code: img#Header2_headerimg { margin: 0px -20px; } Save your template and you should see the changes. Thanks for visiting :) Bette Blues 3/02/2014 Sorry, forgot to include my blog url: http://bettesblues.blogs pot.com Rgds, Bette Reply felicia garcia 3/03/2014 good tutorial for beginners. Reply Bette Blues 3/03/2014 THANK YOU SOOOOO MUCH!!!!! How easy it is when you know how :):):) I have tried dozens of ways to fix this. And it never worked.!!! I owe you big time,. Thanks!!!! Cheers, Bette Reply Replies Admin 3/04/2014 You're welcome :) anees baloch 3/07/2014 Can we past wordpress templet html code ın blogger template Reply Mansinh Gohil 3/10/2014 Your Work Is Awesome,,,,Keep it up Sir .....I get Lot's Of Useful Information Frome Here And Thanksful to U Frome Heartly ........ Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,775 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments Joseph V M Hi, I've added pagination to my blog... dara king good Mel Ancheta You did it finally, thanks admin (: sorry for my late reply... Sandra Harriette It never ceases to amaze just how much we can do with Blogger.... Gabor Sziladi One question i still have...how can i keep distance between my... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 0 Like