Sign in to follow this  
Followers 0

Add twitter, facebook icons in header


Description

Tutorial on how to add social media icons in the IPB header.
This tutorial will show you how to add various social media icons (twitter, youtube, facebook) icons in the IPB header. In this case next to the quick search box.

Posted Image

Step 1. Open your Admin CP > Look & Feel Tab > select skin > Global Templates > globalTemplate.

Find:
<if test="canSearch:|:$this->memberData['g_use_search'] && $this->settings['allow_search']">
                        {parse template="quickSearch" group="global" params=""}
                    </if>

Add BELOW:
<ul class='ipsList_inline right' style='margin-top: 20px; margin-right: 30px;'>
<li style='margin:0px;'><a href='http://twitter.com/{twitter username}' title='Latest news and updates at twitter'><img src='{link to twitter icon}' alt='twitter' /></a></li>
<li style='margin:0px;'><a href='http://www.youtube.com/user/{youtube username}' title='View my Youtube videos'><img src='{link to youtube icon}' alt='youtube' /></a></li>
<li style='margin:0px;'><a href='https://plus.google.com/{google plus id}' title='View our Google Plus page'><img src='{link to your google plus icon}' alt='googleplus' /></a></li>
</ul>

Save Template.

Now you'll need to replace where I've stated {twitter username} or {link to youtube icon} with your own social media usernames and social media icons. In different skins you may need to adapt the padding or margin to fit better with your skin.

IllinoisDEV, 11228, zulacom and 2 others like this


0 Comments

There are no comments to display.