Последняя оставленная запись:
КНОПКИ Социальных Сетей
2012-03-24 03:14:00 (читать в оригинале)
Доброго времени суток, друзья.
Хочу поделится с вами одной темой. Когда-то она была для меня очень актуальной, но я никак не могла найти решение для этого простого вопроса. Как вставить кнопки соц. сетей на Блог (Блоггер).Но тут оказался маленький нюанс, о котором я не знала и из-за которого столько времени ломала голову.
Заходим во вкладку настроить – обзор – и вправом верхнем углу кликаем картинку колесика (настройки блоггер) – старый интерфейс блоггер.
Далее нажимаем – ДИЗАЙН – Элементы страницы – Изменить HTML – устанавливаем галочку «расширить шаблоны виджета» и нажимаем Ctrl - F !!!, чтобы появилось окно поиска в левом верхнем углу, в него вставляем следующее: И так. <div class='post-footer-line post-footer-line-1'>
И в изменить содержание шаблона – вам нашло эту строчку, которая выделена желтым.
Сразу после <div class='post-footer-line post-footer-line-1'> добавляем:
<div align='center'><a expr:href='"http://twitter.com/home?status=" + data:post.title + ": " + data:post.url' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='21' src='http://2.bp.blogspot.com/_ebKrCj8TLPk/TU41_OW5gCI/AAAAAAAABbg/ZJZ3KvJJNmQ/s1600/twitter.png' width='55'/></a> <a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='В Контакте' border='0' height='21' src='http://3.bp.blogspot.com/_ebKrCj8TLPk/TU3RjiW1FEI/AAAAAAAABas/XoQvbUXqc2M/s1600/VKontakte.png' width='88'/></a> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url+ "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' border='0' height='21' src='http://4.bp.blogspot.com/_ebKrCj8TLPk/TU3jps8m3oI/AAAAAAAABa8/6sJuxOcY5BM/s1600/Facebook.png' width='88'/></a> <a expr:href='"http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=" + data:post.url' rel='nofollow' target='_blank'><img alt='Одноклассники' border='0' height='21' src='http://dev.odnoklassniki.ru/wiki/download/attachments/1999826/odkl.png?version=1&modificationDate=1283790218257' width='69'/></a> <a expr:href='"http://connect.mail.ru/share?share_url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Мой Мир' border='0' height='21' src='http://3.bp.blogspot.com/_ebKrCj8TLPk/TU3ytHs7API/AAAAAAAABbU/1wb9M9V6n1Q/s1600/moi-mir.png' width='86'/></a> <a expr:href='"http://wow.ya.ru/posts_share_link.xml?url="+data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Я.ру' border='0' height='21' src='http://2.bp.blogspot.com/_ebKrCj8TLPk/TU3tcIDGBoI/AAAAAAAABbI/8cPR6G8YRXc/s1600/Ya-ru.png' width='98'/></a></div>
Нажимаем Просмотр. Все отлично. Кнопки соц. сетей появились.
Теперь кликаем оранжевую кнопку – сохранить шаблон.
Все.
И, еще, верните обратно новый интерфейс - в правой верхней строке кликаете надпись (новый интерфейс блоггер).
Заходите на него, кликаете кнопку: Получить!
1. Выбираете вид кнопок: иконки всех сервисов в строку.
2. Где будет установлена кнопка: В блоге: Блоггер
3. Для установки кнопки: кликаете – Добавить одну кнопку в блог – подтверждаете.
Все. Теперь кнопки соц. сетей появляются в каждом вашем посте.
Надеюсь, этот пост был Вам полезен. Оставляйте комментарии.
С Вами,
Поделитесь информацией с друзьями