Настройка графического значка кнопки AddThis - PullRequest
Новая
       9

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

1 голос
/ 07 марта 2012

У меня есть несколько кнопок общего доступа 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

Ответы [ 2 ]

4 голосов
/ 26 марта 2012

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

0 голосов
/ 15 ноября 2012

Вот как я прокрутил свои собственные кнопки общего доступа, используя 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, поэтому для меня это не имеет большого значения.

...