How to add Telegram social icon/button in Blogger website

How to add the Telegram social button/icon to the Blogger website

How to add the Telegram button/icon to the Blogger website

Procedure to add Telegram icon in Blogger Website:

  1. First of all, go to the layout of your theme and add "telegram" to the social menu.
  2. Then open your theme HTML editor.
  3. Click on the empty space and then press ctrl + f to open the search box.
  4. Inside the search box type Instagram or Facebook. It's not mandatory to search only for Facebook or Instagram, search whatever you want but remember it should be present in your theme. We are using these names to identify the code position where we have to do further amendments.
  5. Now according to the theme, I am using for this tutorial (Newsplus), I have to edit three lines of codes. You may defer.
  6. For the logo: select from .social up to the closing curly bracket. copy it and paste it in the new line and change the following: .social .telegram a:before{content:"\f1d8"}.
  7. For the color: select from .social up to the closing curly bracket. copy it and paste it in the new line and change the following: .social-color .telegram a{background-color:#0088cc}.
  8. For the text: .social-text .telegram a:after{content:"Telegram"}.
  9. Now save the file and refresh your home page, you will that now the Telegram icon has been added to your social icons/buttons. 

Telegram Unicode: f1d8

Telegram color code: #0088cc



Download NewsPlus Blogger Template

Download File

You may also like:

Post a Comment

0 Comments