Хотелось найти способ добавить "Сохранить ВКонтакте" на блог. Делается это правкой шаблона блога в html. Путь к нему - "Дизайн"->"Изменить html". Далее в параграфе "Изменить шаблон" нужно поставить галочку "Расширить шаблоны виджета" - чтобы был виден весь html-код. Теперь нужно найти код ссылки на "ВКонтакте" и вставить его в нужном месте в шаблон.
Воспользовавшись гуглом, нашёл такой вариант:
Но, попробовав, наткнулся на ту же проблему, что и один из комментаторов блога: кнопка показывалась только в самом последнем сообщении блога, в остальных было всё по-прежнему. Автор блога предложила другой вариант:
UPD спасибо пользователю diaphant, из полученных правок можно выкинуть
Итого, окончательный вариант выглядит так:
(правка выделена более тёмным фоном)
Воспользовавшись гуглом, нашёл такой вариант:
при применении стандартной кнопки: вначале нужно после <head> дописать:
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>
затем в нашу таблицу или другом месте шаблона указать:
<div id='vk_al_share_button'/>
<script type='text/javascript'>document.getElementById('vk_al_share_button').innerHTML = VK.Share.button('<data:post.url/>', {type: 'button'});
</script>
<a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url' rel='nofollow' target='_blank' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'><img alt='В Контакте' border='0' height='21' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEpNDh-yMDpgJ9qjIdAxBi4nCHDQsFNTqovDRFfTcS86wfT75d7MexmLSDl1_K_OigB7YVk2Hv5Dgvq6BismOlXyTMJnDdtfeOZc8mKCI448YJHvWOum2NQ_srTySlynYJOlLyp0H_3Ax/s1600/VKontakte.png' width='88'/></a>Он оказался рабочим. Вот только вместе с существующими кнопками сохранения получался разнобой - они кучкой, а "ВКонтакте" - в гордом одиночестве. Просмотрев код шаблона, нашёл ссылки на другие соц-сети (facebook, twitter и т.д.) - id='shareButtons'. Переместил код ссылки туда - понравилось куда больше - кнопка встала в ряд с остальными. Правда они все серые - при наведении цветные, а здесь - зимой и летом одним цветом :). Ну да ладно, пока сойдёт.
UPD спасибо пользователю diaphant, из полученных правок можно выкинуть
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>
Итого, окончательный вариант выглядит так:
(правка выделена более тёмным фоном)
...
Готово!<b:includable id='shareButtons' var='post'><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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEpNDh-yMDpgJ9qjIdAxBi4nCHDQsFNTqovDRFfTcS86wfT75d7MexmLSDl1_K_OigB7YVk2Hv5Dgvq6BismOlXyTMJnDdtfeOZc8mKCI448YJHvWOum2NQ_srTySlynYJOlLyp0H_3Ax/s1600/VKontakte.png' width='88'/></a><b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
7 комментариев:
Спасибо, инструкции очень помогли)
Единственное что блок
script charset='windows-1251' src='http://vkontakte.ru/js/api/share.js?9' type='text/javascript'
во втором варианте вообще не нужен, потому что здесь нет обращения к скрипту. Можно оставитьтолько второй блок, будет тоже самое.
Nilus
Пожалуйста, рад, что помогло :)
diaphant
Действительно, спасибо за комментарий!
Подскажите пожалкйста, как сделать так, чтобы кнопка "а контакте" стояла в один ряд с остальными кнопками? В данный момент она примерно на 1/3 выше остальных.
TeaParcel
Честно говоря, не знаю, я не веб-мастер :(. Я помню, что когда всё это делал, у меня тоже эта кнопка вылезала. Как-то я это дело поборол (уже не помню).
P.S. Прошу прощения, что такой поздний ответ, блог в последнее время редко захожу... Кстати интересная у вас информация про чай, вы откуда-то собираете, или у вас ещё есть личный опыт/знания? :)
Спасибо! Все получилось!
Отправить комментарий