Skip to main content

How to Add Twitter Tweet & Follow Button on Blog or Website


Twitter Birds PNG Logo


Social sharing options are great tools to spread your web contents throughout the world. There are many powerful social sites like Facebook, Google, Twitter etc. These sites have their own social sharing buttons. Today I will talk about Twitter Buttons. 

In this post you're getting two buttons. The first one is Tweet button which you can use for sharing on Twitter. And the 2nd one is Twitter Follow button. But if you want you can use the two buttons in a single gadget! View the demo below: 






Look at the codes below. There are two codes. The first one is tweet button. And the second one is Follow button. If you wanna use both the two then copy and paste these codes into your HTML. You can place them separately or combined as your wish. 



<a class='twitter-share-button' data-size='large' data-url='http://munnamark.blogspot.com/' data-via='markspcsolution' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

<a href="https://twitter.com/markspcsolution" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @markspcsolution</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>



Installing Codes on Blogger:
Blogger > Layout > Add a Gadget > HTML/ JavaScript > Copy and paste the above code(s) > Save > View your blog. 
Remember: Notice the red parts of the codes. Replace the URL and twitter username which are marked in the code. 

For other websites, you need to copy and paste the above codes in appropriate place. But try to keep this code at the bottom for fast loading of your page. 



You can also customize your buttons directly from twitter. 
Tips: Always try to place java codes at the end of your site. It will help to load your page faster. 

Stay with Marks PC Solution to get more interesting IT topics!

Labels:

Comments

Post a Comment

Popular posts from this blog

GTA San Andreas Cheat Code (PDF)

After Vice City, San Andreas is the most popular game released by Grand Theft Auto (GTA). Usually GTA releases role playing game. San Andreas is such a game where you can act like a person. You can do everything. You have to take part in missions and complete them.  To make your missions easier, there are lots of cheat codes. If you can properly apply these codes, the tough parts of the game will be easier. Cheat codes are somewhat like keyboard shortcuts of computer programs.  I've shared 63 cheat codes below. There were more cheat codes in my collection, but I've omitted the less important cheats. Effects or result of the cheats are on the left side, and the codes are on the right side.  You can copy the following codes in your PC. And for your convenience, I've also uploaded a PDF file of these codes. You will find the download link at the bottom.  Effect Cheat Code Adrenaline Mode MUNASEF All Cars Explode ALL...
8 comments
Read more

Office 2016 Activator (KMSPico 10.1.5)

It's been couple of months after the release of final version of Microsoft Office 2016. And maybe you're tired of finding for a working activator for this version. Today I'm gonna share Office 2016 activator with you - no more waiting!! About the Activator   Name: KMSPico 10.1.5 File Size: 3 MB (Approx) File Type: Zipped Folder 100% Neat & Clean - No virus! Activating Capacity . . . KMSPico 10.1.5 is successfully leading the KMS world for last few months. If everything is okay, success rate is 100%. This tool has been tested and verified by Marks PC Solution. With this tool, you can activate -  Office 2016, 2013 & 2010 Windows 10, 8.1 & 8 Hopefully this version will work for both 32 bit & 64 bit versions of Windows. Installing Office 2016 Collect/ Download Office 2016 Professional Plus from Microsoft or somewhere else. Install it as trial version without any key. Use the follow...
187 comments
Read more

How to Change IP Address on Windows 10 (Easy Way)

    In fact this is not a very difficult task. But in case of emergency you may not find the right option and this happened in my office few days ago! I solved the problem myself and decided to write a note for you at my site . . .   Changing IP Address on Windows 10 Simply move your mouse pointer at the bottom right corner and make a click on network icon > choose Open Network and Internet settings. Follow the image below -    After clicking on this option you will get the following dialogue box. Here you should notice Ethernet properties. Click on it.   Now you will get another screen as below. Here you will get several options. But our concern is IP settings and Properties . If wanna view your IP details then look at the Properties. If you need to change it then hit on the Edit button.    After clicking on the Edit button you will have two options i.e. Automatic (DHCP) & Manual.    In order the change the IP you should choose ...
Post a Comment
Read more