Freebies {#6} & Tutorial {#1} – Twitter Badges!

  Hey there everyone!

I have some new Team buttons ready to share, but before I wanted to offer a few Twitter buttons I made and that you can add to your blog and link it to you twitter page!

I’ll also teach you how to add them =)

First you need to go to your Blogger Dashboard and click on the “Design” link under your blog’s name:

When you are in the “Add and Arrange Page Elements” area, you should click on the “Add a Gadget” link”:

Choose the “HTML/JavaScript” gadget:

  

Now you Copy {crtl + c} the code bellow and Paste it {ctrl + v} inside the gadget window: 

 

<center><a href="YOUR TWITTER URL HERE" target="_blank"><img border="0" alt="Lala’s Designs" src="TWITTER BADGE URL HERE" /></a></center>

 

 

In the code where it says “YOUR TWITTER URL HERE”, you add YOUR Twitter link, like this:

 

<center><a href="http://twitter.com/#!/larissa_sarah" target="_blank"><img border="0" alt="Lala’s Designs" src="TWITTER BADGE URL HERE" /></a></center>

 

 

In the code where it says “TWITTER BADGE URL HERE”, you add the link of the TWITTER ICON YOU WANT, like this:

 

<center><a href="YOUR TWITTER URL HERE" target="_blank"><img border="0" alt="Lala’s Designs" src="http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton.png" /></a></center>

 

 

Now, all you have to do is choose the Twitter Icon you want, grab the URL from bellow the image you have chosen and add to the code as I have shown above:

    http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton5.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton2.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton11.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton10.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton19.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton20.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton15.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton16.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton14.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton17.png   http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton18.png     http://i637.photobucket.com/albums/uu95/lalabristow/twitterbutton21.png

 

 

PS: This You can apply this tutorial to any social media Icon you might want to install!

You can get Social Media Icons that match the ones above HERE!

**To get a URL for the image, upload to photobucket.com {or a similar website} and you’ll get a URL you can add to HTML code of the Social Media Icon you want to add to your blog.**