Кнопки закладок для Blogger

В продолжение статьи "Кнопки социальных сетей для Blogger" покажу код для добавления в закладки.

Закладками браузера, я думаю, все активно пользуются, поскольку в памяти особо приглянувшиеся веб-адреса держать не просто. Самый простой способ записать URL - щёлкнуть на звезду в адресной строке Адресная строка браузера или нажать комбинацию клавиш CTRL+D.

Помимо этого существуют многочисленные сервисы, которые позволяют в удобной форме хранить понравившиеся URL-адреса на своих веб-страницах, доступ к которым возможен с любого компьютера через интернет.

Для внедрения кода переходим в "Дизайн"-"Изменить HTML". Установив флажок "Расширить шаблоны виджета" и воспользовавшись кнопками клавиатуры CTRL+F, ищем линию:
<div class='post-footer-line post-footer-line-1'>
И после неё добавляем:
<script type='text/javascript'>
//<![CDATA[
function getBrowserInfo() {
    var t,v = undefined;
   
    if (window.chrome) t = 'Chrome';
    else if (window.opera) t = 'Opera';
    else if (document.all) {
        t = 'IE';
        var nv = navigator.appVersion;
        var s = nv.indexOf('MSIE')+5;
        v = nv.substring(s,s+1);
    }
    else if (navigator.appName) t = 'Netscape';
   
    return {type:t,version:v};
}

function bookmark(a){
    var url = window.document.location;
    var title = window.document.title;
    var b = getBrowserInfo();
   
    if (b.type == 'IE' && 8 >= b.version && b.version >= 4) window.external.AddFavorite(url,title);
    else if (b.type == 'Opera') {
        a.href = url;
        a.rel = "sidebar";
        a.title = url+','+title;
        return true;
    }
    else if (b.type == "Netscape") window.sidebar.addPanel(title,url,"");
    else alert("Нажмите CTRL-D, чтобы добавить страницу в закладки.");
    return false;
} 
//]]>
</script>
<a href='javascript:void(0);' onclick='return bookmark(this);'><img alt='Закладки Google' height='16' src='http://toolbar.google.com/T6/intl/en/images/feature_bookmarks.gif' style='border:0;' width='17'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='blank' title='Закладки Google'><img alt='Закладки Google' height='16' src='http://4.bp.blogspot.com/-wdxdqf6_5qk/TcMvyMum_iI/AAAAAAAAB24/KI3UU-QV7Dw/s1600/google.png' style='border:0;' width='16'/></a> <a expr:href='&quot;http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=&quot; + data:post.url + &quot;&amp;lname=&quot; + data:post.title' rel='nofollow' target='blank' title='Яндекс.Закладки'><img alt='Закладки Google' height='16' src='http://3.bp.blogspot.com/--Mqq_dCljEo/TcMvvJXJB5I/AAAAAAAAB2w/UcG2Ph2UCg8/s1600/yandex.png' style='border:0;' width='16'/></a> <a expr:href='&quot;http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='blank' title='Delicious'><img alt='Delicious' height='16' src='http://3.bp.blogspot.com/-k6Sf6KqsgFQ/TcMvsP4FDmI/AAAAAAAAB2o/BgEta8hKYLA/s1600/del_icio_us.png' style='border:0;' width='16'/></a> <a expr:href='&quot;http://memori.ru/link/?sm=1&amp;u_data[url]=&quot; + data:post.url + &quot;&amp;u_data[name]=&quot; + data:post.title' rel='nofollow' target='blank' title='Memori'><img alt='Memori' height='16' src='http://memori.ru/images/memori.gif' style='border:0;' width='16'/></a> <a expr:href='&quot;http://bobrdobr.ru/addext.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='blank' title='БобрДобр'><img alt='БобрДобр' height='16' src='http://static.bobrdobr.ru/img/buttons/bobr_sml_blu_3.gif' style='border:0;' width='16'/></a> <a expr:href='&quot;http://www.mister-wong.ru/index.php?action=addurl&amp;bm_url=&quot; + data:post.url + &quot;&amp;bm_description=&quot; + data:post.title' rel='nofollow' target='blank' title='Мистер Вонг'><img alt='Мистер Вонг' height='16' src='http://www.mister-wong.ru/img/ru/buttons/logo16.gif' style='border:0;' width='16'/></a> <a expr:href='&quot;http://moemesto.ru/post.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='blank' title='Мое место'><img alt='Мое место' height='16' src='http://moemesto.ru/icons/mm_icon.gif' style='border:0;' width='16'/></a> <a expr:href='&quot;http://www.100zakladok.ru/save/?bmurl=&quot; + data:post.url + &quot;&amp;bmtitle=&quot; + data:post.title' rel='nofollow' target='blank' title='100 Закладок'><img alt='100 Закладок' height='16' src='http://www.100zakladok.ru/img/saveurl.gif' style='border:0;' width='16'/></a>
Здесь я подбирала картинки, которые максимально гармонируют с блоком «Поделиться» от Яндекса, после скрипта которого в этом примере я расположила данный код. Для того, чтобы расположить их в одну линию, обрамляем оба фрагмента в
<div style='float: left;'>
  код кнопок соц. сетей и закладок
</div><div style='clear:both;'/>
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

3 комментария:

Анонимный
Вы очень.... очень! помогли мне спасибо огромное!
NMitra
На здоровье!
Анонимный
Greetings! Very helpful advice in this particular post!
It's the little changes that produce the most significant
changes. Thanks a lot for sharing!