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!

{ 331 comments… read them below or add one }

materac dmuchany December 14, 2014 at 3:46 pm

Pretty portion of content. I just stumbled upon your weblog and in accession capital to claim that I acquire actually loved account your blog posts.
Any way I will be subscribing in your feeds and even I fulfillment you get entry to persistently rapidly.
materac dmuchany recently posted..materac dmuchanyMy Profile


Preston December 18, 2014 at 2:37 am

Terrific post however , I was woindering if you could write a
litte more on thyis topic? I’d be very thankful if you
could elaborate a little bit further. Many thanks!
Preston recently posted..PrestonMy Profile


install games on pc December 20, 2014 at 12:26 am

There’s definately a lot to learn about this subject.
I really like all of the points you’ve made.
install games on pc recently posted..install games on pcMy Profile


peluang usaha online 2015 December 25, 2014 at 2:29 am

You need to get yor feet wet a few times before you caan master a trade.

Would you like a few ideaas to get your right brain working.
It can be hard to begin or push further to
make it succeed. In this instance, it is like having your own company within a company.
peluang usaha online 2015 recently posted..peluang usaha online 2015My Profile


Claudette December 25, 2014 at 2:45 am

Within a week, I found a complany that would design my own multilevel affiliate website for free.
For those whho pursue a home-based business, there are mmany variables to control.

As long as you know how to start the business right, you can make it wordk right.
Claudette recently posted..ClaudetteMy Profile


peluang bisnis terbaru 2015 December 25, 2014 at 10:41 am

Read the following information regarding the business
opportunity to assess whether ssuch a process is right forr you.
Today we often think of home-based businesses as being those that are totally run oon the Internet, and one has
to admit that this is a growing trend. Nootes in lunches,
on school books, shirts, foreheads. It depends onn factors like workingg status, personal preference and
aso self desire to work indoor or outdoor.
peluang bisnis terbaru 2015 recently posted..peluang bisnis terbaru 2015My Profile


materac dmuchany January 4, 2015 at 8:52 pm

After I initially commented I seem to have clicked the -Notify me when new comments are added- checkbox and
from now on each time a comment is added I receive four emails with the same comment.
Is there an easy method you are able to remove me from that service?
Appreciate it!
materac dmuchany recently posted..materac dmuchanyMy Profile


Burgery Wrocław January 5, 2015 at 1:39 am

According to the theme, the place can be painted and decorated in colours that highlight thee bzsic idea of the theme.
It is a high time to install restaurant paging system.
Read origina article Leila: Chic Lebanese Restaurant in Mall of
Arania on Cairo 360Article Source: original article on.
Burgery Wrocław recently posted..Burgery WrocławMy Profile


beginners online piano lessons January 6, 2015 at 3:32 am

Oh my goodness! Incredible article dude! Thank you so much,
However I am having problems with your RSS. I don’t understand why I cannot join it.
Is there anybody having the same RSS issues? Anybody who knows
the solution will you kindly respond? Thanx!!
beginners online piano lessons recently posted..beginners online piano lessonsMy Profile


Carlota January 6, 2015 at 10:44 am

Marketing is an extremely cost effective and fun way to reach customers.
What We’re suggesting is that you just develop a Undoubted road-map for your small
business, and you work towards it with passion and diligence.
It could be wardrobe, groceries, project materials, and school supplies for kids.
Carlota recently posted..CarlotaMy Profile


Lucky January 10, 2015 at 4:00 pm

Thank you so much, this helped a lot. I’m currently starting a new blog and this helped a ton!


Mimi January 10, 2015 at 10:04 pm

Thanks so much for this tutorial! I just put it to use and I love the way it looks. I am sending the few followers I have your way if they would like to add their own too :)
Mimi recently posted..Social MediaMy Profile


Bet365 cheat January 13, 2015 at 10:26 am

The outcome iis 1 unbelievably llight notebook — the lightest 13-incher using a normal voltage processor, to become precise.

The communities it formed gave birth to the rise of punters, who actively bett online.
Since no point spread is involved, a customer simply selects a winner
and iss paid according tto the “Money Line” the odds-maker sets.
Bet365 cheat recently posted..Bet365 cheatMy Profile


funny t-shirt design vector January 14, 2015 at 2:59 am

I enjoy what you guys tend to be up too. This type of clever work and
reporting! Keep up the awesome works guys I’ve added you guys to blogroll.
funny t-shirt design vector recently posted..funny t-shirt design vectorMy Profile


Lora January 17, 2015 at 12:03 am

This piece of writing iis really a nice one it helps new web visitors,
who are wishing in favor of blogging.
Lora recently posted..LoraMy Profile


Self-Storage South Toms River NJ January 18, 2015 at 2:04 pm

