Toll Free: 1-877-695-7388

GTA: (647) 699-2838

Search Engine People
  • SEO
  • SEM
  • CRO
  • Display
  • Blog
  • Why Us
  • Contact
  • Join Our Team
  • Get A Quote

Toll Free: 1-877-695-7388

GTA: (647) 699-2838

Make Your Own Twitter Button With Custom Text

Ruud Hein | April 4th, 2012
Tweet59
Share19
Share
Pin2
80 Shares

On this blog we sometimes insert a Tweet This button. That button didn't exist; I made it.

Reproducing the house style of the Twitter button is simpler than you think. No need to get the colors right or find out which font is used. Simply follow these 7 steps instead and have your own Twitter buttons in minutes.

1. Goto The Twitter Button Page

image

Type in, click on, or otherwise navigate to Twitter's Twitter Buttons resources page.

2. Pick One

image

There are four types of buttons the page can help you generate; share a link, follow, hashtag, and mention.

Pick the hashtag one for things like tweet now, tweet that, tweet whatever.

Pick the Mention one for things like tweet to win, tweet to enter, tweet to whatever.

3. Enter What You Want

image

In the input field under Button Options, enter whatever text you want on the button. Twitter cuts out any spaces. You can add them later on with some cut and paste wizardy (see step 6) but for now go with one word.

4. Screen-clip It

image

The resulting button you see isn't an image you can right-click and save. A handy way to get around that is to take a screen clip of it.

I used Snagit but you can also use something like Windows' free snipping tool or pick up one of the many free solutions out there. For what it's worth, my money is on Snagit.

5. Open In Editor

image

Open the screen clip of the button in a graphic editor you feel comfortable with. Nothing fancy needed here.

Again, my pick is Snagit; it comes with an editor that is simple, perfect, clear, and tuned to perfection to work with screenclips. But anything will do really; every Windows install has Paint on it, for example.

6. Cut

image

image

 

If the button clip shows more than the button trim/crop the clip as precise as you can.

Now cut out the unwanted part of this button. In my case I only needed to remove the # itself; you may want to remove "Tweet #".

If your editor doesn't automatically fill the cut out part, make a selection around the leftover word, cut, paste, and then drag it to its right place.

7. Save

image

Satisfied with your work, save your button image, upload it and use it as you see fit!

To link the button to post a Twitter status message use this code:

<a target="_blank" href="http://twitter.com/home/?status=YOUR-MESSAGE-HERE">
<img src="location-of-your-button-image"></a>

8. Try It

I made a Twitter button with custom text using this walkthrough:

Conclusion

  • Use Twitter's own button generator
  • Take a screenshot of the button you made
  • Cut out the unwanted part(s)
  • Save and use your custom button

More On Twitter:

  • 7 Easy Steps To Turn Your Twitter Account Into A SEO Magnet
  • 5 Fun & Fringe Twitter Tools
  • Building Links with Twitter: Collection of Best-Working Tips
Tweet59
Share19
Share
Pin2
80 Shares
Posted in Social Media MarketingTagged button, howto, social, tool, twitter

About the Author: Ruud Hein

My paid passion at Search Engine People sees me applying my passions and knowledge to a wide array of problems, ones I usually experience as challenges. People who know me know I love coffee.

Ruud Hein

3 thoughts on “Make Your Own Twitter Button With Custom Text”

  1. C Speno says:
    April 4, 2012 at 1:37 pm

    Not only did I enjoy this post, but LOVE the way you organized the information – in true technical writer fashion. Great job, as always, Ruud. Now I’m off to personalize my twitter button 🙂

    1. Ruud Hein says:
      April 5, 2012 at 7:03 am

      Very kind of you, Christine — I gracefully accept your compliment 🙂

  2. CJ @ StrategicMarketingGuy says:
    February 21, 2013 at 12:41 am

    Great post, Ruud. Quick question, how did you get the URL to show up in the Tweet message? I’m not sure how to do that. It’s not showing up when I try to use your suggested URL format. Thanks!

Comments are closed.

Recent Posts

  • Maximizing Your E-Commerce Sales:
    A CRO Audit Guide
  • Movin’ On Up! Why Migrating to Google Analytics 4 (GA4) Should be a Priority
  • A Year in Review: The Digital Marketing Trends That Defined 2021
  • The Basics of Video Marketing
  • Just How Much Do Google Reviews Impact Your SEO Ranking?

Categories

  • Analytics & ROI Analysis
  • Company News
  • Content
  • Conversion Optimization
  • CRO
  • Display Advertising/RTB
  • Email Marketing
  • En Español
  • En Français
  • Inbound Marketing
  • Lead Nurture & Marketing Automation
  • Local Search
  • Marketing
  • Mobile
  • Partnership Marketing
  • PPC
  • PR
  • SEO
  • Social Media Marketing
  • Web Design

Additional Posts

How To Filter Your Twitter Stream by Using Twitter Lists

April 3rd, 2012 | by Dorien Morin-van Dam

When Do New and Old Pages Outrank The Other?

April 3rd, 2012 | by Eliseo Villamin

Q: What URL Should I Use For My Mobile Website? A: Responsive Design

April 2nd, 2012 | by Ruud Hein

LET'S TALK

Need more information or want to get in touch?

Get in touch!
  • SEO
  • SEM
  • Display
  • Blog
  • Why Us
  • Join Our Team
  • Contact Us
  • Local SEO
  • Small Business SEO
  • Enterprise SEO
  • International SEO

LOCATION

1305 Pickering Parkway,
5th Floor Pickering, L1V 3P2

PHONE

Toll Free: 1-877-695-7388
Greater Toronto Area: (647) 699-2838

Social

© Search Engine People Inc. 2023 – Canada’s Top Digital Agency
© SEP 2023 – A Search Engine People Company | Privacy Policy

Search Engine People