Clickable Links in Your Twitter Background

***My apologies on the previous post, i had accidently let my draft get published before i was even finished with it :S. Here is the tutorial on how to make your Twitter Background Clickable.***

I was always more of a Plurk or Facebook person. I had my karma going up and everything. After a while i decided to just switch to twitter and after seeing a number of people with their own twitter background. I decided to make my own. However i wanted to make it even more interesting…

By making my background clickable.. with links!

Why make your twitter background even with clickable links in the first place? Well it’s a lot cooler than having your future/current followers move their mouse all the way to the right column of the page (which they may miss sometimes) or typing your link in the address bar, or even searching for you.

So i say make your twitter background clickable with actual links that work!

Is that possible? Yes it is. Let me show you how you can make yourself even more interactive with your twitter followers by making your twitter background clickable!

Yeap you can put in links and have people click on your background! And no i’m not talking about the profile section. This will be literally your background. Just follow the steps.

Step 1

Create your Twitter Background. You can have some ideas on how to create your own Twitter Background here on my post “Custom Twitter Background”

 

I spent a while on this. I still feel something is a miss but i’ll figure it one day.

Step 2

Now head on to your Twitter Settings>Change Background image.

 

Step 3

Once your new background image is in place, head on to Clickablenow.com.

 

Step 4

Just follow the steps But ok as a heads up, you will need to install a script that will first allow your browser to be clickable. Please note that not everyone knows about this feature so it’s a good thing to get people aware. This script is supported on the following browsers:

• Firefox 3.*/Flock
• Internet Explorer
• Google Chrome
• Opera
• Safari for Mac
• Any browser that supports Greasemonkey.  See the script at userscripts.org.

I’m using Google Chrome so i downloaded the script/ extension for my Chrome browser.If you like go ahead and download Chrome first.

Then install the Clicakblenow Extension here.

Step 5

Once done, sign in with the button on the right hand column. They will ask you whether you would like to allow the application to access your twitter account. Just allow.

 

You will then come to this page and that’s where the fun starts

Here just add links to where you want. The new link button will look like the one shown on the image below. Showing a faded white box with two words in them “Link | Remove”.  Key in the link url of where it is you want your followers to go too. Don’t worry about them moving on to a new page, for each link will open up on a new tab.

Save your ‘work’ and go test out your twitter page.

 

Check it out roll your mouse on your twitter background and you’ll notice that the areas with a link has a scrollover button feature. For mine I’ve shaded it to pink when you have your mouse over it.

Now i’m not sure for some of you, but when i first tried out clickablenow, it will state at the left corner of the page that the twitter background is clickable. Just a small “clickable” will be there. However that doesn’t appear anymore. All the same don’t worry as long as you can see that your links are shaded with the color you’ve chosen, you’ll know it’s working.

Things to keep in mind.

1. If you have just loaded a new twitter background, click the “refresh” button if not it’s going to end up showing you the old twitter background.
2. SAVE! always save your new added links.
3. Also note that it’ll be good if you save the new twitter background which will have a name like this “yourtwitterbackground_.jpg”.
   Load that jpg into your twitter background. I just do it as an extra precaution to make things work
4. If you want to add the Social Media Icons, please be warned that it can be a bit of hassle. This is because when you want adjust your icons, it may not be very friendly. You’ll have control of the icon but it’ll look like your mouse is at the top of the page but the icon is somewhere at the bottom. :S
   
   Was a prob for me and even more so if you don’t have steady hands. My suggestion, you want the icons, just add them on photoshop

Below are some examples of how the clickable twitter backgrounds will work.

Or even Giden’s twitter page which i’ve designed and made clickable first before mine. You can read about his post too on making the twitter background clickable.

So go ahead and make your background Clickable! Show me and i’ll go click on it hehe.