linkedin logo

Would be great if all the websites were updated with a linkedin logo, in addition to the facebook, google+, twitter and pinterest that are already there.

For the runner free template logo how do I add a linkedin to it? I mean I believe I know how to edit the css and the footers themselves, but the logo is like a stacked logo with four images on it, left is white and right are colored for after hover.

 

Got it thanks. I took your logo, downloaded it and converted to a png of size 58 x 146

Then I adjusted the code as follows in the css

#footer div .connect {
display: block;
float: right;
height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
width: 185px;
}
#footer div .connect a {
background: url(../images/icons.png) no-repeat;
display: block;
float: left;
height: 29px;
margin: 0 5px;
padding: 0;
text-indent: -99999px;
width: 29px;
}

To make each logo 29 px and the total width 185 to accommodate 5 logos x 29 + 5 for the margin x 4 = 185

and then made the other css as such:

#footer div .connect a.facebook {
background-position: 0 0;
}

#footer div .connect a.googleplus {
background-position: 0 -29px;
}
#footer div .connect a.pinterest {
background-position: 0 -58px;
margin: 0;
}
#footer div .connect a.twitter {
background-position: 0 -87px;
}
#footer div .connect a.linkedin {
background-position: 0 -116px;
}
#footer div .connect a.facebook:hover {
background-position: -29px 0;
}

#footer div .connect a.googleplus:hover {
background-position: -29px -29px;
}
#footer div .connect a.pinterest:hover {
background-position: -29px -58px;
}
#footer div .connect a.twitter:hover {
background-position: -29px -87px;
}
#footer div .connect a.linkedin:hover {
background-position: -29px -116px;
}

and the source code at the bottom of each page (with the corresponding URL for my FB and IN pages, etc.):

<div class="connect">

<a href="https://www.facebook.com/" class="facebook">facebook</a>
<a href="https://www.googleplus.com/" class="googleplus">googleplus</a>
<a href="https://www.pinterest.com/" class="pinterest">pinterest</a>
<a href="https://www.twitter.com/" class="twitter">facebook</a>
<a href="https://www.linkedin.com/in/" class="linkedin">linkedin</a>

</div>

For some reason this makes a slightly bigger space between the first and second logos, and the four and fifth (final) logos, but acceptable.

How does all this correspond on the mobile site? since there is no such code on the mobile.css ?

 

I could use a linkedIN logo image for the businessworldtemplate, that one seems pretty straightforward.

 

Been busy, lol. Three days of concentrated activity.

Ended up making six sites, all up and hosted on separate URLs now. I have the Ultimate Plan shared hosting at GoDaddy so I just pay for domain registration hosting unlimited sites is all included.
astronomy
business world
music artist
rehabilitation-yoga
running
space-science

I am about to create the law firm one too.

On the space-science one, did not need the social links. On the other five, I created the linkedIN logo. I also made the Contact Us form work on each one of the above sites, using FormMail.pl The way it is set on the stock templates is the form submission really doesn't do much of anything, it just redirects to the home page. I have a little issue with the way the formmail is working, all sections get transmitted fine but for some reason it shows in the email as coming from () and does not list the actual sender, but the sender's email address is listed in the body of the email.

So if anyone wants help on implementing formmail into these templates talk to me. I also created
missing.html
thanks.html
site_map.html
pages for each template, which are used for redirect to Thank people for a formmail submission, and for missing pages. A site map is always good for SEO. I could probably use some help making the hyperlinks nicer on some of the site maps (hover, etc.) but they work.

Thank you ishkey. I might use your LinkedIN logo for business world. The one I used I found on the 'net and isn't identical to the others.

Did I say seven sites, actually no, I created ten but only seven of them are with freewebsitetemplates. I had some other templates for the other sites. Been very busy. Ten websites created in four days is pretty good I think.