Social Media on Footer

Social Media on Footer

How to for creating and editing the Social Media footer portlet

1. Create a left-hand portlet titled "social media" (click on manage-portlets and add new static text portlet).  If you get the following: default view warning

2. Click on "go here."

3. In the editor switch to html, copy and paste the following code into the portlet:

<ul id="foot-social">

<li class="first"><a id="facebook-icon" href="#"><span class="text-hide">Facebook</span></a></li>

<li><a id="twitter-icon" href="#"><span class="text-hide">Twitter</span></a></li>

<li><a id="pinterest-icon" href="#"><span class="text-hide">Pinterest</span></a></li>

<li><a id="youtube-icon" href="#"><span class="text-hide">YouTube</span></a></li>

<li class="last"><a id="linkedin-icon" href="#"><span class="text-hide">LinkedIn</span></a></li>

</ul>
 

4. Exit Html Mode. This will give you the following: 

Exit HTML Mode

5. Click on each link and update the actual link for each service (the chain icon, choose external): external link menu
 

6. Be sure and check the box to omit the portlet border:

 hide borders
 

7. Click save and check to make sure all the links go to the correct places.