9
2011
Кнопки социальных сетей
Кнопки социальных сетей на каждом блоге свои, в плане оформления, дизайна, расположения. Кто-то создаёт их в низу поста, как у меня, кто-то делает плавающую панель.
Лично моё мнение, что после поста — это как-то правильнее.
Так вот, периодически пользователи спрашивают, как сделать такие же кнопки для добавления в социальные сети как на моём блоге и чтобы не отвечать каждому в отдельности, я решил написать этот пост.
1. Первым делом скачиваем архив, в котором лежат сами иконки кнопок по следующей ссылке:
Архив с кнопками социальных сетей
2. Устанавливаем код кнопок в single.php (одиночная запись).
Код кнопок социальных сетей для добавления понравившихся статей:
<!— Кнопки добавления статьи в социальные сети —>
<div class=»buttons»>
Понравился пост, делимся с другими:<br /><br />
Внимательно проверьте адрес до иконок кнопок!!!
3. Оформляем кнопки стилями.
Добавляем стили кнопок социальных сетей в таблицу CSS
.buttons{
color:#000000;
font-family:Helvetica, Arial, sans-serif;
font-size: 18px; /* размер шрифта */
font-weight:normal; /* стиль текста: жирный */
padding:15px; /* отступ от границ */
border:2px solid #1D5770; /* толщина и цвет рамки */
background: #9ACEE4; /* фоновый цвет */
}
.buttons a img{
border: none;
opacity:1.0; /* непрозрачность: 100% */
}
.buttons a:hover img{
border: none;
opacity:0.7; /* непрозрачность: 70% */
}
Как вы уже заметили, в одном обрамлении (в одной рамке), на моём блоге, находятся и сами кнопки социальных сетей и форма подписки. Код формы берёте из своего аккаунта в feedburner и вставляете в один DIV-слой с кнопками.
Вы предпочитаете платить за видео клипы или клипы онлайн смотреть бесплатно? Уверен, что второе. Тогда смотрим.
© 2011, Деньги-SEO-Деньги. Уважайте чужой труд! При копирование материала делайте ссылку на блог автора.
Заработок
Продвижение
Руб.рики
- SEO (67)
- Wordpress (5)
- Гостевой обзор (7)
- Заработок денег (17)
- Новости (43)
- Отвлечься (6)
- Поднять тИЦ (9)
- Продвижение в Google (28)
- Продвижение в Яндекс (40)
- Трафик (11)
Новое в блоге
- Каким критериям должен отвечать текстовый контент сайта?
- Успешная покупка-продажа ссылок
- Подкастинг: понятие, классификация, преимущества
- Продвижение в поисковиках на примере интернет магазина
- В какой последовательности нужно действовать, чтобы продвинуть интернет магазин?
- Как получить трафик на веб-сайт?
- Как увеличить трафик сайта?
- SEO: Виды микроформатов
- Микроформат поисковика Яндекс
- Продвижение трафиком, или как поднять доверие к сайту компании?
Извините, что не в тему, скажите пожалуйста название вашего шаблона сайта
вот он
Спасибо. все получилось, правда, из-за особенностей шаблона мне пришлось реализовать эту фишку несколько иначе (коды кнопок у меня прописаны в theme-function.php). Кроме того я решил добавить еще одну кнопу — Blogger (Blogpost). По моему мнению она не будет лишней. Вот код, кому интересно:
<a target="_blank" rel="nofollow" href="http://www.blogger.com/blog_this.pyra?t&u=&n=&a=ADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&hl=ru&skipvpage=true&rm=false&showra=1&fpui=2&naui=8«><img src="/images/blogger.png» title=»Добавить в свой блог на Blogger.com»>
Сенк и ю, воспользуюсь обязательно.
Кнопочку кому надо для Blogger’а можете взять эту, вроде более-менее похоже получилось:
s014.radikal.ru/i328/1101/f8/8ac7fce34120.png
Доброго времени суток.
Подскажите пожалуйста как сделать чтобы при переходе на добавление новости допустим вконтакте поля заголовка, рисунка и текста заполнялись автоматически.
Домен рфный.
Влеплю и себе такое. Спасибо
Только вот при скачивании архива пишет, что такая страница не найдена((
да, к сожалению папка удалена с сервера, но Вы можете прямо из моей формы скачать кнопки, то есть наводите на изображение и жмите «Сохранить изображение как…»