Настройка значка кнопки AddThis Графика

У меня есть куча добавочных кнопок AddThis, которые появляются после того, как кто-то подписался на мой список электронной почты.Настройка значка кнопки AddThis Графика

Я бы хотел добавить кнопку совместного доступа для Google Plus, но она не работает.

Например, чтобы поставить свою собственную кнопку LinkedIn, я использую следующий, и он работает как шарм:

<a class="addthis_button_linkedin"><img src="img/linkedin.png" width="64" height="64" alt="Share to LinkedIn"></a>

Однако, когда я делаю то же самое для пользовательской кнопки Google+, появляются две кнопки , Вот моя разметка:

<a class="addthis_button_google_plusone"><img src="img/googleplus.png" width="64" height="64" alt="Share to Google+"></a>

Вот изображения: http://goo.gl/9lILs

Кто-нибудь, прежде чем запустить в этот вопрос? Нет ответа от форума поддержки AddThis.

Если это не поддерживается API, есть ли способ взломать что-то? Как скрывать маленькую графику за большой?

[править] Я могу использовать CSS, чтобы переместить другие значки, чтобы покрыть небольшой значок Google+, но это выглядит неаккуратно: http://goo.gl/d68eg

источник

2012-03-07 edpeciulis

Вот как я закатила собственные кнопки совместного использования PHP и HTML:

<div class="sharing_buttons"> 
     <a class="google_plusone sharing" href="https://plus.google.com/share?url=http://YOUR_URL" target="_blank" title="Share on Google+"></a> 
     <a class="facebook sharing" href="http://www.facebook.com/sharer.php?u=http://YOUR_URL" target="_blank"title="Share on Facebook"></a> 
     <a class="twitter sharing" href="http://twitter.com/home?status=YOUR TWEET GOES HERE" target="_blank" title="Share on Twitter"></a> 
     <a class="linkedin sharing" href="http://www.linkedin.com/shareArticle?mini=true&url= 
     <?php echo urlencode('YOUR_URL'); ?> 
     &title=<?php echo urlencode('YOUR TITLE HERE'); ?> 
     &summary=<?php echo urlencode('WRITE A SUMMARY HERE (SPACES WILL BE ENCODED)'); ?> 
     &source=<?php echo urlencode('@4click'); ?>" target="_blank" title="Share on LinkedIn"></a> 
     <a class="button_email sharing" href="mailto:?subject=YOUR SUBJECT&body=BODY OF THE EMAIL" target="_blank" title="Share via e-mail"></a> 
    </div>

Графика значок добавляются с помощью CSS. Например:

.google_plusone { background:url(../img/sharing_sprite.png) 0px 0px; }

Ограничение этого решения заключается в том, что вы не имеете возможности отслеживания, которые предлагает AddThis, но я отслеживать свои социальные акции с помощью HootSuite, так что это не имеет большого значения для меня.

источник

2012-11-14 20:14:47 edpeciulis

Вы, вероятно, хотите использовать кнопку addthis_button_google_plusone_share.

источник

2012-03-26 18:42:31

Спасибо за ваш ответ. У меня не было проблем с добавлением фрагмента кода. Я уже использовал кнопку addthis_button_google_plusone_share. Моя проблема заключалась в том, что я не мог изменить графику кнопок. AddThis, возможно, исправил его до сих пор, но в то время вы могли указать любое изображение для своих других кнопок (LinkedIn, Twitter и т. Д.), Но когда вы сделали это для PlusOne, он отобразил бы ваше изображение кнопки **, а также * * изображение кнопки по умолчанию (см. первый снимок экрана). – edpeciulis

Настройка значка кнопки AddThis Графика

ответ

Смежные вопросы