How to Embed Twitter Button On A Blog

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).

3. Once, the HTML/JavaScript gadget is added. Select what widget you want to use and appear in your blog. 

4. Find and copy the right code below on the button you choose.

For Share Button | Tweet

<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 | Follow @trafixxo

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 | Tweet to @trafixxo 

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 | Tweet #trafixxo

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 | Message @trafixxo

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.

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