Add Linkedin Sharing Button

Posted in: Newspaper
Post count: 271

Our Linkedin Share Button disappeared when we updated the Theme yesterday. Can you direct us to the tutorial or instructions to fix?

Old instructions below no longer work;

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>

Old part:
<div class=”td-sp td-sp-linkedin”></div>

New part:
<i class=”fa fa-linkedin”></i>

Post count: 23312

Hello dennisjpitocco,

1. Copy this code:
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>
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 correct spot.

2. Copy this code:

.td-social-linkedin{
margin-left:8px;
background-color:
#006699!important;;
}
Paste it in the theme panel-> custom css spot

The result is here -> http://screencast.com/t/7dLgIuOpBp

I have tested with the latest version of Newspaper and the Linkedin Button seems to work as properly.

Thanks for your understanding!

Post count: 271

Thank you! Very helpful, as always.

Post count: 271

Hello Catalin:

The Code in your second Screencast above is not entirely visible (cut-off at the right margin). Here is your Screencast from above:

The result is here -> http://screencast.com/t/7dLgIuOpBp

Would you please attach a new Screencast with the entire code showing?

Thank you!

Post count: 23312

Hello dennisjpitocco,

The screenshot are good and it seems to be visible all the code, as you can see here -> http://screencast.com/t/FpsmfkGf Where is the problem because above you said that this advice was very helpful.

Thanks for the message!

Post count: 271

Hi Catalin:

It is the SECOND Screenshot that we need to see fully. This one: http://screencast.com/t/7dLgIuOpBp

Post count: 7909

Hi,

Solution provided by my colleague Bogdan in the other topic works properly – https://forum.tagdiv.com/topic/add-linkedin-sharing-button/#post-142490
I tested it again – http://screencast.com/t/ey7OvIG0lBa Also on post template used by Catalin above, here is a screnshot – http://screencast.com/t/yFA718Mh

Thanks!

Post count: 271

it’s fine now – thank you!

Post count: 19

Hello, I don’t understand in which file (could you give me the name) paste the following code (and where exactly)

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>

Thanks

Post count: 22421

Check the screenshot refeerence: http://www.screencast.com/t/iKzR3wrLjP
The file is shown in the top left of the screenshot
Thank you!

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