Кнопки закладок для 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='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + 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='"http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&lurl=" + data:post.url + "&lname=" + 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='"http://del.icio.us/post?v=4&noui&jump=close&url=" + data:post.url + "&title=" + 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='"http://memori.ru/link/?sm=1&u_data[url]=" + data:post.url + "&u_data[name]=" + 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='"http://bobrdobr.ru/addext.html?url=" + data:post.url + "&title=" + 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='"http://www.mister-wong.ru/index.php?action=addurl&bm_url=" + data:post.url + "&bm_description=" + 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='"http://moemesto.ru/post.php?url=" + data:post.url + "&title=" + 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='"http://www.100zakladok.ru/save/?bmurl=" + data:post.url + "&bmtitle=" + 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;'/> Автор:NMitra
