Бутон за споделяне на вашия сайт – версия 2

Бутонът за споделяне е безплатен за ползване и е създаден само и единствено с помощна цел. SavovDesign не носи отговорност при възникването на евентуални проблеми с функционирането му.

Втора версия на Бутон за споделяне в социални мрежи и директории

Новите промени в скрипта на бутона:

1. По-малък и ненатрапчив прозорец при първоначално преминаване на курсора на мишката върху бутона, като в по-малкия прозорец са разположени бутони за споделяне към най-известните социални мрежи.

2. Линк в долната дясна част на малкия прозорец – Още бутони, който отваря целия прозорец с всички бутони, веднага след преминаване на курсора на мишката върху линка.

3. Линк в долната дясна част на големия прозорец – Намали прозореца, който намалява големия прозорец след кликване върху линка.

4. Автоматично задържане за 2 секунди на прозореца с бутони след махане на курсора на мишката от прозореца или от бутона за споделяне.

5. Добавени са нови социални мрежи в скрипта на бутона и са премахнати старите неработещи сайтове.

6. Два варианта за стил на бутона – тъмен и светъл.

+Сподели е напълно безплатен бутон за споделяне на вашия сайт в по-известните български социални мрежи и уеб директории. Бутонът за споделяне може да бъде поставен на всяка една страница от вашия сайт, като копирате и поставите кода на бутона в HTML кода на желаната от вас страница. С помощта на този бутон посетителите на вашия сайт ще могат лесно да споделят връзки към вашите публикации от сайта в техните профили от социалните мрежи, което ще повиши посещаемостта и популяризирането на сайт ви.
Скриптът на бутона е направен така, че автоматично да прихваща линка, заглавието и описанието на вашата публикация без да се налага да бъдат изписвани ръчно в момента на публикуване.

Забележка: За да изпробвате бутона трябва предварително да сте се логнали в съответната социална мрежа. Някои от социалните мрежи не позволяват автоматично прикачване на описание.

Демо на Бутон за споделяне – светъл стил

Демо на Бутон за споделяне – тъмен стил

Изглед на бутона за споделяне

Изработка на бутон за споделяне на вашия сайт от SavovDesign

Инсталация на бутон за споделяне

1. Инсталация за WordPress

2. Инсталация в други сайтове:

Копирайте и поставете кода на бутона в HTML кода на желана от вас страница във вашия сайт на предпочитано от вас място.

Код на Бутон за споделяне – светъл стил:

<div class="share">
<a href="https://savovdesign.com" class="spodeli">SavovDesign</a>
<script src="https://savovdesign.com/sm-light/share.js" type="text/javascript"></script>
</div>

Код на Бутон за споделяне – тъмен стил:

<div class="share">
<a href="https://savovdesign.com" class="spodeli">SavovDesign</a>
<script src="https://savovdesign.com/sm-dark/share.js" type="text/javascript"></script>
</div>

Изработка и поддръжка на бутон за споделяне – SavovDesign

3 коментара до момента

  • Чудесно! Много ми допадна бутончето и в двата нюанса. Бих искала да попитам, възможно ли е да направиш и код за поставяне в сайт, така че като се постави курсора върху бутона, падащото меню да се отваря и нагоре? Имам предвид, че когато поставя в долния край на някоя от страничките (фиксирани с ‘overflow: hidden;’) на сайта ми, падащото меню не се показва достатъчно. Има ли начин да се получи примерно като бутоните на add this? 🙂

    • 04.12.2013 Avatar for SavovDesign
      SavovDesign

      Благодаря ти за положителните отзиви 🙂
      Когато имам малко повече време ще направя промени в скрипта на бутона, така че посоката на отваряне на прозореца с бутони автоматично да се нагажда в зависимост от разположението на бутона в сайта.

  • 26.09.2014 Avatar for SavovDesign
    SavovDesign

    Обновяване на всички линкове, поместени в кода на бутона за споделяне.
    Премахнати са всички неработещи социални мрежи и са заменени с други, работещи към днешна дата.