I get quite a few inquiries about how to add social media badges to a website. To be sure, it is definitely important to have a link to your Facebook, Twitter and especially your IMDb account on your website. This is a crash course guide for only the most technically illiterate. I’m going to walk you thru this, step by step. When I say step by step, I mean baby steps. I mean you CAN do this!

 

Adding badges.

How it looks.

Like this:

or this:

or this:

Actually there’s a ton of different styles! I found these particular ones at niftybuttons.com. There’s whole ton of websites just like this out there that are easy, fast and free.

How to do it:

Since there’s a multitude of services out there for this exact same thing, I’m just going to give you a quick run thru with one of them. Just remember the goal is to get the code and put it in your site.

1)

Visit niftybuttons.com

NiftyButtons
NiftyButtons

2)

Choose a theme by clicking on the design you like.

3)

Fill out the form with your social media URLs.

NiftyButtons Form
NiftyButtons Form

4)

Click submit and copy the code. Continue on to steps 5-9 below.

Adding a follow button for Twitter.

How it looks.

, then there’s this:

There’s a couple more slight variations to these.

How to do it:

1)

Visit http://twitter.com/about/resources/buttons#follow to customize your Twitter buttons and get the code to put them in your website.

2)

You should now be logged into a page that looks like this. You may be required to log in to Twitter for this to work, FYI.

Twitter Buttons Page
Twitter Buttons Page

3)

Twitter - Style Chooser
Choose one of these styles. No, not here! This is just a picture! Go to the link in step 1.

4)

Twitter - Get Code
Once you've selected the style you want, copy the code.

5)

Now it’s time to paste that code into your website. First thing you need to do is log in to MyActingSite.com.

MAS Admin
Usually people put these on their homepage.

6)

MAS Admin Editor Box
Click on Source

7)

Source Code
Here's where you paste your code. Your website may have a lot more code than this. Don't worry about that - Just paste it at the end.

8)

Pasting Twitter Code
Pasting Twitter Code. You know the rest. Click save up top, then click publish. After your page is done publishing, you will see the changes you just made on your website.

9)

Twitter Example Screen Shot
Good job.

Embedding Your Twitter Feed.

How it looks.

How to do it:

1)

Visit twitter.com/settings/widgets

2)

Click “Create new”

Create widget
Create new button.

3)

You can edit appearance settings here. Click “Create widget”

Widget Creation
Widget Creation

3)

Copy the code and follow steps 5-9 above.


Embedding a Facebook Post.

How it looks.

How to do it.

1)

To embed a Facebook Post, simply click on the drop down arrow in the top right corner of any post and navigate to embed post.

Embed FB Post
Embed FB Post

2)

Copy the code and continue on to steps 5-9 above!

FB Embed Post Copy Code
FB Embed Post Copy Code