<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @artinblogru <?php the_title(); ?>: <?php the_permalink(); ?>" title="Добавить в Twitter"><img src="<?php bloginfo('template_url'); ?>/images/twit_cir.png" width="48" height="48" title="Опубликовать в Twitter" alt="Опубликовать в Twitter" /></a>

<!-- Кнопки добавления статьи в социальные сети. Сделано Артином >> http://artinblog.ru -->            
<div class="buttons">
Если статья несет для Вас смысловую нагрузку, поделитесь ею пожалуйста с другими:<br /><br />
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @artinblogru {full-link}" title="Добавить в Twitter"><img src="{THEME}/images/twit_cir.png" width="48" height="48" title="Опубликовать в Twitter" alt="Опубликовать в Twitter" /></a>

<a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u={full-link}"><img src="{THEME}/images/face_cir.png" width="48" height="48" title="Написать в Facebook" alt="Написать в Facebook" /></a>

<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url={full-link}" ><img src="{THEME}/images/vkon_cir.png" width="48" height="48" title="Поделиться ВКонтакте" alt="Поделиться ВКонтакте" /></a>

<a rel="nofollow" target="_blank" href="http://www.google.com/buzz/post?url={full-link}&title={title}&srcURL=http://artinblog.ru/" ><img src="{THEME}/images/buzz_cir.png" width="48" height="48" title="В Google Buzz" alt="В Google Buzz" /></a>

<a rel="nofollow" target="_blank" href="http://www.livejournal.com/update.bml?event={full-link}&subject={THEME}" ><img src="{THEME}/images/lj_cir.png" width="48" height="48" title="Записать себе в LiveJournal" alt="Записать себе в LiveJournal" /></a>

<a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url={full-link}" ><img src="{THEME}/images/mir_cir.png" width="48" height="48" title="Показать В Моем Мире" alt="Показать В Моем Мире" /></a>

<a rel="nofollow" target="_blank" href="http://my.ya.ru/posts_add_link.xml" ><img src="{THEME}/images/ya_cir.png" width="48" height="48" title="Поделиться ссылкой в Моем Круге" alt="Поделиться ссылкой в Моем Круге" /></a>
</div>

<p style="text-align: right;"><a rel="nofollow" href="http://artinblog.ru/social/buttons.html" target="_blank" title="Как поставить себе такие кнопки">Хочу себе такие кнопки</a></p>

#socializ {
  position: fixed;
  z-index: 1000;
  margin-left: -70px;
  padding: 6px 6px 0;
  border: 1px solid #E5E5E5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
* html #socializ {display: none}
#socializ:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#socializ a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 6px;
  background-color: #F6F6F6;
}
/* Если используете скрипт из второго примера,
тогда еще добавьте это: */
#socmore {
  text-align: center;
  cursor: pointer;
  margin: -11px 0 4px;
  width: 32px;
}

function socializ(u,t) {

    var m1 = 500; /* расстояние от начала страницы до плавающей панели */
    var m2 = 60; /* расстояние от верха видимой области страницы до плавающей панели */
    var f = 'путь'; /* путь к папке с изображениями кнопок */

    document.write('<div id="socializ"></div>');
    var s = $('#socializ');
    s.css({top: m1});
    function margin() {
        var top = $(window).scrollTop();
        if (top+m2 < m1) {
            s.css({top: m1-top});
        } else {
            s.css({top: m2});
        }
    }
    $(window).scroll(function() { margin(); })

    s.append(
        '<div id="soc1">' +
        '<a href="http://twitter.com/home?status=RT @Dimox_ru ' + t + ' - ' + u + '" title="Добавить в Twitter"><img src="' + f + 'twitter.png" alt="" /></a>' +
        '<a href="http://www.google.com/reader/link?url=' + u + '&title=' + t + '&srcURL=http://dimox.name/" title="Добавить в Google Buzz"><img src="' + f + 'google-buzz.png" alt="" /></a>' +
        '<a href="http://www.friendfeed.com/share?title=' + t + ' - ' + u + '" title="Добавить в FriendFeed"><img src="' + f + 'friendfeed.png" alt="" /></a>' +
        '<a href="http://www.facebook.com/sharer.php?u=' + u + '" title="Поделиться в Facebook"><img src="' + f + 'facebook.png" alt="" /></a>' +
        '<a href="http://vkontakte.ru/share.php?url=' + u + '" title="Поделиться ВКонтакте"><img src="' + f + 'vkontakte.png" alt="" /></a>' +
        '<a href="http://connect.mail.ru/share?share_url=' + u + '" title="Поделиться в Моем Мире"><img src="' + f + 'moy-mir.png" alt="" /></a>' +
        '<a href="http://www.livejournal.com/update.bml?event=' + u + '&subject=' + t + '" title="Опубликовать в своем блоге livejournal.com"><img src="' + f + 'livejournal.png" alt="" /></a>' +
        '</div>' +
        '<div id="socmore" title="Еще">...</div>' +
        '<div id="soc2">' +
        '<a href="http://delicious.com/save?url=' + u + '&title=' + t + '" title="Сохранить закладку в Delicious"><img src="' + f + 'delicious.png" alt="" /></a>' +
        '<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=' + u + '&title=' + t + '" title="Сохранить закладку в Google"><img src="' + f + 'google.png" alt="" /></a>' +
        '<a href="http://bobrdobr.ru/add.html?url=' + u + '&title=' + t + '" title="Забобрить"><img src="' + f + 'bobrdobr.png" alt="" /></a>' +
        '<a href="http://memori.ru/link/?sm=1&u_data[url]=' + u + '&u_data[name]=' + t + '" title="Сохранить закладку в Memori.ru"><img src="' + f + 'memori.png" alt="" /></a>' +
        '<a href="http://www.mister-wong.ru/index.php?action=addurl&bm_url=' + u + '&bm_description=' + t + '" title="Сохранить закладку в Мистер Вонг"><img src="' + f + 'mister-wong.png" alt="" /></a>' +
        '</div>' +
    '');

    s.find('a').attr({target: '_blank'}).css({opacity: 0.5}).hover(
        function() { $(this).css({opacity: 1}); },
        function() { $(this).css({opacity: 0.7}); }
    );
    s.hover(
        function() { $(this).find('a').css({opacity: 0.7}); },
        function() { $(this).find('a').css({opacity: 0.5}); }
    );
    $('#socmore').css({opacity: 0.5}).hover(
        function() { $(this).css({opacity: 1}); },
        function() { $(this).css({opacity: 0.5}); }
    );

    $('#soc2').hide();
    $('#socmore').toggle(
        function() {
            $('#soc1').animate({height: 'hide'}, 300);
            $('#soc2').animate({height: 'show'}, 300);
        },
        function() {
            $('#soc2').animate({height: 'hide'}, 300);
            $('#soc1').animate({height: 'show'}, 300);
        }
    )

}