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

RSS and social media icons

Guest post by fellow forum volunteer Sergio (airodyssey)
http://wpbtips.wordpress.com/

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

Albeo
Andrea
Benevolence (footer)
Choco (see note)
Dark Wood
Day Dream
DePo Square
Digg 3 Column
Duotone
Elegant Grunge
Enterprise
Esquire
Fauna (footer)
Green Marinée (footer)
Greyzed
Grid Focus
Hemingway (footer)
iNove (see note)
Inuit Types
Kubrick (footer)
MistyLook (optional)
Monotone
Neat! (footer)
Next Saturday
Paperpunch
Pool (footer)
Quentin (footer)
Regulus
Rounded (footer)
Structure
Tarski
Titan
Vertigo
White as Milk (footer)
zBench

Part of default widgets

Almost Spring
Andreas04
Andreas09
Banana Smoothie
Black-Letterhead
Blix
Bueno
Chaos Theory
Chateau
Dusk
Fadtastic (see note)
Fjords04
Fleur de Lys
Flower Power
Greenery
K2-lite (see note)
Light
Motion (see note)
Neo-Sapien
Neutra
NotesIL
Ocadia
Ocean Mist
P2 (see note)
Pilcrow
Rubric
Sandbox 1.6.2
Sapphire (see note)
Shocking Blue Green
Silver is the New Black
Sweet Blossoms
The Journalist v.1.9
Thirteen
Toni
Vermilion Christmas
WordPress Classic

Part of default menu

DePo Masthead
Motion (see note)

Part of Theme Options

Bueno
Liquorice
Monochrome
Mystique
Notepad
Piano Black
Skeptical
Splendio
Sundance
The Morning After (see note)

Notes

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

TwitterFacebookFlickrYoutube

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

iNove
Liquorice
Mystique
Notepad
Splendio
Structure
Sundance
Titan

Facebook profile

Liquorice
Mystique
Notepad
Retro-fitted,
Structure
Sundance

Flickr profile

Mystique
Notepad
Sundance

YouTube profile

Mystique

Google plus

Sundance

Notes

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="http://www.facebook.com/YOUR_PROFILE_HERE" title="Find me on Facebook"><img src="http://s0.wp.com/wp-content/themes/pub/notepad/img/socialmedia/facebook.png" alt="Facebook" style="border:none;"/></a><a href="http://twitter.com/YOUR_PROFILE_HERE" title="Follow me on Twitter"><img src="http://s0.wp.com/wp-content/themes/pub/notepad/img/socialmedia/twitter.png" alt="Twitter" style="border:none;"/></a><a href="http://www.flickr.com/photos/YOUR_PROFILE_HERE" title="Find my profile on Flickr"><img src="http://s0.wp.com/wp-content/themes/pub/notepad/img/socialmedia/flickr.png" alt="Flickr" style="border:none;"/></a>

http://wpbtips.wordpress.com/

About these ads

Discussion

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?
    t

    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:

    http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/

    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.

    http://www.buttonshut.com/

    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. :)

    Cheers

    PiP

    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 http://pigletinportugal.wordpress.com/

    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.

    http://www.youtube.com/pigletinportugal

    http://www.flickr.com/photos/pigletinportugal/

    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:

    http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/

    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="http://www.twitter.com/portugalpiglet"><img style="margin-bottom:4px;margin-right:6px;" src="http://twitter-badges.s3.amazonaws.com/t_logo-a.png" alt="Follow portugalpiglet on Twitter" width="36" /></a>
    <a href="http://www.youtube.com/pigletinportugal"><img style="margin-bottom:0;margin-right:6px;" src="http://wpbtips.files.wordpress.com/2011/07/48x48youtube.png" alt="Follow portugalpiglet on YouTube" width="40" /></a>
    <a href="http://www.twitter.com/portugalpiglet"><img style="margin-bottom:4px;" src="http://twitter-badges.s3.amazonaws.com/t_logo-a.png" 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:

    http://wpbtips.wordpress.com/comment-guidelines/

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

Author

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.

Stats

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