If you (or any visitor running a search) are looking for specifics - I worked it out despite not knowing much PHP. There are two steps, and remember that until they add these features you'll have to re-do this every time the theme updates. I added links for Twitter, Facebook, myspace, and LinkedIn to my site in this manner, so those are the codes I'm including. You'll also need appropriate images for the link icons, but most of these came preloaded with the theme anyway.
First, edit your CSS. Add the following CSS code (I put it in css.php but you should be able to do it using CSS includes as well.)
Code:
/*-------------------- TWITTER FEED ICON --------------------*/
a.twitter-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 0;
padding-left: 20px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.twitter-icon:link,
a.twitter-icon:active,
a.twitter-icon:visited {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/twitter-gray.png) no-repeat scroll center left;
}
a.twitter-icon:hover {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/twitter.png) no-repeat scroll center left;
}
/*-------------------- FACEBOOK FEED ICON --------------------*/
a.facebook-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 0;
padding-left: 20px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.facebook-icon:link,
a.facebook-icon:active,
a.facebook-icon:visited {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/facebook-gray.png) no-repeat scroll center left;
}
a.facebook-icon:hover {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/facebook.png) no-repeat scroll center left;
}
/*-------------------- LINKEDIN FEED ICON --------------------*/
a.linkedin-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 0;
padding-left: 20px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.linkedin-icon:link,
a.linkedin-icon:active,
a.linkedin-icon:visited {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/linkedin-gray.png) no-repeat scroll center left;
}
a.linkedin-icon:hover {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/linkedin.png) no-repeat scroll center left;
}
/*-------------------- MYSPACE FEED ICON --------------------*/
a.myspace-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 0;
padding-left: 20px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.myspace-icon:link,
a.myspace-icon:active,
a.myspace-icon:visited {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/myspace-gray.png) no-repeat scroll center left;
}
a.myspace-icon:hover {
background: transparent url(<?php echo $bfa_ata['template_directory']; ?>/images/myspace.png) no-repeat scroll center left;
}
Next, you need to edit the bfa_header_config.php file to add the links in question. Add the following code, but see the caveat below:
Code:
//LINKEDIN Feed link
if ( $bfa_ata['show_posts_icon'] == "Yes" ) {
$logo_area .= '<a class="linkedin-icon" ';
$logo_area .= 'href="http://www.linkedin.com/in/yourpage" title="sometext">' . '</a>';
}
//MYSPACE Feed link
if ( $bfa_ata['show_posts_icon'] == "Yes" ) {
$logo_area .= '<a class="myspace-icon" ';
$logo_area .= 'href="http://www.myspace.com/yourpage" title="sometext">' . '</a>';
}
//FACEBOOK Feed link
if ( $bfa_ata['show_posts_icon'] == "Yes" ) {
$logo_area .= '<a class="facebook-icon" ';
$logo_area .= 'href="http://www.facebook.com/yourpage" title="sometext">' . '</a>';
}
//TWITTER Feed link
if ( $bfa_ata['show_posts_icon'] == "Yes" ) {
$logo_area .= '<a class="twitter-icon" ';
$logo_area .= 'href="http://twitter.com/yourpage" title="sometext">' . '</a>';
}
Caveat: Because I didn't want any text, just the icons, the PHP code above doesn't include link text.
You can see how this was implemented on my site here:
http://hexink.com
I'm an artist, so coming up with the most elegant solution may well be beyond me. This seems to work just fine, though, for the time being.