How to Make a Social Media Button with Bootstrap on Blogger

Blogger is a website service that contains a blog publication from each user. This blogger can be used free of charge by complying with existing regulations. This blog usually contains life experiences, business affairs, short stories, writing, and so on.



Bootstrap is a CSS Framework library that is designed to enhance your appearance in website productivity. This bootstrap has a collection of script code that is ready to be used to design the look of the website so that the web programmer does not need to make CSS command codes from scratch. Bootstrap is one of the CSS Framework that is popular for web frontend programmers at this time.

How to Make a Social Media Button with Bootstrap on Blogger

1. Open a web browser on your computer or laptop.



2. Open the Blogger site. Login to the Blogger dashboard.



3. Click Layout.



4. Click Add a Gadget to create a new widget.



5. Click HTML / JavaScript.



6. Copy the Below code and Enter in there.

<div align="center">
<p>Link Media Sosial :</p>
<a href="https://facebook.com/namauser" class="btn btn-primary" style="width:100%; margin-top:8px;"> <i class="fa fa-facebook"></i> Facebook </a><br />
<a href="https://twitter.com/namauser" class="btn btn-primary"  style="width:100%; margin-top:8px;"> <i class="fa fa-twitter"></i> Twitter </a><br />
<a href="https://www.youtube.com/channel/namachannel" class="btn btn-primary"  style="width:100%; margin-top:8px;"> <i class="fa fa-youtube"></i> Youtube </a>
<br />
<a href="https://instagram.com/namauser" class="btn btn-primary" style="width:100%; margin-top:8px;"> <i class="fa fa-instagram"></i> Instagram </a>
</div>

The script code above, you can change the user name that reads "username" into your username. For those who have a Youtube channel, you can change the name of the channel that says "ChannelName" to be the name of your channel.



7. Click Save.



Done.



You can create social media button links which have a very influential role on cyberspace. You can create several social media button links that you want by using Bootstrap. Later, the link button is displayed on your Blogger site. Remember, you have to memorize the social media symbol code Font Awesome to be able to create a link button that is use without css.



Thus, how to make a button link with Bootstrap on Blogger. Good luck.