Header Ad

Stylish Blogger Post | Add HTML Code in Blogger Post - Skills To Learn


How To Make Blogger Posts Stylish

Stylish Blogger Post | Add HTML Code in Blogger Post - Skills To Learn



if you want to make your blogger posts stylish you are in the right place don't leave it, read this blog post completely to learn more about Stylish Blogger Posts. definitely, if you are searching for How to Make Stylish Blogger Posts then it means if you have experience as a blogger. 

We need to add a bootstrap CDN file into our blogger theme to link the CSS code of bootstrap into HTML. Follow the same steps that are given below, make sure to backup your XML file before linking the file in HTML.

Stylish Blogger Post

01 Link Bootstrap in Blogger

Go to getbootstrap.com click on get started now you will see this page copy this CSS Code then goto blogger.com select theme then click on edit HTML.


Stylish Blogger Post

02 Paste Link in Head Tag

Find < link > tag below head tag now paste this code below other < link > tag and then save it.


Stylish Blogger Post

03 How to Add HTML Code in Blogger Post

again go to the bootstrap website then find components now you will see different types of widgets or components which you could use in the blogger. if you want to add a button goto the button tab then select any one line of code.

Stylish Blogger Post

04 Paste HTML Code in Blogger Post

Once you have copied the code go to your new blogger post, on the left side, you will see <>, tap on it, and click on HTML view. Now Paste the code you have copied from bootstrap. Now click on Preview button and that code is working or not

Stylish Blogger Post

You can add multiple items of bootstrap in Blogger Post there are lots of categories in components of bootstrap. which are given below

Accordion                List group
Alerts                       Modal
Badge                       Navs & tabs
Breadcrumb              Navbar
Buttons                     Offcanvas
Button group            Pagination
Card                         Placeholders
Carousel                   Popovers
Close button             Progress
Collapse                   Scrollspy
Dropdowns              Spinners
Toasts                       Tooltips