Кнопки социальных сетей без скрипта.

После <div class='post-footer-line post-footer-line-1'> добавляем:

<div align='center'><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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='&quot;http://vkontakte.ru/share.php?url=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank'><img alt='В Контакте' border='0' height='21' src='http://3.bp.blogspot.com/_ebKrCj8TLPk/TU3RjiW1FEI/AAAAAAAABas/XoQvbUXqc2M/s1600/VKontakte.png' width='88'/></a> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' border='0' height='21' src='http://4.bp.blogspot.com/_ebKrCj8TLPk/TU3jps8m3oI/AAAAAAAABa8/6sJuxOcY5BM/s1600/Facebook.png' width='88'/></a> <a expr:href='&quot;http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st.s=1&amp;st._surl=&quot; + 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&amp;modificationDate=1283790218257' width='69'/></a> <a expr:href='&quot;http://connect.mail.ru/share?share_url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Мой Мир' border='0' height='21' src='http://3.bp.blogspot.com/_ebKrCj8TLPk/TU3ytHs7API/AAAAAAAABbU/1wb9M9V6n1Q/s1600/moi-mir.png' width='86'/></a> <a expr:href='&quot;http://wow.ya.ru/posts_share_link.xml?url=&quot;+data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Я.ру' border='0' height='21' src='http://2.bp.blogspot.com/_ebKrCj8TLPk/TU3tcIDGBoI/AAAAAAAABbI/8cPR6G8YRXc/s1600/Ya-ru.png' width='98'/></a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + 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='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'>

В качестве образца я взяла кнопку "Twitter" и "В Контакте".