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

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

суббота, 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/AVvXsEgy44Ra7qMiZyQxZHEWzN5IbDtXnMH-9lplfcXW2S_vOaFeQJe5gh2QykX3c4fzkXXoD1jiaR9e6RGGR0YocLerRcs9xkUx8UmX2YguL9oyrzFmoas6F8bj6gIcfuzgQ8Ml7M8rlpNHHZQ/) 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>

После чего ваш гаджет заработает. Наслаждайтесь, и пишите если нашли что-то подобное и интересное.

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

Blogger с нуля

• Как изменить шаблон в blogger
• Создаем свой фон в Blogger
• Google Analytics “поиск на сайте” – отслеживаем что ищут пользователи в блоге или на сайте.
• Гаджет "Наиболее популярные статьи"
• запланированные посты в blogger
• Гаджет "похожие статьи" с картинками
• Как убрать blogspot из названия блога
• Как использовать шрифты от Google в Блоггере
• Организую вэбинар как создать блог на блоггер

____________________________________________________________________________________________________

Поделиться

____________________________________________________________________________________________________

Похожие по тематике статьи :

*

.