Blogger Codes

  https://www.meersworld.net/2019/12/blogger-show-recent-and-specific-label-posts.html

  Structure of Custom Blogger Themes The documentation for Blogger Themes is lacking and incorrect in many spots, making it really difficult to get started on your own. You could of course rip code segments from existing themes but that is hardly the best method to go about creating your own theme. This document will cover the basic structure of the Blogger theme. In future posts (linked at the end) I will cover more parts about Blogger Themes. Blogger Themes are created using an XML Document (only one file). This single document specifies all cases of the website (index / archive / item) along with special styles for the “Widgets” you add to each section of your blog under the Layout section of Blogger Administration Panel. With all of this content in a single document, organization is key and understanding what everything does is even more important. Basic Layout Below is a very stripped down frame of the beginning layout of the XML document for a theme ...

 How To Make Blogger Blog Template From Scratch Many Bloggers prefers Blogger over WordPress.But still, the truth is most of the blogs are based on WordPress.This is the reason there has been a lot of development in WordPress Themes,Plugins tools etc. But today, we are going to see how to make the theme of the Blogger blog from scratch. If you also want to make your own theme, for personal or commercial use, you may require - Knowledge of HTML or XML Little CSS  And JavaScript(if you want to add the further functionality to the theme and its elements) So let's start. Creating A Blank Theme Template We start first by creating a blank template.Later on we will go on adding elements. You can start by making a XML file on your computer (local storage) OR directly start by typing in the  Blogger's HTML editor .I will suggest to directly write in Blogger's HTML editor as you can execute the script there and other hand, check for the errors also. Before writing,  Backup y...

  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...