This post may contain affiliate links which may give us a commission at no additional cost to you. As an Amazon Associate we earn from qualifying purchases.
Welcome to the weekly blogging tip! This week I’m talking about adding social media icons to your sidebar.
I’ve written before about the importance of having RSS and social media buttons in a prominent place on your blog. Today I’m going to tell you exactly…
How to add cute social media icons to your sidebar
Step 1: Find Icons You Love
Have some fun and start looking around for social media icons that fit your personality and blog’s branding. Here are a few sites to get you started:
- 25 Amazing Social Media Icons Sets
- The Best Social Media Icons All in One Place
- 44 Must Have Social Media Icon Packs
You can also simply Google “social media icons.” Once you’ve found a set that you are happy with, download the images to your desktop.
Step 2: Choose the Right Size
Now choose the specific social media icons you want to use on your blog. Most of the icon sets you download will include several graphics you won’t use and often several different size options. For example, the set you download may include icons for RSS, Twitter, Facebook, YouTube, Flickr, and StumbleUpon, each in 3 different sizes. But perhaps you only want to use the RSS, Twitter and Facebook icons in the smallest size, like 60×60 pixels. In order to host these images on your blog, you’ll need to upload the social media icons you want to your blog or to a free image hosting site like Photobucket or Flickr.
Step 3: Grab the HTML
For each graphic, upload accordingly and find the social media icon html code. Use the direct link option. The html should look something like this:
http://i141.photobucket.com/albums/r74/username/icon.jpg
Step 4: Add the Social Media Icon HTML to a Widget
Now you need to put the HTML code in a widget so your icons show up and link to your social media accounts from your blog’s sidebar. Below is the HTML format to use — be sure to substitute your own URLs for your social media accounts (your Twitter page, your Facebook page, your RSS feed URL, etc) and your link code from the image hosting site (from Step 3):
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
Create code like this for each of your icons. The a href part of the HTML code is the URL you want your readers to go to when they click. The img src part of the HTML is the link code to your image (from either your blog or Photobucket, Flickr, etc).
As an example, here is what the HTML code looks like for our Twitter button here in The SITS Girls sidebar:
<a href=”https://twitter.com/#!/SITSGIRLS”><img src=”http://www.thesitsgirls.com/wp-content/uploads/2011/12/twitterbutton.png” alt=”” /></a>
Step 5: Stand Back and Admire Your Work
When you get all the codes typed in, save the widget and see how it looks on your blog.






