Създаване на бутони социални мрежи (Харесва ми, чуруликане, Google 1) в един ред

Първо, нека да се разбере един по един, къде да получите кода за всички тези бутони. Нека да започнем с цел:

1. Използвайте "Tweet" на Twitter.

За да получите "чуруликане", следвайте този линк в горния ляв ъгъл на страницата, изберете български език.

Ето ме оставя всичко както е, с изключение на последния елемент "език". Изберете на български език, а от дясната страна ще се появи бутон си във форма, в която ще бъде в сайта. Пак там Set код, за да бъде поставен на уебсайта.

Този раздел, като оставя отворена или копирайте кода и го поставете в текстов документ, че е полезно за нас по-късно.

2. бутона "Like" Vkontakte.

Отиди на страница VK и попълнете всички необходими данни за бутона:

Този код се състои от две части. В първата част:

Във втората част на кода, а именно:

трябва да копирате същите като кода за бутона "Tweet", този код ще се използва по-късно.

Отиди на тази страница и, както обикновено, попълнете всички данни.

С код за G бутон + направят същото като в предходния параграф. В първата част на кода, ние си запазваме документ за справка в бъдеще:

Втората част от кода поставя във файла header.php между маркерите <главата> и :

4. бутона "Like" във Фейсбук.

И накрая, ние да получите кода за бутона "Харесва ми" Facebook. За да направите това, отидете на страницата за разработчици, и да видим къде този панел:

Поле "URL да се харесва" е оставено празно в списъка на "Layout" изберете желания стил на бутон и премахване на кърлежи "Faces Показване на приятели" и "Включи Бутон за споделяне". След това кликнете върху "Получаване на код".

По този начин ние сме установили, кодовете за всеки бутон, сега трябва всички тези бутони, за да вмъкнете на точното място за нас в края на статията в един ред.

Веднага след това, изградена в нашия блок с бутони. Това устройство ще бъде, както следва:

Както можете да видите, целият блок е social_button клас. и всеки бутон има свой собствен клас: Twitter бутон - клас Twitter. VK - VKontakte бутон. бутон Google + има googleplus клас. Facebook - и Facebook бутон.

В този блок, трябва да се замени ключови кодове сами по себе си, че сте копирали в отделен файл.

И, накрая, до един бутон, разположен точно в един ред, ще трябва да зададете този блок стилове. За да направите това, отворете файла style.css и добавете има следния ред: