Monday, March 21

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:

twitter buttons tutorial 1

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

twitter buttons tutorial 2

Choose the “HTML/JavaScript” gadget:

twitter buttons tutorial 3  

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:
 
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
Lala’s Designs
 
 
Lala’s Designs

 

 

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.**

 

 



8 comments:

Midnyte Reader said...

Nice concise tutorial!

Larissa {Larissa's Bookish Life} said...

Thanks! =D

Neri said...

This tutorial was great, I'm a new blogger and this helps a lot. Thanks!

Larissa {Larissa's Bookish Life} said...

@Neri

My pleasure!

Glad I could help =)

Readers Win! said...

These are beautiful! I'm using the red bird on my site.

Do you make Tumblr buttons or know where I could find one?

Thank you so much for your freebies. They are lovely!

Larissa {Larissa's Bookish Life} said...

@Readers

I just posted Social Media Icon Packs that match the Twitter buttons above... it includes the Tumblr one =)

enjoy!

Bea said...
This comment has been removed by the author.
Larissa {Larissa's Bookish Life} said...

@Bea

My pleasure!

as for Facebook and Goodreads... the tutorial would basically be the same... the only thing that would change is that the image would be different and the link should be the one of your FB or GR page...