среда, 17 марта 2010 г.

Пример хака старого шаблона Blogger

В процессе редактирования стилей шаблона, я обнаружил, что кнопка AddThis, которую я поместил в строку других иконок (почта, редактирование) под постом, выше на целых 5 пикселей, что выглядит гм...гм неэргономично...
Зраво поразмыслив, я решил, что надо бы родные блоггеровские иконки переместить наверх..., а под постом хорошо бы смотрелся ряд иконок-ссылок на социальные сервисы и закладки. Получил вот этот код на AddThis. Вставил под старым, просто окружил тегами "span", в результате блок div разворотил мне всю строку, но это не страшно (см. первый пост)...
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4ba11177184f5626' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4ba11177184f5626"></script>
<!-- AddThis Button END -->
Зато теперь можно добавить любое количесвто иконок в любом порядке, вот только где я могу найти их названия? Во-первых, на сайте есть хороший хелпер, а вот сюрприз sirprise API для настройки кнопок AddThis

Комментариев нет:

Отправить комментарий