Skip to main content

How to Embed Twitter Button On A Blog

How to Embed Twitter Button On A Blog - trafixxo.blogspot.com
Most of the blogs and websites have their own social media pages embedded. In the previous blog I posted, I created a guide on how to embed Facebook Page on a blog. 

In this blog, I'm gonna show you how to embed Twitter Buttons on your blog easy and fast but it's your choice if you want to do it manually on the Twitter Publish Page.

How to Embed Twitter Button On A Blog

1. Log in to your Blogger Dashboard.

2. Navigate your Blogger Dashboard. Click Layout, then Add Gadget, and click HTML/JavaScript (pattern must be Layout > Add Gadget > HTML /JavaScript).

How to Embed Twitter Button On A Blog - trafixxo.blogspot.com

3. Once, the HTML/JavaScript gadget is added. Select what widget you want to use and appear in your blog. 
How to Embed Twitter Button On A Blog - trafixxo.blogspot.com
4. Find and copy the right code below on the button you choose.

 For Share Button | 

<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


For Follow Button | 

Don't forget to change this line of code into your own Twitter account address.
Change this: 
    - https://twitter.com/trafixxo into 
    - https://twitter.com/yourtwitteraddress 

<a href="https://twitter.com/trafixxo" class="twitter-mention-button" data-show-count="false">Tweet to @trafixxo</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


 For Mention Button |  

Don't forget to change this line of code into your own Twitter account address.
Change this: 
    - https://twitter.com/trafixxo into 
    - https://twitter.com/yourtwitteraddress 

<a href="https://twitter.com/trafixxo" class="twitter-mention-button" data-show-count="false">Tweet to @trafixxo</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

For #Hashtag Button | 

Don't forget to change this line of code into your own Twitter account address.
Change this: 
    - https://twitter.com/intent/tweet?button_hashtag=trafixxo" into 
    - https://twitter.com/intent/tweet?button_hashtag=yourhashtagkeyword"  

<a href="https://twitter.com/intent/tweet?button_hashtag=trafixxo" class="twitter-hashtag-button" data-show-count="false">Tweet #trafixxo</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


For #Message Button | 

 Don't forget to change this line of code into your own Twitter account address.
Change this: 
    - https://twitter.com/messages/compose?recipient_id=trafixxo into 
    - https://twitter.com/messages/compose?recipient_id=yourtwitterccountaddress

<a href="https://twitter.com/messages/compose?recipient_id=trafixxo" class="twitter-dm-button" data-screen-name="trafixxo" data-show-count="false">Message @trafixxo</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

 5. Paste the code you copied in the HTML/ JavaScript Gadget. Type your Title (example "Follow Us on Twitter" or "Message Us on Twitter"), and click Save.
How to Embed Twitter Button On A Blog - trafixxo.blogspot.com

5. Type your web address in the browser's search bar and see if it appears.
Labels:

Comments

  1. Faiza JeeSeptember 24, 2019 at 2:56 AM

    I found that site very usefull and this survey is very cirious, I ' ve never seen a blog that demand a survey for this actions, very curious... Buy Twitter Retweets

    ReplyDelete
  2. pvaaccountsMarch 14, 2020 at 1:14 AM

    Very nice write-up. I absolutely appreciate this website. Thanks!
    Buy twitter pva accounts

    ReplyDelete
  3. ABMarch 17, 2020 at 9:28 PM

    It is the intent to provide valuable information and best practices, including an understanding of the regulatory process. زيادة متابعين تيك توك

    ReplyDelete
  4. razzaqMay 2, 2020 at 11:24 PM

    Can nicely write on similar topics! Welcome to here you'll find out how it should look. cryptocurrency ticker widget

    ReplyDelete
  5. YousufzaiJune 26, 2020 at 11:33 AM

    Oh my goodness! a tremendous article dude. Thank you Nonetheless I'm experiencing difficulty with ur rss . Don know why Unable to subscribe to it. Is there anybody getting equivalent rss problem? Anybody who is aware of kindly respond. Thnkx Insta khabr231

    ReplyDelete
  6. Omninos SolutionsSeptember 3, 2020 at 12:40 AM

    Great! Thanks for sharing this unique and awesome post.
    Twitter Clone

    ReplyDelete
  7. Muhammad HassanSeptember 20, 2020 at 2:08 PM

    Your articles are inventive. I am looking forward to reading the plethora of articles that you have linked here. Thumbs up! Mark Lutchman

    ReplyDelete
  8. Jeff L. VenturaOctober 3, 2020 at 4:04 PM

    "I personally use them exclusively high-quality elements : you will notice these folks during:

    " fiverr seo

    ReplyDelete
  9. malaika riazNovember 22, 2020 at 3:31 PM

    We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. buy tiktok followers

    ReplyDelete
  10. SEO AgencyJanuary 13, 2021 at 8:14 PM

    Wow, excellent post. I'd like to draft like this too - taking time and real hard work to make a great article. This post has encouraged me to write some posts that I am going to write soon. buy google reviews

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Remove Search Bar in Infinix Note 4

You might want to remove the Search Bar displayed in your Infinix Note 4 phone but you don't know how to. Here is the guide to remove or disable the Search Bar on your mobile phone. 1. Long Press on your home screen. 2. Press the "Menu Button" 3. Find and select the "Other Settings" 4. Turn off the settings for Search Bar (by swiping the button from right to left and it will turn from color green into gray color) And, if you wanted to display it again. Just follow the same procedure and turn on the setting for the Search Bar. If you wish to display it again just swipe the button from left to right (from the color gray will turn into green).
2 comments
Read more

How to Translate Text in Google Sheets

 Updated post here: https://werkify.blogspot.com/2023/02/translate-text-in-google-sheets-using-the-googletranslate-formula.html Having a hard time to translate text in Google Sheets? Here is a tip on how you can do it. GOOGLETRANSLATE Function Syntax GOOGLETRANSLATE(text, [source_language, target_language])   - text ~ the cell (text) you want to translate      - source language ~ the original language of the text; if you don't know you can use "auto"      - target language ~ the language you want the text to be translated ( language code usually start with the first two letters e.g. English ~ "en" , Korean ~ "ko" ) Is your language supported? Browse the list of Google Translate Supported Language . Translate My Sheet Add-on Translate My Sheet This simple Google Add-on allows you to translate your spreadsheet in more of 100 languages! Two options are available:      - Translate your selected range  ...
Post a Comment
Read more

How To Remove "Ads" or "Recommended Apps Ads" in Infinix Note 4

Usually, ads should be displayed when you have an internet connection. But, in Infinix Note 4 it's like you have built-in "Ads". This is something irritating. To solve your problem in your mobile, follow the instructions on how to get rid of this "apps ads". There are two settings you need to navigate to hide or remove these annoying ads. To remove or hide the "Instant Apps" To remove or turn off "Application Recommendation" 1. Press the "Home Widget" to navigate all the apps installed in your phone. 2. Press the three (3) dots (:) aligned horizontally, found in the right corner of the search bar 3. Press the option "Hide the Instant Apps" To remove or hide App Recommendation 1. Long Press on your home screen. 2. Press the "Menu Button" 3. Find and select the "Other Settings" 4. Turn off the settings for Application Recommendation (by swiping the button from ...
6 comments
Read more