Understanding The Page Elements Of A Blogger Layout
Sunday, February 2, 2020
Edit
When next a tutorial on how to add together a gadget/widget or brand about customizations inwards a Blogger blog, about novel users may non know the pregnant of for sure terms, in addition to it may hold out harder to locate them. As for the gadgets, ordinarily it is required to access the blog's layout inwards social club to add together or accommodate whatsoever of the page elements.
For a meliorate understanding, hither are about basic explanations close the Page Elements located inwards the Layout department of a Blogger dashboard.
Let's accept a await to an instance of the default code related to the header department flora inwards the HTML of a Blogger template:
After you lot direct maintain added a page element, gadgets tin hold out moved up, downward or sideways. You tin position them wherever you lot want. Of all the existing gadgets, the most used is the "HTML/JavaScript". Inside this gadget (widget) you lot tin insert whatsoever code, every bit long every bit it is inwards the HTML or JavaScript language.
Each fourth dimension you lot determine to add together a novel gadget, click on the "Add a gadget" link inwards the surface area where you lot desire to add together it. For example, if you lot desire to add together a JavaScript code in addition to desire it to look in the sidebar, you lot should click on the "Add a gadget" link inwards the "Sidebar" section, direct the "HTML/JavaScript" selection in addition to glue the code inwards there.
Once you lot direct maintain added novel gadgets (widgets), it is recommended to banking venture gibe the changes past times clicking on the Preview push earlier saving anything. So, if something went wrong, you lot exactly click on "Clear" in addition to everything that was non saved volition furnish to its previous state. If the seat of whatsoever Page Elements (Gadgets) has been rearranged, you lot volition postulate to click on the Save arrangement push inwards social club to encounter the changes.
For a meliorate understanding, hither are about basic explanations close the Page Elements located inwards the Layout department of a Blogger dashboard.
What are the Page Elements?
Page Elements is, basically, the trunk of our blog. To access the Page Elements, nosotros postulate to click on the "Layout" selection inwards the Blogger dashboard.Understanding the Page Elements sections
The Blogger Layout is made of sections in addition to elements. The sections grade for sure areas of a page. Every department is represented past times the <b:section> tag in addition to has an unique "ID" that names its chemical ingredient which is followed past times a CSS "class" selector. Each department has about attributes in addition to through these, nosotros tin determine the position out of elements allowed inwards the department in addition to if this department gives the option to add together a "page element".Let's accept a await to an instance of the default code related to the header department flora inwards the HTML of a Blogger template:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>Breaking apart the code above:
<-- residual of the code -->
</b:section>
- <b:section is the opening tag of the section.
- class='header' - describes the existing grouping within the "header" chemical ingredient
- id='header' - identifies in addition to specifies the header every bit a unmarried element.
- maxwidgets='1' - determines the position out of elements allowed inwards the "header"; hither nosotros direct maintain the position out of gadgets that nosotros tin include inwards the header section. In this example, '1' agency that this department allows us to add together solely a gadget.
- showaddelement='no' - the 'no' attribute agency that the header volition non exhibit the "Add a gadget" link or nosotros won't hold out able to motion whatsoever Page Elements. To activate this selection in addition to thus that nosotros tin add together novel Page Elements (Add a gadget), nosotros should change 'no' to 'yes'. By setting the "showaddelement" attribute to 'yes', we'll hold out able to accommodate the elements every bit nosotros like, exactly click on the chemical ingredient that you lot desire to motion in addition to drag & drib it wherever you lot want.
After you lot direct maintain added a page element, gadgets tin hold out moved up, downward or sideways. You tin position them wherever you lot want. Of all the existing gadgets, the most used is the "HTML/JavaScript". Inside this gadget (widget) you lot tin insert whatsoever code, every bit long every bit it is inwards the HTML or JavaScript language.
Each fourth dimension you lot determine to add together a novel gadget, click on the "Add a gadget" link inwards the surface area where you lot desire to add together it. For example, if you lot desire to add together a JavaScript code in addition to desire it to look in the sidebar, you lot should click on the "Add a gadget" link inwards the "Sidebar" section, direct the "HTML/JavaScript" selection in addition to glue the code inwards there.
Once you lot direct maintain added novel gadgets (widgets), it is recommended to banking venture gibe the changes past times clicking on the Preview push earlier saving anything. So, if something went wrong, you lot exactly click on "Clear" in addition to everything that was non saved volition furnish to its previous state. If the seat of whatsoever Page Elements (Gadgets) has been rearranged, you lot volition postulate to click on the Save arrangement push inwards social club to encounter the changes.