Attempting to add Social Media Buttons

  • swarnock89

    (@swarnock89)


    9 years, 7 months ago

    Ok, so after some search on the forums, I was able to add some social media buttons to my website. Unfortunately, I do not like where the buttons have appeared, and I cannot seem to get them where I want.

    Let me preference this by saying my CSS skills are minimal and HTML even less.

    The code I used to get the icons to show is this:

    `<div id=”header_icons”>
    <dl><a href=”mailto:swarnock89@hotmail.com”><img src=http://i.imgur.com/lY2Oe5h.png height=30 width=30 />
    </a><a href=”feed”><img src=http://i.imgur.com/XGxpCBe.png width=30 height=30 />
    </a><a href=”http://twitter.com/shawnwarnock”><img src=http://i.imgur.com/iqJlFSE.png width=30 height=30 />
    </a><a href=”http://www.youtube.com/fordgt0589″><img src=http://i.imgur.com/41DFgBK.png width=”30″ height=”30″ />
    </a><a href=”https://plus.google.com/111820184197001848982/posts”><img src=http://i.imgur.com/uhc8j9w.png width=30 height=30 position:relative left: 250px /></dl></a>

    I placed this code in the “Header.php” file. Where I want the buttons to be is centered above the “access” class.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rajan Vijayan

    (@rajanit2000)

    9 years, 7 months ago

    Just try

    sharethis.com or addthis.com

    andrewcrook

    (@andrewcrook)

    9 years, 7 months ago

    Hi swarnock89

    When you’re posting code in the forum, don’t forget to use the [code] button above the text are where you write, or the forum will screw up the code you post!

    Edit: you'll also need to hit the same [/code] button after your code!

    Thread Starter swarnock89

    (@swarnock89)

    9 years, 7 months ago

    @rajan, I already had a social media widget that I was using, but I do not want it in the sidebar. I want it up in the header next to my site’s title.

    @andrewcrook I thought I had pressed that button but anyway, here is the code:

    <div id="header_icons">
<dl><a href="mailto:swarnock89@hotmail.com"><img src=http://i.imgur.com/lY2Oe5h.png height=30 width=30 />
<a href="feed"><img src=http://i.imgur.com/XGxpCBe.png width=30 height=30 />
<a href="http://twitter.com/shawnwarnock"><img src=http://i.imgur.com/iqJlFSE.png width=30 height=30 />
<a href="http://www.youtube.com/fordgt0589"><img src=http://i.imgur.com/41DFgBK.png width="30" height="30" />
<a href="https://plus.google.com/111820184197001848982/posts"><img src=http://i.imgur.com/uhc8j9w.png width=30 height=30 position:relative left: 250px /></dl>
    Rajan Vijayan

    (@rajanit2000)

    9 years, 7 months ago

    Yes Swarnock89.,

    No need to use Sharethis plugin just use following code

    Under site title

    <span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_pinterest_large' displayText='Pinterest'></span>
<span class='st_email_large' displayText='Email'></span>

    put footer.php

    <script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-aebec56e-6380-3e34-aeff-b1a4725eb599", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Attempting to add Social Media Buttons’ is closed to new replies.