- Twitter Party Alert! California Psychics - Nov 17, 2020
- Aprilaire Twitter Party Happening! #HealthyAir - Nov 20, 2019
- Twitter Party Alert! Fighting PPD With Mom Genes - Nov 19, 2019
- Why Top Ten Lists Work For Bloggers - Jan 23, 2017
- Content is King: How to Determine What To Blog About - Dec 28, 2016
- 4 Ways to Find {And Keep} Your Motivation - Oct 31, 2016
- How To Be Happy: 5 Things All Happy Women Do - May 2, 2016
- Can an iPhone 6S Survive Inside a Paint Shaker? - Oct 25, 2015
- How Many Ads Are Too Many Ads? - Oct 15, 2015
- How To Get Healthy Sleep Webinar - Sep 14, 2015
- How To Have A Safe Summer - Jul 30, 2015
- How to Sleep Better: Top 7 Sleep Hacks For The Best Rest - Feb 5, 2015
- Neglecting this CAUSES Anxiety, Weight Gain, Numbness, Back Pain and Depression - Jan 29, 2015
- Making a Homemade Box From Christmas Cards {Upcycle} - Dec 11, 2014
- Get Your Kids Involved In Healthy Living: Fuel Up To Play 60 - Oct 10, 2014
Holy cow so EASY!!! I’m so glad I found this, I have blogger and have been struggling on how to figure this out!! grr argh, what a lot of wasted time! lol thanks ladies!!! 🙂
I CANNOT find the html code this is talking about! Any help?
never mind…found it ON the photobucket site! sorry!
the html code for adding widget cannot be seen here! Can you repost it?
I love this site!!! Great info ladies!!
http://www.linseydavis.com
I love all this learning!!!! 😉
http://www.linseydavis.com
hey ol!! i have just open a new blog called All about Love..
still new….so if you guyz dont mind…plz do follow me…. plsss……. =3
http://www.babylurvu.blogspot.com
thnkx! =9
vinegar and weight loss Buy Ponstel Online diet plan dog boxer buy online pill Quibron-T in Lansing suzy allegra Buy Doxazosin Online levaquin and tendon rupture get some Abana in Midland business plan for tax preparation Buy Generic Imitrex Online lasix uses gouty arthritis online ProcalisX purchasing in Midland california individual health insurance plan Purchase Haldol Online medicare part d drug health plan purchase cheap KamaSutra Dotted Condoms in Oklahoma generic name for paxil Strontium Bone Maker online order in Victorville quick weight losss food diary generic Cardura online in Greece propranolol 10 mg Rogaine 2 Percent online pharmacy in St. Paul low blood sugar metformin Pravachol online ordering in Oceanside
arizona arizona health in insurance plan [url=http://blog.bitcomet.com/post/559017/]Purchase Serophene Online[/url] side effects premarin cream [url=http://blog.bitcomet.com/post/580781/]online Hair Loss Cream purchasing in Independence[/url] treating reactions to levaquin [url=http://blog.bitcomet.com/post/529887/]Order Cleocin gel Online[/url] breastfeeding weight loss plan [url=http://blog.bitcomet.com/post/529194/]Order Atarax Online[/url] epidural steroid injections diabetes coumadin [url=http://blog.bitcomet.com/post/581276/]Imitrex low cost in Pennsylvania[/url] generic viagra caverta cialis cheap [url=http://blog.bitcomet.com/post/533736/]Purchase Eurax Online[/url] emergency nyc housing plan [url=http://blog.bitcomet.com/post/523108/]Buy Abilify Online[/url] natural over the counter cialas viagra [url=http://blog.bitcomet.com/post/584340/]buy now online Prometrium in Tampa[/url] protonix children [url=http://blog.bitcomet.com/post/523640/]Buy Avapro Online[/url] what is john cena’s workout plan [url=http://blog.bitcomet.com/post/584640/]buy online pill Quibron-T in Lansing[/url]
levitra onset duration Buy Risperdal Online fra dental plan Buy Aleve Online prednisone helps mentally Buy Nexium Online anthem ky rx plans medicare Buy Coumadin Online coreg 6.25 mg tablet Buy Evecare Online aetna health plans california Buy Crestor Online metformin and femara Zoloft overnight fedex ventolin hfa coupon Purchase Sarafem Online about viagra Buy Diamox Online neurotransmitters claritin Plan B online no doctor prescription in Garden Grove methotrexate diet Purchase Endep Online printable weight loss charts order Zyloprim without prescription
is viagra a prescription drug [url=http://blog.bitcomet.com/post/521735/]Vermox without a presciption[/url] generic cytoxan [url=http://blog.bitcomet.com/post/526310/]Buy Lamictal Online[/url] bupropion 2000 2002 jelsoft enterprises ltd [url=http://blog.bitcomet.com/post/525403/]Buy Femara Online[/url] buy lamisil no perscription [url=http://blog.bitcomet.com/post/580217/]Flovent free consultation in St. Louis[/url] cymbalta and neuropathy [url=http://blog.bitcomet.com/post/528838/]Buy Abana Online[/url] allergy prednisone doses adult [url=http://blog.bitcomet.com/post/576738/]Augmentin overnight in Cincinnati[/url] detrol canine [url=http://blog.bitcomet.com/post/556795/]Purchase Levlen Online[/url] zyrtec d and child [url=http://blog.bitcomet.com/post/578010/]no rx Cialis Soft Tabs in Norway[/url] weight loss tea [url=http://blog.bitcomet.com/post/528412/]Buy Valtrex Online[/url] yasmin bratz doll graphics [url=http://blog.bitcomet.com/post/556350/]Purchase Inderal Online[/url]
how many mg are in aleve Purchase Clomid Online metformin as a cancer preventative Lithium Carbonate online overnight in Orange brands of weight loss Purchase Clarinex Online celebrex stroke buy real Betapace in Anaheim seroquel tegretol depakote abilify discount Dipyridamole no prescription in Frisco prometrium capsules Vitaliq to buy fertility med for sale clomid Purchase Diclofenac Online deramax vs mobic Order Cialis Professional Online side effects of zyrtec nausea Buy Biaxin Online burning sensation leg and weight loss Menopause Gum pills online in Germany quick weight loss centers prices Order Aricept Online zithromax by vbulletin intitle view profile Purchase Female Viagra Online
alcohol crestor [url=http://blog.bitcomet.com/post/583950/]Pravachol online ordering in Oceanside[/url] zyrtec cream [url=http://blog.bitcomet.com/post/531426/]Purchase Cytotec Online[/url] dillinger escape plan tabs [url=http://blog.bitcomet.com/post/579065/]Diamox non perscription in Alabama[/url] consumer reviews of generic prevacid [url=http://blog.bitcomet.com/post/525924/]Buy Hytrin Online[/url] lexapro discussion [url=http://blog.bitcomet.com/post/525297/]Buy Evecare Online[/url] infusion therapy prednisone [url=http://blog.bitcomet.com/post/558318/]Purchase Pulmicort Online[/url] chloramphenicol effect on candida species [url=http://blog.bitcomet.com/post/576738/]Augmentin overnight in Cincinnati[/url] real dental insurance plans hawaii [url=http://blog.bitcomet.com/post/578401/]buy Confido cash on delivery in Little Rock[/url] the elderly coumadin [url=http://blog.bitcomet.com/post/559186/]Purchase Stop Smoking Online[/url] cheek puffing seroquel [url=http://blog.bitcomet.com/post/529837/]Order Clarinex Online[/url]
health insurance saving plans Buy Medrol Online is dramamine safe for dizziness Purchase Rumalaya Online joe mercurio weight loss Zanaflex without perscription topical viagra Purchase Propranolol Online does depakote cause renal problems Purchase Phosphatidylserine Online order prilosec online rx pharmaceutical Estrace review in Warren migraine from zyrtec Pletal low cost in Ohio does lamictal cause weight loss Order Augmentin Online scott and white health group plan Buy Cialis Soft Tabs Online womens viagra free sample Order Compazine Online dr bill miller youthin plan Dramamine canada delivery overnight in Salt Lake City stick walking for weight loss Buy Viagra Online
does zantac decrease male hormone levels [url=http://blog.bitcomet.com/post/582517/]order buy Lozol online in Columbia[/url] fda approval of depakote [url=http://blog.bitcomet.com/post/530098/]Order Cordarone Online[/url] lamisil pills for athletes feet [url=http://blog.bitcomet.com/post/522192/]buy online Zyprexa without prescription[/url] dilated pupils and lamictal [url=http://blog.bitcomet.com/post/527251/]Buy Plan B Online[/url] tenormin and hctz [url=http://blog.bitcomet.com/post/528683/]Buy Zebeta Online[/url] zoloft dosage and administration [url=http://blog.bitcomet.com/post/528075/]Buy Strontium Bone Maker Online[/url] aaa prescription plan [url=http://blog.bitcomet.com/post/580481/]order Generic Keflex without prescription in Killeen[/url] detrol lx [url=http://blog.bitcomet.com/post/525438/]Buy Fincar Online[/url] ventolin inhaler cfc free [url=http://blog.bitcomet.com/post/533450/]Purchase Differin Online[/url] wine coumadin [url=http://blog.bitcomet.com/post/554932/]Purchase Exelon Online[/url]
Thank you SO much for this tutorial. It really saved me and I’m not sure I would have been able to add my social media icons in a clean user-friendly way without it.
.-= The Improbable Housewife´s last post: Teacher Gift Ideas =-.
Thanks for this wonderful post. I love this post because I love this product. http://www.fashionablyorganized.com/2009/08/leave-yourself-a-sticky-note/
I want to made my own customized button! Have you posted about how to do so? I am new and I should be writing a paper for my class, but instead your great site is distracting me!
Thanks for getting this fixed
Oh my gosh. I read the steps for adding the social media icons and my brain completely left my head. I just read ‘yadda yadda yadda’. If anyone thinks they can explain this to someone EXTREMELY challended in the technology field, could you e-mail me?
dougandkerrisweeris@hotmail.com
THANK YOU!!!
.-= Kerri´s last post: Fight Fight Fight! =-.
Enjoying the short work-week.
.-= More Than A Mom´s last post: Circle Meat =-.
I didn’t know I could create my own! AMAZING! Really looking forward to trying this!
I am also very late. Here’s the link to one of my posts I like the best: http://www.improbablehousewife.com/2010/03/resist-urge-to-stress.html
I’m off to share some SITS love! 🙂
.-= The Improbable Housewife´s last post: Waste Not, Want Not… Milk at School =-.
Thanks for this! I have been looking for a good set of icons for my site redesign!
.-= Chrystal @ Happy Mothering´s last post: Giveaway: Spring Line Outfit from Organically Grown =-.
I am super late, but still wanted to say HI 🙂
http://www.shopwithmemama.com/blog/entry/594631/the-law-of-attraction-the-secret
I am sooo late but I did send some SITS love and now here is one of my more popular posts…
http://decoratorondemand.blogspot.com/2009/10/inspired-by-chard.html
.-= Marie Cole´s last post: #23!!! =-.
Hope everyone had a wonderful Easter Weekend! and hoping everyone has a great week ahead! Happy Day!
My latest post: http://mylifeasjenny.blogspot.com/2010/04/it-could-happen.html
Did anyone else feel that earthquake yesterday??
.-= ReneW.´s last post: Blogging on Queue =-.
Hi ladies – home from a trip to San Diego… felt the earthquake – yikes!!
.-= ReneW.´s last post: Blogging on Queue =-.
I was all caught up. Now I’m behind again. It’s the story of my life.
http://www.handbagsandhandguns.com/2010/03/funny-of-day-team-jacob.html
.-= hotpants™´s last post: The Talk of Tinseltown has relocated today. =-.
I’m brand new to blogging (I started on March 1st) so these tips are so useful to me. Thanks a lot!