Adding New Social Link Buttons to Left Side of Site

[Angela Palladino]

Hi there,

I currently have the blocks Twitter, G+, YouTube, LinkedIn, and RSS set up. I would to add block links here for Vimeo and IMDb if possible. Is there a way I can do this?

Thanks!

[Angela Palladino]

my site is http://www.ampalladino.com

[Towfiq I.]

For Vimeo

open up header.php and add this line:

<li class="soc_vim"><a title="Vimeo" target="_blank" href="your vimeo link here">Vimeo</a></li>

after this line:

<li class="soc_rss"><a title="Rss Feed" target="_blank" href="<?php echo of_get_option('rsssoc_text'); ?>">RSS</a></li><?php } ?>

Then add this to the very bottom of your stylesheet:

.social ul .soc_vim a{ background:url(“http://i.imgur.com/aw3oN.png”) no-repeat!important;}

.social ul .soc_vim a:hover{ background:url(“http://i.imgur.com/nP3JX.png”) no-repeat!important;}

for IMDB

IMDB ICON:

First open up header.php and add this line:

<li class="soc_imdb"><a title="IMDB" target="_blank" href="put your imdb url here...">IMDB</a></li>

after this line:

<li class="soc_rss"><a title="Rss Feed" target="_blank" href="<?php echo of_get_option('rsssoc_text'); ?>">RSS</a></li><?php } ?>

then add this to your stylesheet:

.social ul .soc_imdb a{ background:url("http://i.imgur.com/FQOEC.png") no-repeat!important;}

[Angela Palladino]

This only half worked. The IMDB link worked, but the Vimeo button is not showing up. The link is there but the button appears to be invisible.

See what I mean here:
http://www.ampalladino.com

[Towfiq I.]

sorry. for vimeo try this:

First open up header.php and add this line:

<li class="soc_vim"><a title="Vimeo" target="_blank" href="put your vimeo url here...">Vimeo</a></li>

after this line:

<li class="soc_rss"><a title="Rss Feed" target="_blank" href="<?php echo of_get_option('rsssoc_text'); ?>">RSS</a></li><?php } ?>

then add this to your stylesheet:

.social ul .soc_vim a{ background:url(“http://i.imgur.com/AF7O2.png”) no-repeat!important;}

[Angela]

Hi,

This still did not work. The link is there but the button is invisible. Can you please take a look again? Thank you!

http://www.ampalladino.com

Angela

[Towfiq I.]

from your stylesheet, replace this line:

.social ul .soc_vim a{ background:url(“http://i.imgur.com/AF7O2.png”) no-repeat!important;}

with this:

.social ul .soc_vim a{ background:url("http://i.imgur.com/AF7O2.png") no-repeat!important;}

[Angela]

This worked!!! Thank you!

-Angela

[Halliwell]

How to add social network LittleMonsters.com to the left side?

[Towfiq I.]

Do you have an icon of LittleMonsters.com? can you share the icon/image?