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

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 & Style" rel="nofollow">Submit this to Script & 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. Сохраните изменения.
2 комментариев
После слов: “Потом сразу еще этот код:” у меня внизу отражается только цифра “1″ вместо кода, или это и есть код?
Там есть цифра “1″ это номер строки. Если быть точным, то там две строчки кода, но они длинные.
2 trackback'ов
Добрый день! thomas@sotkashop.ru” rel=”nofollow”>……
С уважением,…
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….