1. Ссылки покупок

    Стратегия на турбо опционы

    Обучение по Бинарным Опционам.

    Бизнес по рецепту. продажа женских товаров

    Мануал по добыче бесплатного трафика с поисковика Bing (2016)

    От 6к уникальных посетителей на страницу ВК

    Facebook

    Стратегия Лайв Профит - ставки на футбол

    [Ирина Шмидт] - Церебро Таргет 2016

    Новый дорген.

    Стратегия на спорт.

    Двойной арбитражник по бесплатному трафику (2016)

    Подробная инструкция по Созданию интернет магазина чая с нуля (2016)

    Чертежи солнечного био-вегетария площадью 1200 кв.м. (СБВ-Профи)

    Адский стрим по копирайтингу: то чувство, когда подглядывать - хорошо!

    Видео-Курс - Tехнология быстрого старта в email рассылках (2016)

    Продвижение партнерских программ в одноклассниках (2016)

    Научу грести трафик. Только успевай сервера покупать!

    Трафик из ВК (Схема + Кейсы)

    Пассивный доход со стабильными выплатами.Схема добычи трафика.

    Секрет создания аккаунта яндекс директ без НДС

    Система ставок от проверенного каппера

    Государственный и банковский конфискат +VIP блок (2016)

    Как работать и зарабатывать деньги на продвижении своих проектов (2016)

    Секреты бесплатной рекламы от бывшего сотрудника Вконтакте

    Mobile Арбитраж - Арбитраж мобильного трафика (2016)

    BUSINESS MANUAL - Безопасные схемы заработка

    Как получать 1000-и заказов из CPA сетей (Дм.Ковпак)

    Как зарабатывать удаленно 100 тыс. руб на продвижении в Инстаграме без вложений и жить в Тайланде

    Самонаполняемые Видео-сайты!

    Прибыльная стратегия для бинарных опционов, первый доход через считанные дни + бонус!

    Траф с Вк за копейки

    Профит на онлайн теме от 30к до Неизвестно в месяц

    Легальный высокодоходный бизнес в реале

SEO Блог Luckyman'a | Делаем плавающий блок социальных кнопок на сайте

  1. [SEO Блог Luckyman'a]
    Расскажу, как сделать такой же плавающий блок социальных кнопок, как у меня слева. Без применения плагинов.

    Подключаем скрипты


    Facebook — вставляем этот код:

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    После тега <body> вашей текущей темы.

    Google Plus – код:

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
    {lang: 'ru'}
    </script>

    Также поставить после тега <body>.

    Вконтакте

    Переходим на страницу http://vk.com/dev и нажимаем «Авторизация и виджеты для сайта»

    [​IMG]

    Далее выбираем «Мне нравится»

    [​IMG]

    Добавляем свой сайт, выбираем «Миниатюрная кнопка, счётчик сверху»

    [​IMG]

    Копируем только часть получившегося кода:

    [​IMG]

    И вставляем его перед тегом </head>.

    Интеграция самих кнопок


    Теперь, вставляем сам код кнопок в тот файл, где вы хотите, чтобы они выводились – у меня они выводятся только на одиночных записях, поэтому я вставил их в файл шаблона single.php.

    <div class="share1"><!--noindex-->
    <div class="share-item"><a href="http://twitter.com/share" class="twitter-share-button" data-text="" data-count="vertical" data-via="ВАШ_ЛОГИН" data-lang="en_US">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
    <div class="share-item">
    <div id="vk_like" style="margin: 0 auto;"></div>
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "vertical", height: 24});
    </script></div>
    <div class="share-item" style="margin: 0 auto;"><div class="fb-like" data-send="false" data-layout="box_count" data-width="45" data-show-faces="false"></div></div>
    <div class="share-item" style="margin-left: 9px;"><a rel="nofollow" target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'nt' : '1', 'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'ok', 'vt' : '1'}">Нравится</a>
    <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></div>
    <div class="share-item"><div class="g-plusone" data-size="tall"></div>
    </div>
    <!--/noindex--></div>

    Обращаю ваше внимание, в коде твиттера (2 строка) нужно заменить ВАШ_ЛОГИН на свой.

    После, в файл CSS вашей активной темы вставляем:

    .share1 {
    background: #fff;
    border:1px solid #CFDEEF;
    border-radius:3px;
    box-shadow: 0 0 10px #909090;
    padding: 6px 6px 0px 6px;
    position: fixed;
    top: 100px;
    margin-left: -90px;
    margin-bottom:10px;
    z-index:100;
    width:63px;
    }
    .share1 .share-item {
    clear:both;
    overflow:hidden;
    margin: 3px 0px 3px 0px;
    z-index:1000;
    text-align:center;
    padding: 0px 0px 5px 0px;
    }

    .share1 .share-item:hover{
    overflow:visible !important;
    }

    .share1:hover {
    background: #fff;
    border: 1px solid #D4D4D4;
    box-shadow: 0 0 5px #DDD;
    }

    Если вы все сделали правильно, то плавающие кнопки уже будут работать. В качестве альтернативы можно использовать сервис share42.
     

Поделиться этой страницей