Placing Social media Icons

  • Author
    Posts
  • #449372

    mirandabreon
    Member

    I was wondering how to place social media icons in the sidebar of a free WordPress blog. Many blogs I see have rows or columns of icons in the sidebar, and when you click on them they like back to said social media (i.e, Twitter, Facebook, etc).

    The blog I need help with is mirandabreon.wordpress.com.

    #449483

    timethief
    Member

    You can locate images for any social networks you belong to and upload those images into your blog and link them to your profile pages at the respective social networks. You can also use social bookmarks at the end of all of your posts so they can be submitted to social networks by your readers. I use these bookmarks because they automatically update my twitter account immediately after I publish http://getsociallive.com

    #449486

    imaprile
    Member

    @mirandabreon

    I have a social media icon “bar” and I have this on a ‘text’ widget:
    <p style=”text-align:center;”><img title=”Tweet Me @imaprile” SRC=”http://imaprile.files.wordpress.com/2010/01/twitter.png” /><img title=”Check Out My Videos” SRC=”http://imaprile.files.wordpress.com/2010/01/youtube1.png” /><img title=”Email ImAprilE” SRC=”http://imaprile.files.wordpress.com/2010/01/email.png” /><img title=”Blip.fm” SRC=”http://imaprile.files.wordpress.com/2010/01/blip1.jpg”>

    As TT said above, you would find the icons you want for your social media interests (I found mine on Google Images), then upload into your media library. Then, you copy the supplied URL of each file into the code above. That should do it!

    p.s. After the “img title” is where you would put what you want to appear when someone hovers over the icon.

    Let me know if you need any help.

    April

    #449513

    raincoaster
    Member

    Note that social media bookmarking buttons in your sidebar will only refer people to your blog as a whole, not to that particular post. Thus, they’re not of as great a value as social media bookmarking buttons in each post.

    #449523

    timethief
    Member

    You’re so right about that. The sidebar buttons are only linked to profile pages. They aren’t providing a means for readers to click instantly submit a specific post they like to social networks like the bookmarks at the end of my posts do. The sidebar buttons also don’t automatically update twitter when I publish a post.

    #449539

    imaprile
    Member

    HI Timethief & Raincoaster,

    My reply/post was simply for an icon bar that will link readers to the home page of certain social media sites you use, ie: Facebook, Twitter, etc. I think that’s what the op was asking for? I could be wrong.

    I have the ‘addtoany’ bar under each of my posts. I LOVE it. It bookmarks each post individually and does not require a bunch of code.

    April

    #449540

    raincoaster
    Member

    Yes, I think that’s what the OP was asking for. I’m just giving my perspective that adding them to each post is more work, but a far better idea.

    #449541

    imaprile
    Member

    Oh, I do add them to each post – with a simple click of a button from my browser bookmark tab. (saved from the ‘addtoany’ website: http://www.addtoany.com/

    In addition, I have a social media “bar” (more like saved images with links) in a text widget labeled “Where You’ll Find Me”

    :)

    #449570

    mirandabreon
    Member

    Thank you all so much! Now, one more question:

    How do I make it so that when someone clicks on the image they are linked to the profiles?

    #449596

    imaprile
    Member

    @mirandabreon – Sorry, the code I originally sent you was supposed to have the links. I guess it’s not letting me put all the HTML code here. How can I email to you?

    Once you receive it, and If you copy & paste (with editing for YOUR filenames, URL’s, etc.) the provided code in a ‘text’ widget, it will allow your readers to go directly to the profile/home page of the social media sites you choose. It will also include the ‘hover’ titles. Just be sure to replace MY info with YOUR info. :)

    On stand by…

    :)

    #449602

    mirandabreon
    Member

    mirandabreon at g m a i l dot com

    Thank you!

    #449605

    1tess
    Moderator Emeritus

    @imaprile

    To paste code in the forums, you place it between backticks `
    Backtick is on the same key as the tilde ~ next to the 1 / ! key.

    #449608

    imaprile
    Member

    @1tess, Thanks! Let’s see if this works…

    @mirandabreon, try this…

    <p style="text-align:center;"><a href="http://twitter.com/imaprile"><img title="Tweet Me @ImAprilE" SRC="http://imaprile.files.wordpress.com/2010/01/twitter.png" /></a><a href="http://youtube.com/eldridgeapril"><img title="Check Out My Videos" SRC="http://imaprile.files.wordpress.com/2010/01/youtube1.png" /></a><a href="mailto:(email redacted)"><img title="Email ImAprilE" SRC="http://imaprile.files.wordpress.com/2010/01/email.png" /></a><a href="http://blip.fm/ImAprilE"><img title="Blip.fm" SRC="http://imaprile.files.wordpress.com/2010/01/blip1.jpg"></a>

    #449609

    imaprile
    Member

    Whoa! That was cool.. :)

    #449638

    1tess
    Moderator Emeritus

    @imaprile

    It is, isn’t it!!!

    I think so especially because communicating with individual questions takes time. And if you are going to spend the time helping someone, then it is a more efficient use of your time and generosity to speak publicly.

    Lots of people read these forums to find answers, and many just lurk.

    Big Smile emoticon type thing ( don’t know how to do that?!)
    Tess

    #449805

    saberak
    Member

    @imaprile – your code was really helpful. Thanks for sharing it here!

The topic ‘Placing Social media Icons’ is closed to new replies.