Социальные закладки – SexyBookmarks v2 для Blogger

Внимание! Перед внесение изменения сохраните исходный код шаблона!

SexyBookmarks v2 For Blogger

Демо SexyBookmarks v2 для Blogger.

1. Перейдите в раздел “Дизайн” -> “Изменить HTML ” и не забудьте поставить галочку в пункте “Расширить шаблоны виджета

rashirit shabloni vidjeta

2. Найдите “</head>“ и сразу перед ним вставьте следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script src="http://code.jquery.com/jquery-latest.js" type="'text/javascript'/">// <![CDATA[
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
// ]]></script>

Потом сразу еще этот код:

1
<!-- div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important} div.sexy-bookmarks-expand{height:29px; overflow:hidden} .sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat} div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important} div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left} div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important} div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important} div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important} .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img512.imageshack.us/img512/3131/sexysprite.png') no-repeat !important;border: 0;outline: none;} .sexy-digg{background-position:-980px bottom !important} .sexy-digg:hover{background-position:-980px top !important} .sexy-reddit{background-position:-700px bottom !important} .sexy-reddit:hover{background-position:-700px top !important} .sexy-stumbleupon{background-position:-630px bottom !important} .sexy-stumbleupon:hover{background-position:-630px top !important} .sexy-delicious{background-position:-1190px bottom !important} .sexy-delicious:hover{background-position:-1190px top !important} .sexy-yahoobuzz{background-position:-1120px bottom !important} .sexy-yahoobuzz:hover{background-position:-1120px top !important} .sexy-blinklist{background-position:-1260px bottom !important} .sexy-blinklist:hover{background-position:-1260px top !important} .sexy-technorati{background-position:-560px bottom !important} .sexy-technorati:hover{background-position:-560px top !important} .sexy-myspace{background-position:-770px bottom !important} .sexy-myspace:hover{background-position:-770px top !important} .sexy-twitter{background-position:-490px bottom !important} .sexy-twitter:hover{background-position:-490px top !important} .sexy-facebook{background-position:-1330px bottom !important} .sexy-facebook:hover{background-position:-1330px top !important} .sexy-mixx{background-position:-840px bottom !important} .sexy-mixx:hover{background-position:-840px top !important} .sexy-scriptstyle{background-position:-280px bottom !important} .sexy-scriptstyle:hover{background-position:-280px top !important} .sexy-designfloat{background-position:-1050px bottom !important} .sexy-designfloat:hover{background-position:-1050px top !important} .sexy-newsvine{background-position:left bottom !important} .sexy-newsvine:hover{background-position:left top !important} .sexy-google{background-position:-210px bottom !important} .sexy-google:hover{background-position:-210px top !important} .sexy-comfeed{background-position:-420px bottom !important} .sexy-comfeed:hover{background-position:-420px top !important} .sexy-linkedin{background-position:-70px bottom !important} .sexy-linkedin:hover{background-position:-70px top !important} .sexy-friendfeed{background-position:-1750px bottom !important} .sexy-friendfeed:hover{background-position:-1750px top !important} .sexy-link{ margin-left:25px; float:left} .sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none} -->

3. Найдите <data:post.body/> и сразу после него вставьте следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love" style="margin: 20px 0 0 0 !important; padding: 25px 0 0 10px !important; height: 29px; /*the height of the icons (29px)*/ display: block !important; clear: both !important;">
<ul class="socials">
    <li class="sexy-delicious"><a class="external" title="Share this on del.icio.us" rel="nofollow">Share this on del.icio.us</a></li>
    <li class="sexy-digg"><a class="external" title="Digg this!" rel="nofollow">Digg this!</a></li>
    <li class="sexy-stumbleupon"><a class="external" title="Stumble upon something good? Share it on StumbleUpon" rel="nofollow">Stumble upon something good? Share it on StumbleUpon</a></li>
    <li class="sexy-reddit"><a class="external" title="Share this on Reddit" rel="nofollow">Share this on Reddit</a></li>
    <li class="sexy-google"><a class="external" title="Add this to Google Bookmarks" rel="nofollow">Add this to Google Bookmarks</a></li>
    <li class="sexy-twitter"><a class="external" title="Tweet This!" rel="nofollow">Tweet This!</a></li>
    <li class="sexy-facebook"><a class="external" title="Share this on Facebook" rel="nofollow">Share this on Facebook</a></li>
    <li class="sexy-mixx"><a class="external" title="Share this on Mixx" rel="nofollow">Share this on Mixx</a></li>
    <li class="sexy-comfeed"><a class="external" title="Subscribe" rel="nofollow">Subscribe</a></li>
    <li class="sexy-yahoobuzz"><a class="external" title="Buzz up!" rel="nofollow">Buzz up!</a></li>
    <li class="sexy-linkedin"><a class="external" title="Share this on Linkedin" rel="nofollow">Share this on Linkedin</a></li>
    <li class="sexy-designfloat"><a class="external" title="Submit this to DesignFloat" rel="nofollow">Submit this to DesignFloat</a></li>
    <li class="sexy-technorati"><a class="external" title="Share this on Technorati" rel="nofollow">Share this on Technorati</a></li>
    <li class="sexy-scriptstyle"><a class="external" title="Submit this to Script &amp; Style" rel="nofollow">Submit this to Script &amp; Style</a></li>
    <li class="sexy-myspace"><a class="external" title="Post this to MySpace" rel="nofollow">Post this to MySpace</a></li>
    <li class="sexy-blinklist"><a class="external" title="Share this on Blinklist" rel="nofollow">Share this on Blinklist</a></li>
    <li class="sexy-friendfeed"><a class="external" title="Share this on FriendFeed" rel="nofollow">Share this on FriendFeed</a></li>
    <li class="sexy-newsvine"><a class="external" title="Seed this on Newsvine" rel="nofollow">Seed this on Newsvine</a></li>
</ul>
<div class="sexy-link">Widget by <a title="Web Design Blog, Blogger Hacks and Blogger templates" href="http://www.cssreflex.com/">Css Reflex </a>|<a title="Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More" href="http://www.tutzone.org/"> TutZone</a>|<a title="Шаблоны для Blogger, blogger template" href="http://btemplate.ru/">Шаблоны для Blogger</a></div>

4. Сохраните изменения.

Запись опубликована в рубрике Blogger, Код, Социальные закладки, скрипт. Создать закладку наpermalink. Оставить комментарийили trackback:Trackback URL.

2 комментариев

  1. Опубликован 04.11.2009 в 13:30 | Прямая ссылка

    После слов: “Потом сразу еще этот код:” у меня внизу отражается только цифра “1″ вместо кода, или это и есть код?

  2. Опубликован 06.11.2009 в 19:17 | Прямая ссылка

    Там есть цифра “1″ это номер строки. Если быть точным, то там две строчки кода, но они длинные.

2 trackback'ов

  1. Freeman 16.06.2010

    Добрый день! thomas@sotkashop.ru” rel=”nofollow”>……

    С уважением,…

  2. IAN 21.07.2010


    Medicamentspot.com. Canadian Health&Care.No prescription online pharmacy.Best quality drugs.Special Internet Prices. High quality drugs. Buy drugs online

    Buy:Propecia.Maxaman.Viagra Soft Tabs.Cialis Soft Tabs.Super Active ED Pack.Soma.Zithromax.VPXL.Tramadol.Viagra Super Force.Cialis.Levitra.Cialis Super Active+.Viagra Professional.Viagra Super Active+.Cialis Professional.Viagra….

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

Ваш e-mail никогда не будет опубликован или передан третьим лицам. Обязательные поля отмечены *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>