Storage of Digital Codes and Information: Create social media buttons on our blogger

STODICO

Storage of Digital Code x Information

How do we create social media buttons on our blogger?

Every blogger will definitely have a menu or social media buttons, both at the top and bottom. This aims to enable readers of our blog to contact us and this is also a good opportunity for bloggers to introduce their mass media to a wide audience. This can also aim to increase our views to become increasingly famous. Here's how to add custom buttons with animation for social media:

1. Copy the HTML code below

.social-icons-container a {
  display: flex;
  gap: 8px;
  font-size: 42px;
  text-decoration: none;
  align-items: center;
  width: 38px;
  height: 38px;
  line-height: 0;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2);
  transition: all 400ms ease;
}

.social-icons-container a:hover {
  width: 138px;
}

.social-icons-container a .name {
  font-size: 16px;
  font-weight: bold;
}

.social-icons-container a:nth-of-type(1) {
  color: #3AEC5D;
}

.social-icons-container a:nth-of-type(2) {
  color: #1da1f2;
}

.social-icons-container a:nth-of-type(3) {
  color: #e1306c;
}

.social-icons-container a:nth-of-type(4) {
  color: #ff0000;
  }
</style>

<div class="name">WhatsApp</div>
      </a>

<div class="name">Twitter</div>
      </a>

<div class="name">Instagram</div>
      </a>

<div class="name">YouTube</div>
      </a>
</div>

2. Create a new post or if you already have a previous post. You can immediately open the post you want, after that change the writing display mode to HTML display. If so, you can paste the code at the bottom. By creating a space at the bottom, then pasting the HTML code for animated text there.

3. Edit the text in the code description (Add Your Text) according to your blogger name or the text you want to enter. You can also edit the size, animation transition time, and color of the CSS code according to your wishes and don't forget to include a direct link in the instructions (Add Your Link). To change the social media image logo, you can see the complete tutorial here

You can see more details about the Fondi application and how to use it

If so, click save and see the results. Now your blogger appearance looks a little more professional than before. Don't forget to wait for the latest updates from STODICO and other interesting information about Technology and Information.

Storage of Digital Codes and Information

Senin, 03 Juni 2024

Create social media buttons on our blogger

STODICO

How do we create social media buttons on our blogger?

If so, click save and see the results. Now your blogger appearance looks a little more professional than before. Don't forget to wait for the latest updates from STODICO and other interesting information about Technology and Information.

Thank You For Visiting👋🏻

Postingan Populer