Quantcast
Channel: tagDiv support
Viewing all articles
Browse latest Browse all 280

Add a new Linkedin button

$
0
0

A. The code

  • You have to add the button code inside td_module_single_base.php :

linkedin_button_code

<a class="td-social-sharing-buttons td-social-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=' . urlencode(esc_url(get_permalink())) . '&title=' . htmlspecialchars(urlencode(html_entity_decode($this->title, ENT_COMPAT, 'UTF-8')), ENT_COMPAT, 'UTF-8') . '&source=' . urlencode(get_bloginfo('name')) . '" onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><div class="td-sp td-sp-linkedin"></div></a>
  •  Add the css inside Theme Panel -> Custom CSS:

linkedin_button_css

.td-social-linkedin{
background-color: #006699;
}
.td-sp-linkedin{
width: 32px;
height: 32px;
background-position: -24px -744px;
}

B. The files

  • Replace the sprite files inside ../Newspaper/images/sprite folder. The new files are available here.

linkedin_sprite_files

 

C. Result & resourcess

  • the button will appear on page like this:

linkedin_share_result

 

 

 


Viewing all articles
Browse latest Browse all 280

Trending Articles