Posts

Showing posts with the label Body Section

create Homepage in blogger using bootstrap

  Homepage - Design Process The technique to style a homepage using Bootstrap 4 is easy and straightforward. This post shows a homepage with a right sidebar and a single section homepage styling method, which we are familiar with. There are many other homepage designs you can create for your blogger theme such as a minimalist homepage, a homepage with multiple sidebars or a homepage with a left sidebar styles. At this stage, the homepage styling process is mainly to position the homepage main section and the sidebar section in a horizontal position order. We need to apply Bootstrap grid system to <b:section id='main'>...</b:section> and <b:section id='sidebar'>...</b:section>. Below are two important concerns to create a horizontal position order for the main section and the sidebar. Apply <div class='col'> to the main section or above the <b:section id='main'> in order to keep the width of main section flexible to the...
Post a Comment
Read more

How To Prepare body Section in blogger using bootstrap

  How To Prepare  <body>  Section There are 2 things we need to know before we start to re-style  <body>  section. First,  <body>  section must have at least one  <b:section>  and  <macro:includable id='sections' var='col'> . If we delete the entire contents of the  <body>  section or the section does not contain any  <b:section>  and/or  <macro:includable id='sections' var='col'> , our theme will not function. The blogger engine will inform us about the mistake and it will not allow us to save the changes we make to the  <body>  section. Second, a ready-made blogger theme contains pre-setting core template  <div>  tags in the  <body>  section, which we need to delete. These pre-setting core template  <div>  tags will create additional spaces to widgets on our template, which we are not able to modify o...
Post a Comment
Read more