четверг, 6 января 2011 г.

Установка статичных фиксированных кнопок Твиттера и ВКонтакте.


Пример таких кнопок можно увидеть в этом блоге слева.При прокручивании страницы,они остаются на месте.

Саму кнопку Твиттера можно взять отсюда,она неизменна,скачать файлы для кнопки ВКонтакте,можете в блоге придумщика-модификатора этой самой кнопки.
<div style='display:scroll;position:fixed;top:185px;left:5px;'>
<script type="text/javascript" src="http://dl.dropbox.com/u/5453630/vkshare-mod.js" charset="windows-1251"></script> 
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script></div>
<div style='display:scroll;position:fixed;top:250px;left:5px;'>
<a class='twitter-share-button' data-count='vertical' data-via='swaego' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></script></div>
Теперь разберёмся где-что:
 И так,
top-это отступ кнопки от верха
left-кнопка будет висеть слева
5px-это отступ от края
Для кнопки твиттера замените мой ник на свой.
А скрипт для ВК можете оставить мой,но нет гарантии что он там будет храниться,поэтому лучше скачать файл (по ссылке сверху),залить картинки на свой хост,в скрипте изменить путь до картинки и потом сам скрипт залить на свой хост.

Потом добавляем  код как виджет HTML/JavaScript ,и помещаем его где-нибудь внизу.
Надеюсь всё понятно....

2 комментария:

  1. Сделал, как вы предложили. У меня кнопки отображаются не только, когда я выбираю какое-либо сообщение, но и на главной. Т.е. всегда висят с краю.

    ОтветитьУдалить
  2. Всё правильно,так и должно быть.Учёт кнопок(кликов по ним) ведётся отдельно,на странице поста и на главной.

    ОтветитьУдалить