I know there are quite a few people who want to add social media buttons to their blog.
I thought I would write a tutorial on how to do this.
First of all, you can always find some freebie social media icons, if you are not into designing them yourself. My next post, I will show you how to design some yourself.
These are step by step instructions with photos.
You will see the download file
Click open the folder, Glitter red.
Next you will see 3 folders. There are 3 different sizes
to choose from. 48px is a good size.
When you click the 48px folder open, you will see about 22 buttons in there. That's quite a collection.
Most people use around 5 or 6. This is what I do:
Upload your social media icons to Blogger
Create a new post and title it- Social Media files-Don't delete-Don't publish!! You want to keep this, but don't publish it.
In your post body, in HTML mode, click insert image ( picture icon)
Select a file, Click Choose files. Find your Social media folder and hold down your Ctrl button on your keyboard to select more than 1 file. Click the ones you want. I chose 6 and they are highlighted in blue.
Click open. When they are downloaded. All six should be highlighted. Click Add selected. Make sure they are blue.
Ok, you have your choice of buttons in your posts now.
I am using 6, so they all show up.
Click save as Draft! Don't publish them! Set this window aside for now. If you click compose, you show see all of your social media buttons all lined up!
Go back to your layout and open a new Javascript gadget.
Give it a name where it says title, such as...Connect with me
or stay connected!
Click in the Content box and copy and paste this code below into the box.
<a href="WebsiteAddressHere"><img src="ImageDirectLinkHere"/></a>
If you are using 6 social media buttons, then copy and paste this into the box 6 times. Look at my example.
I copied it in there 6 times, because I chose 6 icons, bloglovin, facebook, pinterest, mail, rss and google+.
Now, where it says WebsiteAddressHere is where you paste your username for each social media item. Keep the " " Just paste your name in the "between" Do this for every item. For example: I will use bloglovin so I will use my bloglovin ID to put where it says "WebsiteAddressHere"
Example:
<a href="http://www.bloglovin.com/blog/4119083/life-and-linda"><img src="ImageDirectLinkHere" /></a>
Now, we need to add the social media button to where it says "ImageDirectLinkHere"
Keep this Javascript gadget open and go back to your post you kept open or the social media buttons draft.
Click the HTML, instead of compose. The first one is Bloglovin
<a href="http://2.bp.blogspot.com/-fWKN28yFYxA/UweTKRHFGqI/AAAAAAAAPaA/EpVLoO11uZ0/s1600/bloglovin.png" imageanchor="1"><img border="0" src="http://2.bp.blogspot.com/-fWKN28yFYxA/UweTKRHFGqI/AAAAAAAAPaA/EpVLoO11uZ0/s320/bloglovin.png" /></a>
Copy the blogloving social media button link and paste it where it says "ImageDirectLinkHere"
so now, it should look like:
<a href="http://www.bloglovin.com/blog/4119083/life-and-linda"><img src="http://2.bp.blogspot.com/-fWKN28yFYxA/UweTKRHFGqI/AAAAAAAAPaA/EpVLoO11uZ0/s1600/bloglovin.png" /></a>
The first green link points you to my bloglovin page and the yellow link points to my blogloving button.
See my example below:
Do this for how many social media buttons you want.
If you do it this way, all of the buttons should line up horizontally.
Ok, let's see some social media buttons....I hope this tutorial helps.
Sorry it is so long, but I wanted to break it down with photos.
For my personal blog, I am using the pink social media buttons
If you want to see a video tutorial on this, watch BlogaholicsDesigns on youtube.
Sign up with your email address to receive the latest updates straight in your inbox.

Thanks Linda!! Hope you are doing well.
ReplyDeleteGood Lord, this will take me a whoe day:)
ReplyDeletewhoops, whole day!!!
ReplyDeleteYou are such a good soul to do these tips and tutorials for those of us that are "out of it". Thank you so much, Linda- You are a gem- xo Diana
ReplyDeleteHi Linda.
ReplyDeleteI can see now how much work go's into building a blog. Thanks so much for helping us one more time you are deeply appreciated from one blogger me.
God Bless.
xxoo Diane
You are so sweet to do this! I'll have to try it when I have about a week. :)
ReplyDeletexo
Pat
Linda, you are the best! Thank you for taking the time to help us with these tips. xo
ReplyDeleteYou're so helpful with your tutorials, Linda. However, I'm still squeamish about messing things up. I love it best when you do it, Fairy Blogmother!!! xo
ReplyDeleteGood evening beautiful Linda! Thank you so much for coming over to visit! I know I came by here the other day and thought I left a comment! You are so good to aid in some of the many fun things we can do for our blogs! Like Kitty up above, I am always worried I'll mess things up, so I have a tester blog I use to experiment with!
ReplyDeleteYour kind words are gentle to my spirit. Big hugs to you and enjoy your week! Anita
Another great tutorial. I need to get into learning new skills mode. :)
ReplyDeleteYAY!! I did it! Thanks so much for your tutorial and your help! You're the best :) -Bev
ReplyDeleteI'm not very computer literate, so I love that went through this step-by-step and included pictures!
ReplyDeleteThanks, Linda!
ReplyDeleteIt took me a bit of figuring out, but I did it. WooHoo!!
Thanks Linda, your instructions are very detailed, I will try this myself this week-end.
ReplyDeleteA social media director ought to show how significant they can be to you and what makes them extraordinary or profitable in your circumstancehttps://edkentmedia.com/social-media-marketing/
ReplyDeleteBe that as it may, business' have to comprehend that you can't simply setup a Facebook business page and seek after the best. Edkent Media
ReplyDeleteHello, this weekend is good for me, since this time i am reading this enormous informative article here at my home. Canada's New Social Media Network
ReplyDeleteThis will make your account look genuine and you are providing value to the community HelpWYZ.com
ReplyDeleteThe part of online networking in advertising is growing consistently and is set to remain. Actually it looks set to in the long run surpass more customary deals apparatuses. how to get instagram followers
ReplyDeleteCompanies need to find more innovative ways to connect with social media if they want to see some sort of result from it. Get likes on instagram
ReplyDeleteSocial media has become a great platform to identify with, interact, communicate brand element. This often starts in online forum and lead to offline beneficial relationship.cheap instagram likes $1
ReplyDeleteI talk about color schemes a lot because this was one of the areas that I failed in miserably when I started my first podcast comment
ReplyDeleteBut, many businesses draft social media policies which do not address all the potential concerns it should, or even draft policies in a manner which renders them illegal!
ReplyDeletejvzoo
If a social media manager extends your business visibility to many networks, then your marketing efforts may spread too thin and mean some of the campaigns might suffer.how to drive traffic to my website
ReplyDeleteThis is a simple collection that should ultimately spark creative ideas that will enable you to promote your small business over the social media used today. 10x buy facebook views
ReplyDeleteGet the word out for your events by posting them on Facebook regularly. For special events, you could run a Facebook Ad and target your specific demographic. buy facebook views views
ReplyDeleteHootsuite and HubSpot are two of the numerous social media the executives instruments that you can use to robotize posts and even observe which channels are driving the most commitment.Click the Following Web Page
ReplyDeleteThe average cost per click in Google Ads is between $1 and $2 on the search network. The average CPC on the Display Network is under $1. The most expensive keywords in Google Ads and Bing Ads cost $50 or more per click.
ReplyDeleteLink juice is a non-technical SEO term used to reference the SEO value of a hyperlink to a particular website or webpage. According to Google, a multitude of quality hyperlinks (or just “links”) are one of the most important factors for gaining top rankings in the Google search engine
ReplyDelete