Shiny and New

Social Media Buttons that is!

Check them out!

pinterest-64 twitter-64 instagram-64 facebook-64 googleplus-64 email-64 bloglovin-64

I recently switched blog designs {this one is a free WordPress template called Nova Lite} because I disliked that my previous one didn’t have social media buttons. This template allows for a lot more flexibility and lots of interaction with the existing widgets in WordPress. And more importantly GOLD GLITTERY social media buttons!

 

I’m not sure what the “right” way is to add buttons to my blog, but I found a really easy way to do it!

1. Create a new blog post draft

2. Import all your cute little buttons to your media files

3. Insert the images into the blog post & arrange them in your preferred order

4. Link each image to the matching location (i.e. link the pinterest button to your pinterest account)

5. Insert a text widget into your header sidebar / regular sidebar

6. Copy and paste the HTML from the draft post into the text widget

7. Ta-Da. Check out your blog to make sure everything’s working!

Adding Blog Buttons the Easy Way #thissarahloves

I found my social media icons by just going on Pinterest and searching for gold social media icons / buttons, and turns out PixelFrau has the whole set for free download in multiple sizes! (These are the 64s)

Do you have social media buttons?

Sarah Signature

{Feel free to leave a link to your favorite social media in the comments!}


//assets.pinterest.com/js/pinit.js

Top 5 Posts of 2013

Happy New Year! Thanks for following along on our various adventures around the house.  Here are the 5 most visited posts this year! I appreciate every click and comment!

Top5 Posts of 2013 #thissarahloves Full

 

How to make DIY Chalk Paint

Chalk Paint Projects Button

Fabric Wrapped Canvas Gallery

Fabric Wrapped Canvas Wall Panels - Long Wall Dilemma Solved

 Dumpster Diving for a Headboard

Vintage Bench

DIY Ombre Striped Tea Towels

DIY Ombre Striped Tea Towels - ThisSarahLoves

May 2014 be a happy & healthy (and creative) year!

Sarah Signature

New URL and New Design

Well I did!  I finally upgraded to my very own URL.  If everything is running smoothly, you should be viewing this post at ThisSarahLoves.com!  It’s got a snazzy, (hopefully) easy to navigate new design.

If you subscribe via email, you might need to update your subscription.  You can find the form in the left sidebar of the home page, or just shoot me an email & I’ll sign you up!

Also, be sure to check out the latest post: a floorplan of our main level!

Do let me know if you find any bugs: thissarahloves|at|gmail|dot|com

New Blog Design and URL

New URL and New Design!

Well I did!  I finally upgraded to my very own URL.  If everything is running smoothly, you should be viewing this post at ThisSarahLoves.com!  It’s got a snazzy, (hopefully) easy to navigate new design.

If you subscribe via email, you might need to update your subscription.  You can find the form in the left sidebar of the home page, or just shoot me an email & I’ll sign you up!

Also, be sure to check out the latest post: a floor plan of our main level!

Do let me know if you find any bugs: thissarahloves|at|gmail|dot|com

New Blog Design and URL

Project Galleries

I finally feel like I have enough posts to warrant having project galleries.  I played around a bit with the different WordPress template options & created picture galleries with clickable links to each project.

You can click here to go to the project galleries page.

Project Galleries

You can also go to each sub-page by hovering over the project galleries link in the sub-header under my blog name.

I also plan on creating galleries for the following 3 categories (although these have not been created yet!):

House Tour ButtonCraft and Sew Button Chalk Paint Projects Button

What other categories would you like to see / do you suggest I make?  Any tweaks you think I need?  I hope this will make my blog a little easier to navigate!

A Blog Signature

New Blog Home

Welcome Friends!

This is my new blog home.  Since Our Next Great Adventure was started as a way to keep family and friends up to date on our latest adventures & then morphed into a DIY / decorating blog, I’ve decided to separate the two.  I’m happy to see that you’ve followed me over here!

Most of the posts have been moved over here, but it might take a little while to sort out all the glitches.  Please let me know (either in comments or through the Contact Me page) if you find anything that’s broken!

Your Bloglovin {or other reader feed} will need to be updated.

bloglovin

All of the other social media links will stay the same!

instagram pinterest twitter

What do you think of the new color scheme?  Do you think I’ve lost my mind for moving?

Heart Sarah

How To Add Social Media Buttons to WordPress

On Monday, I posted about my new social media buttons, which I LOVE.  I still have no idea how to create them from scratch & get the correct icon images on them, so I got mine from Olivia at My Favourite Things.  There are tons of free sets available, so find a background color you like and save them all!
Instagram Social Media IconPinterest Social Media IconBloglovin Social Media IconEmail Social Media IconTwitter Social Media IconRSS Feed Social Media Icon
Now that you have your buttons, you need to add them to your blog!  If you use WordPress (like me) I have an awesome shortcut for you!  Disclaimer: I don’t really know what I’m doing, I’m just sharing what worked for me!  {If you use Blogger, check out Olivia‘s How-To}

First, go to your Dashboard, click on Appearance & then Widgets.   Once you’ve click on widgets find “Text” in the available Widgets table.  Next, click and drag “Text” over to your primary sidebar.

Add Text Box to Primary Sidebar

This is where the shortcut comes in.  Instead of typing HTML in the text box, leave this page and go create a new blog post (but don’t publish it).  Upload all of your icons to that post and arrange them in an order that you like – remember that the side bar is approximately three buttons wide.

Add Social Media Buttons

Now click on the first button, and click on the image box that shows up.  Scroll down to Link URL

Edit Link URL

Add the URL for where you want the button to take you.  I’m editing the Instagram button here, so I’m linking the button to my instagram page.  Do the same thing for the rest of your buttons, I did the same for Pinterest, Bloglovin’, and Twitter.  For RSS I linked it to the page that clicking on my RSS link takes me.  To be honest, I don’t really understand how and why RSS exists, so I’m not too concerned about it.

For email, I just linked the button to my current “Contact Us” page.

When you’re done here, save everything as a draft.  Then click over from “Visual” to “Text” so that you get the HTML of what you just created.  Simply copy and paste all the code into that text box you added to your primary side bar previously.  (You’ll have to click on Appearance >> Widgets again & then just find “Text” in your primary side bar.)  Paste the text & click save.  Now go check out your blog to make sure everything works!

How to Add Social Media Buttons in WP

Look at you!  You have Social Media Buttons on your blog!

Some of you were also asking how I made the Bloglovin’ button

To make the Bloglovin’ one, I used PicMonkey or Paint.  Matching the color is easier in Paint, but there are lots of pretty free fonts in PicMonkey.  Either way, import one of the existing buttons.  Then create a circle (or shape) over the existing icon in the same color as the background, so that you have a blank circle, like so

Blank Mint Button

Next add the script.  I simply added a “B” in a font and size that I liked & then I added a heart separately   Make sure your text color is white and not the same as your background color!  Here are two different Bloglovin’ buttons I created.  The one on the left with Paint and the one on the right with PicMonkey.  I think you can see that the one on the right’s color is slightly off – nothing serious, but unlike in paint, there’s no paint dropper tool to use to match the color (or if there is I can’t find it!).

Bloglovin Social Media Icon Option 2 Bloglovin Social Media Icon

I hope you found this to be an easy way to add buttons to your blog!  Let me know if you have any questions.  Disclaimer: I have no idea what I’m doing, I’m just sharing what worked for me!

Linking up here:

Continue reading