Wonderful beat ! I wish to apprentice while you amend
your website, how could i subscribe for a weblog website?
The account aided me a appropriate deal. I have been a little bit familiar of
this your broadcast provided brilliant clear concept
Self-Storage South Toms River NJ recently posted..Self-Storage South Toms River NJMy Profile


maat February 3, 2015 at 6:56 am

this helped a lot, thanks!


Rachit February 7, 2015 at 10:38 am

Nice, I’ll surely add one on my blog.
The post was really informative :)
Rachit recently posted..How to Earn Money Online via Affiliate MarketingMy Profile


camisas de moda para mujeres February 10, 2015 at 1:04 am

navegador cuestiones? A pocos de mi blog lectores
se han quejado de mi sitio no opera correctamente en Explorer, pero se ve muy bien en Opera .
¿Tiene alguna sugerencias para ayudar a solucionar
este problema problema?
camisas de moda para mujeres recently posted..camisas de moda para mujeresMy Profile


Hudson February 13, 2015 at 9:48 pm

My brother suggested I might like this blog. He was once entirely right.
This post actually made mmy day. You caan not imagine simply how much time I had spent
for this information! Thanks!
Hudson recently posted..HudsonMy Profile


เกมส์สล็อตออนไลน์ February 17, 2015 at 2:39 am

Excellent, what a website it is! This blog provides useful data
to us, keep it up.
เกมส์สล็อตออนไลน์ recently posted..เกมส์สล็อตออนไลน์My Profile

Reply February 19, 2015 at 6:22 am

Ktoś, chcący kupić najtańsze meble, może udać się do jednego z
marketów budowlanych, gdzie na pewno znajdzie coś dla siebie. recently posted..http://trello.comMy Profile


najbardziej znane loga na świecie February 19, 2015 at 9:04 am

If you are going for best contents like me, only visit this site everyday
since it offers quality contents, thanks
najbardziej znane loga na świecie recently posted..najbardziej znane loga na świecieMy Profile


agencja reklamowa kraków February 22, 2015 at 4:06 am

Przekłada się ona na większy ruch na stronie czyli potencjalnie
większe zyski z reklamy lub dużą liczbę potencjalnych klientów.
agencja reklamowa kraków recently posted..agencja reklamowa krakówMy Profile


restauracje we wrocławiu February 22, 2015 at 1:09 pm

Kto używa robota kuchennego, dodanie płynnego masła spowoduje, że dłużej będzie trwało zanim ciasto
w maszynie zacznie odchodzić od ścianek pojemnika.
restauracje we wrocławiu recently posted..restauracje we wrocławiuMy Profile

Reply February 22, 2015 at 4:56 pm

Jeśli brane są pod uwagę różne marki, to przeliczenie
ceny ubezpieczenia może stać się istotnym, bo wpływającym na decyzję zakupu
czynnikiem. recently posted..imperiale-navette.comMy Profile


Most Popular Social Networking Sites February 23, 2015 at 7:51 pm

Hello There. I discovered your weblog using msn. That
is an extremely smartly written article. I will make sure to
bookmark it and return to read more of your
helpful info. Thanks for the post. I’ll certainly comeback.
Most Popular Social Networking Sites recently posted..Most Popular Social Networking SitesMy Profile


Aubrey Johnson February 25, 2015 at 10:00 am

Within the top ten of the favourite content pieces,
Aubrey Johnson recently posted..Aubrey JohnsonMy Profile


พิมพ์วุ้น February 26, 2015 at 2:49 pm

I must thank you for the efforts you have put in writing this site.

I’m hoping to see the same high-grade blog posts by you later on as well.
In fact, your creative writing abilities has encouraged me to get my own,
personal blog now ;)
พิมพ์วุ้น recently posted..พิมพ์วุ้นMy Profile


program Pit February 27, 2015 at 8:52 am

Zbliża się czas na dopełnienie przez płatników tzw.
program Pit recently posted..program PitMy Profile


ogrzewanie domu kominkiem akumulacyjnym February 27, 2015 at 11:00 am

W pierwszym przypadku wystarczył by kocioł
17-18 kW a w drugim tak jak wyliczyłeś czyli 26kW.
ogrzewanie domu kominkiem akumulacyjnym recently posted..ogrzewanie domu kominkiem akumulacyjnymMy Profile


Firma Tractari February 28, 2015 at 12:32 pm

Hi, after reading this remarkable piece of writing
i am also happy to share my knowledge here
with colleagues.
Firma Tractari recently posted..Firma TractariMy Profile


ubezpieczenia społeczne składki February 28, 2015 at 6:22 pm

Co więcej – w przypadku ubezpieczenia droższego niż oferta
standardowa kredytu dostępna w wersji bez ubezpieczenia możemy nawet „stracić”.
ubezpieczenia społeczne składki recently posted..ubezpieczenia społeczne składkiMy Profile


Leave a Comment

CommentLuv badge

{ 22 trackbacks }

Previous post:

Next post: