August 4, 2011

Tutorial: Add Social Media Icon [RSS} into Your Blog

I've explained that most buttons are easy to make- but your email icon and RSS work require an extra step. We made the email icon and added that- now you wanna make the RSS link?
 

[1] Decide on an image what you want to use to represent the link on your blog. There are several sites, like Design Matterz, that allow you to use images for free and this one has a great selection of colors.
[2] Once you've decided on the image, upload it to a photo hosting site, like PhotoBucket. This is important because we need an image code that we will insert into our html code.

[3] Now you want to copy the grey code and insert your your feed URL{not the same as your blog URL} and your direct image code in place of the red portions.

[4] You are now ready to insert the code into the html portion of your blog post or (more likely) into your blog design.
To do this you should go to the "design" page, then click on "add a gadget." Next click on the gadget "HTML/Javascript." Here you can insert your entire code. By the way, you often see the buttons for email, Facebook, Pinterest and RSS all listed together. You can add the code into the same gadget, by listing one code after another.


Good luck making your own!

10 comments:

  1. I am brand spanking new to all of this and have done a pretty darn good job of figuring things out myself. BUUUTTT, I LOVE it when pro's like you share what you know. So Thanks! This is oh so helpful for a newbie.

    ReplyDelete
  2. I gave you a mention! I appreciate your helpful posts tremendously. :) www.iheartimperfect.com

    ReplyDelete
  3. I love an easy and DIRECT tutorial! Well done!

    ReplyDelete
  4. Thank you Thank you Thank you! I have been looking for simple explanations for using blogger but keep running into things that are more complicated than just stumbling along on my own!

    ReplyDelete
  5. I'm so excited to try this out. I've been trying to figure out how to add a Facebook linked button to my page for a few days now and this couldn't of come at a better time!
    Now I just need to get the Facebook page setup haha!

    Biz

    ReplyDelete
  6. Great tip! I love posts like this . Thank you.

    ReplyDelete
  7. This stuff has always been WAY over my head, and I always manage to mess it up. Thanks for sharing your tip :D

    ReplyDelete
  8. Great tutorial! I always wondered how people did those cute little buttons!

    Thanks for linking to a Round Tuit!
    Hope you have a great week!
    Jill @ Creating my way to Success
    http://www.jembellish.blogspot.com/

    ReplyDelete
  9. Hi there! I came across this tutorial from Tip Me Tuesday and I'm SO glad I did! In between getting used to all of the fb updates & getting caught up on my favorite blogs...I decided to do a few little updates on my own page and social media icons are at the top of my to-do list. Thanks for the great tutorial and especially the details for customizing them!

    ReplyDelete
  10. Oh thank you! I have been trying to figure out how to do this and you have given a great tutorial! Thanks again!!!

    ReplyDelete

Thoughts? Questions? Opinions? Let's talk about it!

09 10 11 12
Blogging tips