3d кнопки для сайта на CSS — подписка на социальные сети

21/09/2012 комментариев14 Дизайн блога, Настройка

Здравствуйте, читатели!

Сегодня я расскажу вам, как сделать в сайдбаре 3d кнопки подписки. Вы уже наверное знаете, чтобы привлечь как можно больше подписчиков, на блоге просто обязательно должны быть кнопки подписки. Если у Вас их до сих пор нет, то Вы скорее потеряли много подписчиков!

Что это за 3d социальные кнопки? Эти кнопки ни чем не отличаются от обычных кнопок. Ну разве что только когда наводишь на кнопку она затемняется и вращаются, довольно интересно смотреться в дизайне блога. Че я Вам рассказываю, если можете сами на них посмотреть.

Установка кнопок подписки

Для того чтобы сделать такие же кнопки подписки Вам нужно скопировать код, который ниже и вставить его в место где Вы хотите видеть кнопки, если это сайтбар то заходите в файл Sidebar.php и вставляете его в начале файла.

Обратите внимание если в Sidebar.php в начале файла есть какие-то блоки div, то лучше файл вставить под id.

Чтобы прописать ссылки на Ваши профили чуть под редактировать код:

Заменяем надпись YOUR-FEED-URL-HERE на ссылку вашего RSS Feed канала.

Удаляем надпись YOUR-FACEBOOK-PAGE-URL-HERE и вставляете туда ссылку на ваш профиль в Facebook.

Удаляем надпись YOUR-TWITTER-URL-HERE и ставите ссылку на Ваш Twitter.

Заменяем надпись YOUR-GOOGLE-PLUS-URL-HERE на Ваш профиль в Google +

Если все правильно сделаете у Вас получаться кнопки, которые я показывал чуть выше.

А Вы знаете, как в интернете бесплатно создать блог на WordPress? Я знаю, а Вы?

На этом я пожалуй я заканчиваю, если у Вас вдруг возникнут какие-то проблемы пишите в комментариях поможем. Всем пока.

Дизайн, Настройка

«Предыдущая

(4 оценок, среднее: 4,25 из 5)

Загрузка...

Нравится

Как убрать большие пробелы между словами

Как установить favicon на WordPress сайт?

Как закрепить запись на главной странице WordPress

нерадивый бухгалтер:

28/09/2012 в 14:41

Кнопки красивые, у меня вот никаких нет, надо попробовать))
А автосохранение данных не происходит((

Ответить
нерадивый бухгалтер:

28/09/2012 в 15:32

Кнопки сделала, зацените))
А Вы бы убрали из ТОП комментаторов себя, а то так не честно)))

Ответить
- Мишко:
  
  28/09/2012 в 15:53
  
  Лариса, в кнопке от фэйсбука ссылка на контакт — не дела 🙂 . Влад, поиск от яндекса съезжает вправо... При моем разрешении в опере 🙁
  
  Ответить
  - Влад:
    
    30/09/2012 в 16:11
    
    Мишко, эх эта кроссбраузерность, не знаю что с ней делать, 🙁 но обещаю что-то придумаю...
    
    Ответить
  - нерадивый бухгалтер:
    
    02/10/2012 в 21:34
    
    Как не дела, дела еще какие). Я путаная-перезапутанная, вполне в моем стиле)
    
    Ответить
- Влад:
  
  30/09/2012 в 15:54
  
  Кнопки в шапке круто смотрятся 🙂 Теперь у Вас подписчики увеличатся раза в два, а то и больше 🙂
  С тор комментаторов себя уберу, вот только разберусь как это сделать 🙂
  
  Ответить
  - нерадивый бухгалтер:
    
    02/10/2012 в 21:35
    
    Да думаю увеличится, раньше вообще никто не мог найти подписку, даже спрашивали, как на Вас подписаться) И блог стал такой повеселее)
    
    Ответить
evgenij:

02/10/2012 в 20:55

Вау!!!!! спасибо)

Ответить
ТОха:

03/10/2012 в 12:50

Прикольные) Только смутно представляю их вписанными в дизайн. А так круто. Спасибо
P.S. Cозданием блогов я уже занимаюсь больше 2 год — наверное все же более 2х лет?

Ответить
web:

27/12/2012 в 19:12

омг,робит))

Ответить
Артём:

22/04/2013 в 20:03

У меня в blogger блоге эти кнопки как то криво встали.
Я их даже во владке дизайн удалил, а они всё равно остались

Ответить
Кирилл:

17/01/2014 в 16:23

Не раз видел такие кнопки на других блогах, пока ставить себе не буду так как меня пока свои устраивают. Но добавлю статью в закладки, вдруг когда-нибудь понадобится. 🙂

Ответить
Ольга:

05/12/2014 в 19:32

Я так понимаю, будут только эти 4 кнопки, которые отмечены в статье? а VKontakte и другие ка можно добавить?

Ответить
- Анна:
  
  06/12/2014 в 3:34
  
  Ольга, к сожалению, статья устарела. В ближайшее время постараюсь обновить ее, написать про всевозможные кнопки и несколько вариантов.
  
  Ответить