После <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' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='22' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_rQN9IFzxGa4fViOsY1mcWzGPQ-hnWM9hvMlLzOV8HmIkUUnNXa-oZoirucWj5EiUKFA6vkV3rSwvMjPhXavwTSD_4dzGp23MTtv0g670baXZqOqNfFI1pQjpW2wM9AVR1nlMBWXcg8/s1600/tweetn.png' width='55'/></a> <a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank'><img alt='В Контакте' border='0' height='21' src='http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ-rYAvuLgnx-XU_7GEZcubK0KwNCfaes36EoaCYSDF_D-yYHhNLMC3PKDrNU8zfQ50TSpC54gPh4egnvYpnx_yTFKqC7vOMwO290UGeQiPNOac2JtwGpXmNAKZYIhYbQOtiCsW9wkOgg/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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2OitDZ59l-tmLQ5j0qwFK8wiue0V54cD8x0WJVawCfTBU9rbBXEPLiWSkngcRWMw9UzfKySrvW8PEwqvnRg8lyecqu9-iCAp-2ZGi112u0Upq7TQgVqy2ghAulrIcymVo-OmVKcjAfVQj/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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRm9Ia9PVeFazIm_33KBYLCXfOJyghPjp7kLt-CvFkiwyN8P7c6ud0eKRbyaIBKgqw6LaahHRd9K9csb7vAUmoUfFjDwO5SI2yx-Ve10b_472gB0d5ZaZDcC8jDDR06YIhGuNAZQM-x6Q/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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw6Pp1bKyhUdVYpEl1fTcaSIbP_DSasU-kPVMAMid8guZj__E7Mai6gBtHPHd5GJDJKZu4xTtYi60PbsQlkqL05jkyulHtnE1oTTYZUO_lLTcqm9l8rErSE0n_MUkaiPbPQlJEKrg3UojH/s1600/Ya-ru.png' width='98'/></a><a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='background: url(http://ssl.gstatic.com/s2/oz/images/stars/po/Publisher/sprite4-a67f741843ffc4220554c34bd01bb0bb.png) no-repeat 0 -720px; width: 33px; height: 20px; display: inline-block;' target='_blank' rel='nofollow'></a></div>
Изображение кнопок, как вы заметили, одинаковой высоты. Данного эффекта можно добиться используя Фотошоп.
Для того, чтобы ссылки открывались в новом окне, в тег a дописываем
expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'
Например,
<a expr:href='"http://twitter.com/home?status=" + data:post.title + ": " + data:post.url' rel='nofollow' target='_blank' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'>
В качестве образца я взяла кнопку "Twitter" и "В Контакте".
38 коммент.:
Здравствуйте,
Я добавила этот код к себе в блог перед указанным выше кодом, но у меня не появилось ни одно кнопки.
Почему?
Мой блог www.beauty-lessons.com
Всё работает, отличная инструкция,благодарочка!!!
Отлично
Спасибо огромное! Очень простая и действенная инструкция.
Здравствуйте а как мне такие кнопочки сделать в с
80;стеме UCOZ? если не сложно напишите мне gil_daniil@mail.ru
Здравствуйте, к сожалению с UCOZ не работала, поэтому точно не подскажу.
Но в поиске встречала реализацию.
Спасибо огромное за ваш труд! Все работает прекрасно!
Рада слышать!
Добрый вечер) Знаете, а огромное вам спасибо) Уже не первый день ищу, и так и не получилось найти нормальной инструкции по установке этих кнопок в блоггер... А сегодня вот зашел скачать кип, и увидел, что моно вставить код... как? так и не понял... а тут нашел ваш блог. спасибо)
Спасибо за добрые слова!
нет данной строки в моем шаблоне 100% После чего еще можно вставить данный код?
В обоих блогах из профиля фрагмент в исходном коде присутствует.
В шаблоне - Изменить HTML - нажмите CTRL+F - в появившееся окно введите
post-footer-line-1
Спасибо огромное! Очень хорошо все расписано!
Один вопрос а как убрать старые кнопки которые стоят у меня по умолчанию?
Новый редактор: "Дизайн"-"Сообщения блога"-изменить-убрать галку " Показывать кнопки для публикации ...".
Или удалить код из комментария 183 http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html
круто) спасибо! разобралась даже я))
Рада слышать
Огромное Вам спасибо)) не первый день уже сижу на Вашем сайте, многими советами уже воспользовался... других таких толковых сайтов еще не видел. Спасибо Вам))
http://moskvichev-antrakstor.blogspot.com/
круто!!!!!! премного балгодарен!!!!!!
Спасибо огромное - так просто всё)
еще я хочу сделать кнопки серыми, чтоб в стиль вписывались . по свободе займусь в PS
)
Огромнейшее вам спасибо! все доступно и просто, а работает на УРА!
Как здорово.Спасибо Наталья за то, что делитесь. Цены Вам нет....
ДАААА, Я зделал это!!! Огромное ЧЕЛОВЕЧЕСКОЕ СПАСИБО ВАМ!!!!! Я чуть не поседел пока разбирался с этими кнопками!!
)))
Как в новом шаблоне вставить данный скрипт , подскажите пожалуйста, ничего не получается не могу найти строку .......
Какую строку?
подскажите, что нужно изменить, чтобы кнопка +1 показывала еще и количество
http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html#Google
Мне очень нравятся эти кнопки. Меня не устраивает, что они на главной странице видны. Удалила. А теперь думаю, может их можно убрать ка-то на внутреннюю страницу поста? Подскажите.
См. комментарий 91 к статье http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html
Спасибо, Наталья! Вернула полюбившиеся мне кнопки.
Здравствуйте!
Попытался вставить эти классные кнопочки у себя в блоге (http://www.oriwellness.ru/)-не получается. Год назад вставлял какой-то код, чтобы их скрыть, может из-за этого. Кстати, кнопки соцсетей от Blogspot, когда ставлю галочку показывать-не показываются. Помогите плиз!
Здравствуйте!
Есть два (или три, не помню) вхождений строчки
<div class='post-footer-line post-footer-line-1'>
добавляйте код после нужного
Добрый день! Мне нужны кнопки на странице, а не под каждым сообщением (там уже есть), но если я вставляю через дизайн как виджет, то кнопки появляются, но не работают((( вот http://christinadanker.blogspot.com/ как это исправить? Заранее спасибо!
Здравствуйте, кнопки на группы добавляйте так: http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#ikonki
Или вы не это имеете ввиду?
Отправить комментарий