Category Archives: How To

socialmediaiconsblog

Blog Guide: How To Add Social Media Icons To Your Posts (Or Anywhere!)

I’ve recently been learning tons of new skills related blogging so I thought I’d try and share a few to help newer bloggers make their blogs shine.  Today I’ll be walking you through the steps to add social media icons, like the ones at the tops of my sidebars, to the bottom of your posts (or basically anywhere you want).

I’ve used the exact process I will teaching you to add some social media buttons to the bottom of this post, so scroll on down to check them out, and click through to see how they work.

Disclaimer: This guide is written for bloggers using WordPress.  If you’re using a different platform, the process should be similar, but let me know if you have any questions.

Step 1. Find your social media icons.

If you google ‘free social media icons’ you will find a ton of options.  I usually look through a list of a whole bunch of free ones until I find one that catches my eye.  This list has some nice options.  Download your icons of choice.

Step 2. Upload your icons to WordPress.

On your WordPress dashboard screen find ‘Media’ in the lefthand column, and then click ‘Add New’.  Use this screen to upload the social media icons you will be using.

Step 3. Find the url for your icons.

After they have uploaded, click on the individual icons to view their details.  In the box in the upper right hand corner you will find the ‘File URL’.  You will need this url for each individual icon so copy and paste them all into a word document or remember how to get back to this page.

fileurl

Step 4. Place HTML code into post (or sidebar or wherever).

Copy and paste code below wherever you want your icons to appear.  Make sure you replace the bold links with whatever is indicated, whether it is the url for your profile on that site or the icon url we found in step 3.

HTML CODE (replace bold text with your links):

<div><a href="fulltwitterurl"><img title="Twitter" src="twittericonurl" alt="Twitter" width="35" height="35" /></a><a href="fullpinteresturl"><img title="Pinterest" src="pinteresticonurl" alt="Pinterest" width="35" height="35" /></a><a href="><img title="Instagram" src="instagramiconurl" alt="Instagram" width="35" height="35" /></a><a href="fullfacebookurl"><img title="Facebook" src="facebookiconurl" alt="Facebook" width="35" height="35" /></a><a href="mailto:emailaddress"><img title="Email" src="emailiconurl" alt="Email" width="35" height="35" /></a><a href="fullbloglovinurl"><img title="Bloglovin" src="blogloviniconurl" alt="Bloglovin" width="35" height="35" />

This is an example of how the code for my twitter icon looks.  Make sure you include the full url for both your twitter and the icon.

<a href=”https://www.twitter.com/henryface_”><img title=”Twitter” src=”http://henryfacebeauty.files.wordpress.com/2014/04/twitter-48.png&#8221; alt=”Twitter” width=”35″ height=”35″ /></a>

You can also add additional versions of this code to include icons for RSS feeds, linkedin, etsy shops, pretty much anything you can find an icon for.  You could even create your own icons!

Here is what they code should look like after you paste it with your links.  Make sure you paste it in the ‘text’ tab, not ‘visual’.  After you paste it, switch back to visual and you should be able to see the icons.  If not, something has gone wrong.

htmlcode

I recommend copying and pasting the full code with your individual urls somewhere safe so you can easily find it whenever you want to add your icons somewhere.

So how did we do?  Were you able to follow along?  Any questions along the way?  Please feel free to leave them in the comments or email me using the mail icon below if you need some more personal help.  I would love to start sharing more blogging tips so let me know if this is something you guys are interested in!

 

TwitterPinterestInstagramFacebookEmailBloglovin

About these ads

Subtle Stila In The Know Look

Subtlestilaintheknow

I put together this quick pictorial of a look I created the other day using the Stila In The Know palette.  My boyfriend bought this for me when it was on sale at Ulta earlier this year for half off.   I love all the earthy matte shades!

This look is super easy to do and only includes three shades.  It is quite subtle and just gives you a nice orangey shadow in your crease.  Fire is my favorite shade in this palette and I have a hard time resisting it whenever I choose to use the In The Know palette

1. Sweep Day over your eyelid starting from the middle, towards the outer corner.

2. Start adding some Fire to the outer corner and blend forward.

3. Add some Earth in the crease and along the lashline in the outer corner and blend out.

4. Finish with eye liner and mascara (I used NYX gel liner and Benefit They’re Real mascara)

That’s it!   This look is super simple and most of your time is spent just blending everything together.  This step is very important though so make sure you have the time to blend properly!

Let me know how you liked this pictorial!  Are there any other looks you’d like to see?

 

instagram :: twitter :: facebook :: pinterest :: email

Brush Cleaning How To

Super Simple How To: Brush Cleaning

Brush Cleaning How To

When was the last time you cleaned your make up brushes? If you can’t remember, it’s probably time to buckle down and get it over with for the sake of your brushes and your skin.  This how-to is super easy to follow and uses products likely already found in your kitchen.  The two simple ingredients will help to remove make up from your brushes, disinfect them to keep gross things off your skin, and moisturize them for smooth application and beautiful looking bristles.

You will need:

  • Dish soap
  • Olive oil

That’s it.

You’ll also need something to mix them in and some towels but I figured you could gather that on your own and that list was much more dramatic.

On to the cleaning:

Dirty brushes

Start with some dirty brushes.  As you can see I have a small problem where I can’t seem to stop buying Real Techniques brushes.  They are amazing and super reasonably priced.  I just bought the stippling brush and it is miraculous.

Olive oil and dish soap

Start by adding a couple of drops each of the olive oil and dish soap to some warm water in a small cup or shot glass because they are literally the perfect size for this.  Mix it up a bit with your finger, or a utensil if you’re picky.

brush cleaning

Dip the tips of your brushes into the mixture.  You do not need to get the entire end of the brush wet because: 1. most of the make up is going to be concentrated at the tip and 2. getting water up into the part where it attaches to the handle can cause wear and damage.  So focus on just getting the tip and up to just before it connects to the handle in the mixture.

Blotting

Blot the brush on a paper towel to remove make up and excess water.  Move with the brush and don’t force the bristles to go in a direction they naturally don’t want to.  You don’t need to jam it into the paper towel to get all deep in there.  Be gentle and just continue to blot until you stop seeing color.

Rinse

Rinse briefly in cold water to remove excess cleaning solution and leftover make up.  Again be sure only to get the tip wet.  Blot again afterwards to remove excess water.

Clean

Lay the brushes out to dry on a towel or hang with the brush side down if you have those abilities.

I use this method to clean my brushes on a regular basis and I always love how soft they feel afterwards and how much easier products glide onto my skin.  There are tons of brush cleaners and different methods out there, and I’m sure they all do a great job cleaning brushes, but I love just being to grab things that I already have laying around the house.

Let me know what you thought of this how-to.  I’d love to try and do another one next week so give me some suggestions if there’s anything in particular you’d like to see :)