Primp My Blog: How to Add Social Media Buttons to Your Sidebar

by Kira @ Her New Leaf on January 31, 2012

Now that your blog is getting beautiful, you’re going to want to share it! Adding buttons to your blog requires a tiny bit of know-how, but it can make a big impact for your readers.

I’d also like to take a moment to share that you can now follow Her New Leaf on Facebook! I plan to use the page to communicate with my readers, find out what you want to read more about, and even provide some exclusive content for Facebook followers only!

The buttons that I use in my own sidebar are courtesy of Isa Maria of The Academy. I had been searching high and low for a cute set of icons that included a button to link to my Pinterest, and when I discovered Isa Maria’s adorable icons based on the Pantone Color of the Year, I knew they were perfect and couldn’t wait to share. Please click over to her blog and subscribe to her newsletter, they are full of wonderful tips and advice for your blog or business!

I wanted to share this fantastic resource with you all, so I decided to put it together with a teeny, tiny html primer. Don’t be scared! Way, way back when I was a wee geek of twelve, I taught myself enough html to create my own pages on Angelfire and Geocities. Remember those? So if I could do it then, you can do it now!

Rather than just giving you code to copy and paste, I figured I’d break it down a bit and teach you so that you can add a bit of html to your blog design repertoire. But if you just want to copy and paste and get it over with, I promise not to hold it against you. ; ) You can scroll to the bottom of this post to find out how.

Edit: Several of you have reported having trouble locating the URL for the buttons – that’s because you need to create it yourself by uploading the images to your own image hosting service. WordPress users can use the built-in Media Library, Blogger users can use an external service such as Photobucket. This is where you’ll find the image URL.

From your WordPress dashboard, go to Appearance > Widgets, and click and drag the “Text” Widget from the box on the left to your sidebar box on the right. It will open up a blank box.

From your Blogger dashboard, go to Design, then click “Add a Gadget.” Select “HTML/Javascript” from the menu. It will open up a blank box.

First, we’re going to learn how to create a link. You can use this basic html tag in your blog posts, email, anywhere you can use html.

<a href="URL of link">Text to Link</a>

Your link will look something like this:

My Facebook!

You can also edit this tag slightly so that your link will open in a new tab or window. This is helpful since you don’t want your readers to leave your blog to look at your pages.

<a href="URL of link" target="_blank">Text to Link</a>

But we want to show our cute buttons, so you’ll need this tag to place an image:

<img src="URL of image">

Finally, we combine the two tags to add a link to the image:

<a href="URL of link" target="_blank"><img src="URL of image"></a>

This is the same code, with my links as examples:

<a href=""target="_blank">
<img src=""></a>

Continue adding links and images until you have added all of the buttons you want! Make sure you test all your links because one incorrect character is all you need to send your readers to the wrong place!

Enjoying the Primp My Blog series so far? Consider adding my button to your blog!

{ 365 comments… read them below or add one } March 14, 2015 at 11:36 am

Sporządzamy roczne zeznania podatkowe !!! recently posted..http://www.cel-6zer.plMy Profile


Marylou March 16, 2015 at 4:59 am

Another great vantage is tha since the wholesale dealers buy jewelry
straight off from the manufacturers themselves,
so you can be secure of obtaining thhe atest patterns that you can iin turn sell to your customers at moderate margins.

However, what I like best about Wholessaling is that it GIVES YOU AN EXCUSE.
Your Supplier Sales Rep knows what product miixes you can successfully carry tyrough the seasons.
Marylou recently posted..MarylouMy Profile

Reply March 17, 2015 at 8:12 am

Ubezpieczyciel może nie wypłacić odszkodowania, jeśli szkoda nie powstała na skutek wypadku losowego, lecz na przykład w wyniku zaniedbań. recently posted.. Profile


Visit Jerusalem now March 18, 2015 at 5:42 am

Wow! After all I got a web site from where I can actually take valuable facts regarding my study and knowledge.
Visit Jerusalem now recently posted..Visit Jerusalem nowMy Profile


Lucy Thompson March 20, 2015 at 7:12 pm

I returned from Facebook well done on an outstanding social media promotion
Lucy Thompson recently posted..Lucy ThompsonMy Profile


Eyeglasses Online March 21, 2015 at 5:26 pm

Additional boost to sunglasses popularity came from designers and film stars putting
their names on the latest designs. However, to start your garden, you will want to stick to some simple basics to ensure your success as your begin to learn how to work with your space and your climate restrictions.
The power of prescription eyeglasses is measured in dioptres.
Eyeglasses Online recently posted..Eyeglasses OnlineMy Profile


pengobatan teluh March 23, 2015 at 6:33 pm

Thanks for ones marvelous posting! I seriously enjoyed reading it, you’re a great author.

I will be sure to bookmark your blog and will come back down the road.
I want to encourage one to continue your great job,
have a nice day!
pengobatan teluh recently posted..pengobatan teluhMy Profile


Brian zucker March 26, 2015 at 2:45 am

Seeing where your money is going can be done with these statements.

The records they have of their businesses are available only in notebooks and jotters, apart from what they have in their memories.
It is very important to understand your duties so that your ratings will be favorable.
Brian zucker recently posted..Brian zuckerMy Profile


android note March 26, 2015 at 11:54 am

Now, let’s create a Bitmap object from our image path.
Now the next question is – how to differentiate a malicious
app from a secure app. If you’ve seen Flipboard, you probably won’t want to
go back to reading any other way.
android note recently noteMy Profile

Reply March 26, 2015 at 11:13 pm

Vegetarian, this is the recipe you must give them feb: berry nice
pancakes to make use of a white spelt flour here. recently posted.. Profile


testo xl side effects March 27, 2015 at 6:08 pm

уou’re trսly ɑ excellent webmaster. The site
loading velocity іs amazing. Іt serms thɑt youu arе doing any distinctivbe trick.
Аlso, Тhе сontents аre masterwork. you’ѵе done a magnificent activity ߋn this topic!
testo xl side effects recently posted..testo xl side effectsMy Profile

Reply March 28, 2015 at 12:13 am

For most up-to-date news you have to pay a visit the web and on the web I found this
web site as a most excellent site for latest updates. recently posted..instagramfollowersboost.tumblr.comMy Profile


Maddison March 29, 2015 at 12:44 am

wonderful points altogether, you simply received a new reader.
What may you suggest about your put up that you simply made
a few days in the past? Any certain?
Maddison recently posted..MaddisonMy Profile

Reply March 30, 2015 at 5:14 am

Naturalna energia cieplna gromadzona jest w gruncie w okresie
od wiosny do jesieni poprzez promieniowanie słoneczne oraz opady
atmosferyczne. recently Profile


fps April 2, 2015 at 12:32 pm

Thanks on your marvelous posting! I seriously enjoyed reading it, you happen to be
a great author. I will be sure to bookmark your
blog and will often come back at some point. I want to encourage one to
continue your great posts, have a nice day!
fps recently posted..fpsMy Profile


ubezpieczenie l4 policja April 2, 2015 at 9:11 pm

Po kilku dniach pojawi się likwidator szkód, który oceni jak duże są straty oraz jaki będzie
koszt remontu mieszkania.
ubezpieczenie l4 policja recently posted..ubezpieczenie l4 policjaMy Profile


best beginner road bike April 20, 2015 at 8:46 pm

If you want to get much from this piece of writing
then you have to apply such techniques to your won blog.
best beginner road bike recently beginner road bikeMy Profile


Leave a Comment

CommentLuv badge

{ 22 trackbacks }

Previous post:

Next post: