you're reading:
RSS icons, Social media icons, Themes

RSS and social media icons

Guest post by fellow forum volunteer Sergio (airodyssey)

RSS Feeds

RSS FeedSome themes come with built-in RSS links (posts and/or comments), either as a text link, an icon, or both, as indicated on the list below.

“Built into the theme”: icons/links can be hidden with the CSS upgrade and a knowledge of the CSS language or, in some cases, by inserting a text widget that goes on top of the icon (for example, by using Position: Absolute).
“Part of default widgets”: theme comes by default with an RSS Links or Meta widget. To remove, refer to No Widgets Paradox.
“Part of default menu”: default header tabs contain by default an RSS Link. To override, create a custom menu (see support doc).
“Part of Theme Options”: go to Appearance > Theme Options to turn on/off the RSS Feed icon.

Built into the theme

Benevolence (footer)
Choco (see note)
Dark Wood
Day Dream
DePo Square
Digg 3 Column
Elegant Grunge
Fauna (footer)
Green Marinée (footer)
Grid Focus
Hemingway (footer)
iNove (see note)
Inuit Types
Kubrick (footer)
MistyLook (optional)
Neat! (footer)
Next Saturday
Pool (footer)
Quentin (footer)
Rounded (footer)
White as Milk (footer)

Part of default widgets

Almost Spring
Banana Smoothie
Chaos Theory
Fadtastic (see note)
Fleur de Lys
Flower Power
K2-lite (see note)
Motion (see note)
Ocean Mist
P2 (see note)
Sandbox 1.6.2
Sapphire (see note)
Shocking Blue Green
Silver is the New Black
Sweet Blossoms
The Journalist v.1.9
Vermilion Christmas
WordPress Classic

Part of default menu

DePo Masthead
Motion (see note)

Part of Theme Options

Piano Black
The Morning After (see note)


Choco: includes both an RSS Posts link on top and RSS Posts/Comments near the footer.
Fadtastic: RSS links widget with a list of feed readers (including some dead links…) as part of the default widgets only.
iNove: optional list of feed readers (under Appearance > Theme Options > Feed > Show the feed reader list when mouse over on feed button).
K2-Lite: RSS Posts link next to the Latest Posts list as part of the default widgets only.
Motion: includes a default message (“Hey there! Thanks for dropping by…”) containing an RSS Posts link. To remove this message, go to Appearance > Widgets, then drag and drop the widget of your choice (even an empty text widget) into the Header widget area. For more information, refer to the No Widgets Paradox. In addition, the theme contains an RSS Posts link in the default header tabs.
P2: RSS Posts link in the Recent Tags widget
Sapphire: RSS Posts/Comments links along with an introductory paragraph and a link to Bloglines, as part of the default widgets only.
The Morning After: optional RSS Link and optional Subscribe link below the Search box.

If your theme does not appear on this list, you can insert an RSS Links widget (see support doc).

Social Media Icons


Some themes come with built-in icons that visitors can use to follow the blogger. This is not the same as the Sharing icons, which are used instead to share a post or a page (see support doc).

Twitter profile


Facebook profile


Flickr profile


YouTube profile


Google plus



If your theme does not appear on this list, you have the following options:
• Insert a Twitter widget (see support doc) or a Twitter Follow Button (see support doc).
• Insert a Flickr widget (see support doc).
• Insert a Facebook badge (see support doc).
• Insert a text widget containing links to your social networks. The sample code below will turn like the icons above (but you’d better upload the images to your blog via Media > Add New and use the URLs you’ll get).

<a href="" title="Find me on Facebook"><img src="" alt="Facebook" style="border:none;"/></a><a href="" title="Follow me on Twitter"><img src="" alt="Twitter" style="border:none;"/></a><a href="" title="Find my profile on Flickr"><img src="" alt="Flickr" style="border:none;"/></a>



27 thoughts on “RSS and social media icons

  1. Informative and useful. :)

    Posted by timethief | May 20, 2011, 02:28
  2. Yeah – kudos to Sergio!

    Posted by Panos | May 20, 2011, 05:22
  3. @timethief and Panos: Thanks :-)

    Posted by Sergio Ortega | May 20, 2011, 14:17
  4. @Sergio: Gonna be a nightmare for me to update!

    Posted by Panos | May 21, 2011, 16:56
  5. @Panos: How come? And I can help with the updates if you want.

    Posted by Sergio Ortega | May 22, 2011, 19:18
  6. How come? Because it’s complicated, and because I didn’t work it out myself, so I don’t command the material.

    Now, after you did all that splendid work I don’t think it’s right for me to ask you to take care of the updating too. It’s enough if you keep an eye in case I miss something in the future.

    To tell the truth, the real nightmare is all my theme-related posts together: each time a new theme is added I have to examine it and update some 30 posts…

    Posted by Panos | May 22, 2011, 20:30
  7. @Panos: Every time a new (free) theme comes up, I’ll check for the RSS icon :-)

    Posted by Sergio Ortega | May 23, 2011, 02:17
  8. @Panos,

    the real nightmare is all my theme-related posts together

    Indeed a sisyphean task!

    Posted by Tess | May 23, 2011, 19:28
  9. @Sergio: Thanks – but I hope you won’t have to!

    @Tess: I must admit it’s not fun any more, it has become a chore. I’m trapped!

    Posted by Panos | May 23, 2011, 22:05
  10. Oh. yes of course.
    Trapped, perhaps, but what about considering that you could delegate some things that need to be done? You know, to your friends here?
    I don’t know that delegating work would make it more interesting for you. But could may be?
    Delegating things is not necessarily easy, but I’d step up.
    Tell me what to do?

    Posted by Tess | May 24, 2011, 02:45
  11. Delegate? What am I and what are my friends? If I had to do something urgent and important and I wasn’t able to, I might ask for help; but I wouldn’t ever pass a chore to someone else because I’m bored.

    Posted by Panos | May 24, 2011, 20:44
  12. none the less
    my offer is true
    trapped or bored? shrug.
    I agree, not as exciting as the first rush of new experiences, learning, testing, playing with a new toy.\
    but the whole project has been, and will be useful for many people. Taken as a whole, it is interesting.

    Posted by Tess | May 25, 2011, 21:33
  13. Trapped, because I’m obliged to keep the posts up to date. Bored, because updating some 30 posts twice a month or so is an uninteresting chore.

    I know your offer is true (I was impolite enough not to say thank you because I feel friend enough)! But, as I (sort of) said, I don’t think it’s fair.

    Posted by Panos | May 26, 2011, 01:08
  14. Nice post..

    Posted by Clubzky | June 10, 2011, 10:53
  15. Do you have the code for Youtube please?

    Posted by Piglet in Portugal | July 30, 2011, 11:02
  16. What do you mean by “code for Youtube”?

    Posted by Panos | July 30, 2011, 11:15
  17. <

    HTML code but for YouTube

    Posted by Piglet in Portugal | July 30, 2011, 11:17
  18. If you mean how to create text or image links, see here:

    If you mean where to find the image, Google for “Youtube icons” and you’ll find hundreds.

    Posted by Panos | July 30, 2011, 11:34
  19. Hi Panos,

    Yes I know I can find hundreds but they have code in them that is totally irrelevant ie with links to other sites which are irrelevnat. If you look at the link below you will see what I mean.

    Not to worry I’ve spent 3 hours on this and will just have to leave it, I’m going round in circles. I just hoped someone who is a bit of a whizz could give me the html code as above. :)



    Posted by Piglet in Portugal | July 30, 2011, 11:43
  20. If you ever manage to tell me what exactly you want to do, I can give you whatever code you like. Do you have a Youtube page you want to link to? If so, what’s its URL? And you want to add a link to it in your blog? Where exactly? And how exactly (text, image, image plus text)?)

    Posted by Panos | July 30, 2011, 12:00
  21. Hi Panos,

    Thanks for your patience – I am really struggling :(

    My blog is

    someone added a Twitter button ages ago under the heading of “Follow me” What I would like to do is add other social media buttons next to this. (Flickr, Youtube and Facebook) so it will just be an image I assume.

    First strike

    and facebook is Pip Portugal.

    followers can click on these buttons and it will take them to the appropriate page…ie my flickr, youtube or facebook page.

    Posted by Piglet in Portugal | July 30, 2011, 18:29
  22. 1) Here’s a standard Youtube icon:

    But you must copy it to your computer, upload it to your blog via Media > Add New and copy the URL it’ll give you. Same thing with the twitter image you’ve got, same thing with the other images you can find. This way the images will load faster, and you don’t risk a no-show if they are removed from their original sites or if the sites go down.

    2) You can find the simplest code for linking images in the post I linked to before:

    But since you want several images in a row, I’ll have to make it a little more complicated so you can make them all look similar and properly aligned.

    For each linking image, you’ll paste this model:

    <a href="URL OF PROFILE PAGE HERE"><img style="margin-bottom:4px;margin-right:6px;" src="URL OF IMAGE HERE" alt="DESCRIPTIVE TEXT HERE" width="36" /></a>

    • Add the URLs and the text.
    • Change the width number, if necessary, to make sure each image looks the same size with the rest.
    • Change the margin-bottom number to adjust the vertical positioning of each image.
    • Change the margin-right number to adjust the distance between each image and the next.

    As an example, paste this in your text widget:

    <a href=""><img style="margin-bottom:4px;margin-right:6px;" src="" alt="Follow portugalpiglet on Twitter" width="36" /></a>
    <a href=""><img style="margin-bottom:0;margin-right:6px;" src="" alt="Follow portugalpiglet on YouTube" width="40" /></a>
    <a href=""><img style="margin-bottom:4px;" src="" alt="Follow portugalpiglet on Twitter" width="36" /></a>

    Posted by Panos | July 30, 2011, 19:20
  23. Great that worked thank you so much! :) :) I’ve tried to add the flickr button but it has not appeared. I just get a “line” although the link works :( Sorry I know I’m being a complete muppet but technology does not come easy to me :oops:

    Posted by Piglet in Portugal | July 30, 2011, 20:35
  24. PS I used this code

    Posted by Piglet in Portugal | July 30, 2011, 20:38
  25. OK so the code wont post… pooh

    Posted by Piglet in Portugal | July 30, 2011, 20:39
  26. YAY panos…your patience, my tenacity and bingo I’ve done it! Not sure how, but it is now working! thank you so much ….:)
    from one happy piglet!

    Posted by Piglet in Portugal | July 30, 2011, 21:00
  27. You’re welcome!

    If the flickr image didn’t initially show and you didn’t change anything in the meantime, maybe you had a temporary browser or server problem. Happens…

    I would fine-tune your flickr image by changing the margin-bottom to 3px and the width to 37.

    As for your trying to show me code in your comments, see here, point 4:

    Posted by Panos | July 30, 2011, 21:48


author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.


  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: