Пожалуйста, помогите с кнопками подписки

Модератор: Fleelancer

<<

mariamarvel

Автор темы

Сообщения: 3

Зарегистрирован: 29 дек 2012, 03:19

Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Сообщение 29 дек 2012, 03:27

Пожалуйста, помогите с кнопками подписки

Во многих блогах вижу такое, но как сама сделать не понимаю.
Нужно сделать 4 кнопки подписки - Google friend connect, Facebook, Bloglovin и RSS
Вот как-нибудь так: Пожалуйста, помогите с кнопками подписки
Или так (лучше списком с иконками): Пожалуйста, помогите с кнопками подписки

Через какой виджет их сделать? Где скачать сами иконки (хотя это не главный вопрос)?
И особенно - как в числе них сделать иконку Google friend connect и RSS? допустим, с Fb и Bloglovin легко, достаточно просто поставить ссылки на них, а вот с GFC я совсем не понимаю, как сделать. пока что у меня тупо стоит виджет followers, через который и можно подписаться.
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 09 янв 2013, 07:59

Re: Пожалуйста, помогите с кнопками подписки

Сделать их простым списком и все.
В гаджете HTML:
  Код:
<ul>
<li class="soc1">twitter</li>
<li class="soc2">tumblr</li>
<li class="soc3">facebook</li>
</ul>

И в стилях прописываешь иконки:
  Код:
.soc1 {
background: url(http://ссылка на иконку/icon1.png) left top no-repeat;
}
.soc2 {
background: url(http://ссылка на иконку/icon2.png) left top no-repeat;
}
.soc3 {
background: url(http://ссылка на иконку/icon3.png) left top no-repeat;
}
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

mariamarvel

Автор темы

Сообщения: 3

Зарегистрирован: 29 дек 2012, 03:19

Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Сообщение 26 янв 2013, 22:06

Re: Пожалуйста, помогите с кнопками подписки

sv9t писал(а):Сделать их простым списком и все.
В гаджете HTML:
  Код:
<ul>
<li class="soc1">twitter</li>
<li class="soc2">tumblr</li>
<li class="soc3">facebook</li>
</ul>

И в стилях прописываешь иконки:
  Код:
.soc1 {
background: url(http://ссылка на иконку/icon1.png) left top no-repeat;
}
.soc2 {
background: url(http://ссылка на иконку/icon2.png) left top no-repeat;
}
.soc3 {
background: url(http://ссылка на иконку/icon3.png) left top no-repeat;
}



не пойму, а где прописывать иконки?
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 26 янв 2013, 23:06

Re: Пожалуйста, помогите с кнопками подписки

mariamarvel писал(а):не пойму, а где прописывать иконки?

я ж написал. А вообще смотря где хочешь разместить. Если сайдбаре, то добавляй виджет HTML и вставляй код который я привел, а в стилях(они прописаны в коде самого шаблона) вставляешь картинки самих иконки.
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

mariamarvel

Автор темы

Сообщения: 3

Зарегистрирован: 29 дек 2012, 03:19

Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Сообщение 26 янв 2013, 23:38

Re: Пожалуйста, помогите с кнопками подписки

sv9t писал(а):
mariamarvel писал(а):не пойму, а где прописывать иконки?

я ж написал. А вообще смотря где хочешь разместить. Если сайдбаре, то добавляй виджет HTML и вставляй код который я привел, а в стилях(они прописаны в коде самого шаблона) вставляешь картинки самих иконки.


так я и не поняла, где стили(
в общем, сделала вот так:
Пожалуйста, помогите с кнопками подписки
иконки отображаются, но получилось не особо красиво. что не так, как сдвинуть текст вправо и увеличить ширину строки, чтобы иконки полностью поместились?
Пожалуйста, помогите с кнопками подписки

Добавлено спустя 55 минут 27 секунд:
все, вопрос уже снят) спасибо за помощь)
<<

StSlaventiy

Аватара пользователя

Сообщения: 4

Зарегистрирован: 26 янв 2013, 13:02

Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Сообщение 27 янв 2013, 20:00

Re: Пожалуйста, помогите с кнопками подписки

А у меня вот есть коды соцкнопок, но не могу их поставить после постов.У меня блог на блоггере и в HTML шаблона не могу найти тэга <?php the_content(); ?>
<<

sv9t

Аватара пользователя

Сообщения: 729

Зарегистрирован: 23 апр 2011, 01:14

Откуда: Киров

Благодарил (а): 8 раз.
Поблагодарили: 92 раз.

Сообщение 27 янв 2013, 21:07

Re: Пожалуйста, помогите с кнопками подписки

и не найдешь, это скорее всего из Wordpress. куда вставить хочешь?
Путь сновидений - Hemi-sync, Астрал, ОС, Эзотерика, Йога
Sv9t.ru - CMS, Jquery, HTML5, CSS3, IT, PHP

"Делаю перелинковку на FAQ, телепат без отпуска, наивный оптимизатор, танцую с бубном"
<<

4aclun

Аватара пользователя

Сообщения: 47

Зарегистрирован: 12 апр 2011, 14:47

Благодарил (а): 0 раз.
Поблагодарили: 1 раз.

Сообщение 29 янв 2013, 11:14

Re: Пожалуйста, помогите с кнопками подписки

Не мучайтесь. Вставьте код от http://share.pluso.ru/?new
И все. Кстати очень удобно анонсы своих постов в свои же социалки закидывать.
Блог инженера-строителя по горизонтально направленному бурению http://гнб-блог.com.ua
<<

StSlaventiy

Аватара пользователя

Сообщения: 4

Зарегистрирован: 26 янв 2013, 13:02

Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Сообщение 07 фев 2013, 20:21

Re: Пожалуйста, помогите с кнопками подписки

sv9t писал(а):и не найдешь, это скорее всего из Wordpress. куда вставить хочешь?

Хотел вставить после постов. Куда вставить код не знаю. :blush:
<<

БЛОGГЕР

Аватара пользователя

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 08 фев 2013, 15:19

Re: Пожалуйста, помогите с кнопками подписки

StSlaventiy писал(а):
sv9t писал(а):и не найдешь, это скорее всего из Wordpress. куда вставить хочешь?

Хотел вставить после постов. Куда вставить код не знаю. :blush:


Вот так?
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.

Вернуться в Вопросы от новичков

Кто сейчас на конференции

Зарегистрированные пользователи: Yandex [Img]

cron
Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo