Гаджет "Поделиться с друзьями" включающий в себя все существующие социальные сети

суббота, 9 октября 2010 г.

гаджет поделиться с друзьями В век информационных технологий и доступности всей информации всем, гаджет поделиться с друзьями просто необходим каждому уважающему себя блоггеру. Недавно наши зарубежные коллеги изобрели подобный гаджет, который содержит в себе ссылки и инструменты для формирование статей во все социальные сети современного интерента. Наверно самый удобный вариант данного гаджет, который в дополнительном окне имеет поиск социальных сетей, тоесть Вам не нужно будет выискивать “Вконтакте” вручную, Вы просто забиваете Vkontakte, и вам выдает контакт- вот так:

гаджет поделиться с друзьями

К сожаление данный гаджет еще не русифицирован. В дальнейшем будем подыскивать подобные гаджеты еще более удобные, ну а пока можем радоваться данному.
Итак преступим к установки данного гаджета. Установка довольно-таки  проста, и включает в себя один шаг.
1. Заходим в настройки вашего блога, в раздел Дизайн/Элементы страниц выбираем Добавить гаджет, желательно где-то внизу, выбираем Html/Java scrit и вставляем туда следующий скриет:




<style type="text/css">
#sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
#dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2aPDLtHH39DDcqslmYn88UW-p40TvXGNBE_1IssGcJu94hyphenhyphen0-qQNZ3-xTunpIKwSXaj-AtrH4_aVPljGCfsaKlzUdYUPG6xsfLTbfYYzzH97tZY88o7B9fHCh1DSPGM34s3CwrrRgkc/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
.dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
</style>

<div id="sharedock">
<div id="dock">
<div class="dock-container">

<div class="addthis_toolbox"> 

<div class="custom_images">

<a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
<a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
<a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
</div>
</div> 
</div>
</div>
</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>
<script type="text/javascript">
$(function () { 
// Dock initialize
$('#dock').Fisheye(
{
maxWidth: 30,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 50,
proximity: 60,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
);
});
</script>
 
После чего ваш гаджет заработает. Наслаждайтесь, и пишите если нашли что-то подобное и интересное.
________
Постовой: Основные требования к маркетинговым исследованиям в 
условиях современного кризиса – недорого, качество и надёжно. 
Добавь сайт в белый каталог сайтов 

Похожие статьи

14 комментариев:

Дэйвид комментирует...

классссссс спасибо

Tay Disapin комментирует...

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

Unknown комментирует...

не сталкивался с такой проблемой

Tay Disapin комментирует...

http://s007.radikal.ru/i301/1104/fc/61bb3cd4b618.jpg
вот скрин.. все таки можно что то с этим сделать?

Unknown комментирует...

Наврядли это можно исправит, если только вы не перепишите программный код

Анонимный комментирует...

А как можно установить гаджет "поделиться с друзьями" как у вас стоит?
и гаджеты "мне нравится" из вконтакта и фэйсбука(которые у вас наверху)

Unknown комментирует...

Гаджет поделиться друзьями устанавливается из стандартных гаджетов блоггера - смотрите в админпанели блоггера вкладку дизайн добавить гаджет, а кнопки мне нравиться вконтакте и фейсбук (как их ставить) я описал в одной из последних своих статей, полистайте она не далеко

Анонимный комментирует...

Tay Disapin, нужно в стилях уменьшить размер шрифта, тогда надпись "Facebook" влезит, как нужно.

11px заменить на 10px

Вот это: .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 11px; }

Изменить на:

.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

Larissa Bragunec комментирует...

Здравствуйте! Установила этот гаджет,а он мне абсолютно не нравится,Не знаю,как убрать его.Подскажите пожалуйста ,как это сделать

Unknown комментирует...

Те коды что вы прописывали удалите и все вернется назад.

Larissa Bragunec комментирует...

Спасибо,попробую.

Larissa Bragunec комментирует...

Вопрос не по теме статьи,но все же,подскажите пожалуйста,где найти код фида"Follow by Email".А то вижу его только адрес .Спасибо.

Unknown комментирует...

СЕРГЕЙ,БОЛЬШОЕ СПАСИБО ВАМ ЗА ОЧЕНЬ НУЖНЫЕ СОВЕТЫ,ПОМОЩЬ И ССЫЛКИ!
Я НИ КАК НЕ РАЗБЕРУСЬ СО СТРАНИЦАМИ,КАК ИХ ПРАВИЛЬНО ДЕЛАТЬ,ЧТОБЫ НУЖНАЯ ИНФОРМАЦИЯ БЫЛА ИМЕННО ПОД ЭТОЙ СТРАНИЦЕЙ,С ЭТИМ НАЗВАНИЕМ.
НАПРИМЕР:СТРАНИЦА-СТИХИ,КЛИКАЕШЬ НА ЭТУ СТРАНИЧКУ,И ИНФОРМАЦИЯ О СТИХАХ.
ЕСЛИ НЕ ТРУДНО,ВАМ СЕРГЕЙ,ОТВЕТЬТЕ.
СПАСИБО,ЗА ЦЕННУЮ ИНФОРМАЦИЮ.
ВСЕХ ВАМ БЛАГ.

Анонимный комментирует...

Спасибо вам , все работает !

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

Оставляйте ваши комментарии

 
 
 

Читать блог на другом языке

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
 
Copyright ©Lagunof.com
Блога автора книги "Недвижимость: классическая, виртуальная, интеллектуальная" При перепечатке материалов с блога обратная ссылка обязательна
e4a11e6f00df223bf058f2795454739b