Как да добавите социални бутони (Харесва ми, чуруликам, Google 1 акция) на сайта

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

1. Добавете бутон към вашия сайт Google+

Снимката показва, че е възможно да настроите външния вид на бутоните на личните ви предпочитания. Например, можете да зададете размера на бутона, изберете език. Просто има разширени настройки, но това не е необходимо да се докоснат, както и всичко, което ще работи перфектно.

След необходимите настройки, копирайте кода и поставете бутон на сайта до точката, където искате да се показва бутона +1 на Google. Кодът трябва да бъде нещо като това:

Във втората част на кода, е желателно да се поставят в страницата самия край, обаче, понякога пренебрегване на това изискване, и го поставя на същото място, където бутона дисплей (въпреки, че не е наред).

2. Добавете бутон към вашия сайт "Like" на Facebook и Vkontakte

2.1. Както във Фейсбук

Горе вдясно се показва като ще се появи бутон на вашия сайт. Нека да разгледаме най-параметри, които могат да се задават:

2. Изпращане на Бътън
Добавяне или премахване на бутона за изпращане на съобщения. Аз препоръчвам да се премахне този бутон, защото Нашата цел е да доставят само "Харесва ми", въпреки че може да има различни цели.

3. Разпределение Стил
бутон Display Style. Лично аз харесвам най-стандарт.

4. Ширина
Ширината в пиксели на един бутон. Аз обикновено не дават повече от 100 пиксела.

5. Verb за показване
Какво ще се показва на бутона "Харесва ми" или "Аз препоръчвам". Обикновено изберете първата опция (тя трябва да бъде по подразбиране), защото тя е по-ефективен начин да се мотивират потребителите, като например.

6. Схема Цвят
Цвят: бял или черен.

7. шрифта
Просто работата на шрифта надпис "Аз обичам."

След настройки са в осребряване върху бутона "получите код" и място на сайта. Нормално бутон код за Facebook:

2.2. Подобно на VKontakte

Първо трябва да добавите новия сайт. За да направите това, изберете от падащото меню "Сайт / приложение" елемент, за да се свържете новия сайт:

След добавяне на нов сайт, освен него. Сега изберете от падащото меню желания сайт надолу. Следван от малък брой параметри "опция бутон", "височина", "име бутона" - всичко за персонализиране на вашия вкус. В края ще бъде кодът на бутона:

3. Добавете бутона на сайта чуруликане

Изберете от хоризонтален бутоните, които са най-подобно. Харесва ми "сподели връзка" бутона. След като щракнете върху него, веднага ще бъде предложена готов бутон код:

В лявата колона, можете да изберете определени настройки. Например, можете да зададете пълния текст на чуруликане, или да избере дали текстът е взет от HTML тагове сайт. Винаги съм си изберете стойността на дял (Използвайте заглавието на страницата). Можете да включите / изключите показването на тезгяха "Показване на броя".</p> <p>Последните три параметри могат да бъдат пропуснати (лично аз правя), тъй като допълнителният регистър, за да чуруликам може да раздразни мнозина. В края, можете да зададете езика на бутоните, както и неговия размер "Голям бутон". бутон код, за да чуруликам е както следва:</p> <h2>4. Добавяне на бутон за сайт "Споделяне"</h2> <p><div style="text-align:center;"><img alt="Как да добавите сайт за себе си" title="Как да добавите сайт за себе си" src='https://webp.images-on-off.com/5/384/434x310_pmnp6sfdfq11mdoctwsb.webp' width='434' height='310'/></div></p> <p>Както можете да видите от снимката можете да направите, за да добавите необходимите услуги за вашия блок. Възможно е също вид задача блок. блок код е както следва:</p> <hr> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/kak-da-se-nauchim-da-bdem-prijateli-2.html">Как да се научим да бъдем приятели</a></li> <li><a href="/articles/decor-vrata-bez-vrata-mezhdu-staite-i-kak-da-se.html">Decor врата без врата между стаите и как да се направи</a></li> <li><a href="/articles/jajchen-zhltk-kosa.html">Яйчен жълтък коса</a></li> <li><a href="/articles/kakto-e-prevedeno-lud.html">Както е преведено луд</a></li> <li><a href="/articles/net-nacionalen-produkt-e.html">Net национален продукт - е</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/kucheta-i-kotki-sa-v-dobri-rce-2.html">Кучета и котки са в добри ръце 2</a></li> <li><a href="/articles/kak-moga-da-namerja-moite-licenzionen-kljuch.html">Как мога да намеря моите лицензионен ключ, прозорци</a></li> <li><a href="/articles/zashho-vi-e-neobhodimo-vsichko-tova-cirk.html">Защо ви е необходимо всичко това цирк</a></li> <li><a href="/articles/kurshevel-toj-kurshevel.html">Куршевел, той - Куршевел</a></li> <li><a href="/articles/plnoto-otstranjavane-na-produktite-na-adobe.html">Пълното отстраняване на продуктите на Adobe</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Всички права запазени</p> </div> </footer> </div> </body> </html>