Сегодня взялся добавить кнопки социальных закладок. Сначала решил поставить кнопку «Cохранить Вконтакте» вставил как и сказано скрипт в head
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>
а другой скрипт в то место где должна размещаться кнопка
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/vk32.png?1\" />"}));
<script type="text/javascript"><!--document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/vk32.png?1\" />"}));
вроде все хорошо, но иконка не подходит по стилю, решил поменять. В этом ничего сложного. Нарисовал и вместо
http://vk.com/images/vk32.png?
поставил адрес своей иконки. Понравилось что при нажатии появляется маленькое окошко, как будто окно уведомления, а в стандартной теме при нажатии на иконку «опубликовать в твитер» открывалась новая вкладка. Понравилось – решил исправить везде, а также добавить кнопки «в Google Buzz» и «показать в Моем Мире»
Для этого написал небольшую js функцию
<script>
function soc_bookmark(url,name) {
window.open(url,
"Опубликовать в"+name,
"width=780,height=560,toolbar=no,top=100,left=100");
}
</script>
ну и вместо обычных ссылок поставил перенаправление на функцию открытия в новом окне
<a rel="nofollow" href="javascript:soc_bookmark('http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>','Вконтакте')" ><img src="<?php echo THEME_IMAGES; ?>/ico_vk.png" title="Поделиться ВКонтакте" alt="Поделиться ВКонтакте" /></a>
<a rel="nofollow" href="javascript:soc_bookmark('http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>','В Моем Мире')" ><img src="<?php echo THEME_IMAGES; ?>/ico_mail.png" title="Показать В Моем Мире" alt="Показать В Моем Мире" /></a>
Получившиеся кнопки можете увидеть ниже, помоему получилось очень даже здорово.