How to use bootstrap in blogger in 2020?

Adding bootstrap in a blogger is an easy task. If you are thinking of redesigning your blogger template by adding a bootstrap fr...

Adding bootstrap in a blogger is an easy task. If you are thinking of redesigning your blogger template by adding a bootstrap framework, you are in the right place. This article is for you.

What is bootstrap?

Bootstrap is one of the most popular CSS frameworks to design your blog or website. In simple words, you can decorate or redesign your boring website by using this simple CSS framework.

Moreover, the bootstrap framework makes your blog or website more responsive and transforms it into a mobile-first platform. 

Google and Bing search engines love the so-called mobile-first websites, thus making your blog/site easy to rank.

How to add bootstrap to blogger?

Here are a few simple steps to add bootstrap to the blogger.

1. Go to the Blogger dashboard
2. Click on Themes
3. Click on the 3 vertical dots
4. Click on edit HTML
5. The HTML code of your blogger template will be opened.
6. Click CTRL+F
7. A search bar will open on the top of the HTML code
8. Type "skin" in the search bar
9. Just above the skin paste this code

[<!-- CSS only --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"/>]

    10. Now search for </body>  in your HTML code.

    11. Paste this code just above the closing tag of the body [</body>]

[<!-- JS, Popper.js, and jQuery --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>]

This ends adding bootstrap to the blogger template. Now enjoy the premium features of bootstrap on your blogger template. Re-design your blogger template using bootstrap into a beautiful and responsive blog or website. 

If you like the post, share it with your friends.