Blogger Codes

  How To Install Bootstrap Navbar Component To Blogger Theme As mentioned before, we do not use pre-installed Blogger navbar and header widgets on our blogger theme. We install Bootstrap 4 navigation bar and header directly into our template. The other important issue is about Bootstrap navbar CSS class name which need to be changed to a new CSS class name. This issue occurred due to a CSS class name conflict with the pre-setting blogger widget styling. You may refer to our previous post for the method to change Bootstrap 4 navbar class name. Below is the HTML markup to position the Bootstrap 4 navigation bar and header of the template. Setting of the components is important as we want to place them at the most top of the page. Hence, other components, which are visible on any page, should not be installed above these component HTML markups ... ... Copy This Code Method Explanation The Bootstrap Navbar and Heade...

  Bootstrap 4 Jumbotron Component Installation Process The Bootstrap 4 Jumbotron Component can be added to any section of the template. This post is to explain the process to install the component to header section only. The method requires a copy and paste process, which makes it easy to add the component on any part of the template such as post content. Where to place a jumbotron for header section The HTML markup for jumbotron component should be place inside the  <header>  tag after the  <nav>  tags markup as shown in the example below. Html Code --- --- --- Copy This Code Full Code For The Bootstrap 4 Jumbotron Header This code is to create a jumbotron that occupies the entire horizontal space of your page layout. This jumbotron is more suitable for header as it is applied CSS element of background-image to displ...