Get all blogger tools and tutorials with Educations tools , Entertainment Tools, Govt. Jobs Alert... blogger tips,tricks secirets and more tutorial , templates , widgets ,multiuse of alphause,
Friday, April 11, 2014
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
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment