Add Linkedin Sharing Button

Posted in: Newspaper
Post count: 271

We’ve tried this 5 times and it simply doesn’t work:

http://bit.ly/2cw7jNg

Site is http://bizcatalyst360.com/

Post count: 23312

Hi

Please notice that tutorial are referring to Newsmag and for Newspaper it is a bit of different way for it’s implementation. Give a look at this topic here -> https://forum.tagdiv.com/topic/add-a-linkedin-button/ because there you should find a solution regarding at this button implementation.

Thanks for the message!

Post count: 271

Thank you for your quick response as always! We installed the Font Awesome 4 Menus plugin (relvance?) – Regardless, that’s what they advised, and confirmed all the code entries and sprite files precisely as you’ve instructed, but it’s still not working.

Post count: 23312

Hello dennisjpitocco,

Please ensure that you are following all the steps which are presented to the topic above. If you are not an experimented person in this regard and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Post count: 271

We are not seeking “custom work” Catalin. We have followed your steps precisely five (5) times, and it has been done by experienced people. Simply seeking reasonable help here as it simply doesn’t work.

Post count: 23312

Hello,

I have tested on my site again, following the same steps which I have explained you above and the Linked in button still working as properly, as you can see here -> http://screencast.com/t/NZb7k0HkB6l That implementation way is fully tested and should work and on your side, why not! Please try again this way and good luck.

Thanks.

Post count: 271

Thank you Catalin – we’ll try it again!

Post count: 271

Update: It Worked! No need for the Font Awesome addition. Thank you!

Post count: 23312

Hello dennisjpitocco,

I am glad that you could manage your problem.

Thanks.

Post count: 271

Hi Catalin:

Linkedin Share Button has been working perfectly (following your advice above in September). However, it disappeared completely after we installed the latest Theme Update earlier this week!

I’m wondering if their new version code changes no longer support the temporary patch they supplied?

Here’s what we did:

1) Edit file: \public_html\wp-content\themes\Newspaper\includes\modules\td_module_single.php
At somewhere near line 53 add (just after/under whatsapp) add:

<a class=”td-social-sharing-buttons td-social-linkedin” href=”http://www.linkedin.com/shareArticle?mini=true&url=&#8217; .
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>

2) Make sure custom CSS code is still there. Add in theme options, custom code, custom CSS:

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

We observed the code was still in the custom CSS theme options.

3) Replace the image sprite files with the one’s you manually supplied last time.
Replace the sprites in \public_html\wp-content\themes\Newspaper\images\sprite with:

Still not working… Help!

Post count: 22421

Hello,

I have tested this method again n the latest version of newspaper and the method still works as expected. http://screencast.com/t/YIrkN4SV
I’m not sure exactly why it’s npot working on your end byt you need to use font awesome, not sprites. The sprites have been removed from our theme from a few updates back. Only font awesome can provide the icon properly.
there are 2 copy/paste operations you need to make and 1 plugin install.

1. Copy this 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;"><i class="fa fa-linkedin"></i></a>
Paste it here: http://screencast.com/t/iKzR3wrLjP

IMPORTANT NOTICE: there are 2 instances of the same code in that page. One is for the top sharing icons and one is for the bottom icons. If you want linked in on both you need to paste the code twice for each instance. If you only want the top or bottom, make sure you place the code in the corect spot.

2. Copy this code:

.td-social-linkedin{
margin-left:8px;
background-color: 
#006699!important;;
}

Paste it in the theme panel-> custom css spot

3. Install this plugin: https://www.newnine.com/plugins/font-awesome-4-menus

4. Clear all caching, and reset cdn files if you use it as cache needs to be cleared for changes to appear imediatly. Otherwise you will have to wait for the cache to be cleared and that depends on how you set it.

Thank you!

Post count: 271

Thank you Bogdan for your remarkable support. it’s working now!

Post count: 7

what would be the Code for Adding “Email Sharing” Functionality for Post sharing like adding Linkedin.

Post count: 20685

Hi,


@NegomboToday
There are some similar topics that you could try
https://forum.tagdiv.com/topic/share-icons/
https://forum.tagdiv.com/topic/add-email-sharing-button-2/
Or you could simply install a sharing plugin that might have the option you need.

Thanks

Viewing 14 posts - 1 through 14 (of 14 total)
You must be logged in to reply to this topic.