Кнопки «Социальных сетей» и «Добавить в избранное» - Форум помощи по uCoz
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум помощи по uCoz » как создать сайт на Ucoz » ваши вопросы » Кнопки «Социальных сетей» и «Добавить в избранное» (Делаем так чтоб посетители делились ссылкой на ваш материалл)
Кнопки «Социальных сетей» и «Добавить в избранное»
Дата: Воскресенье, 13.05.2012, 14:57 | Сообщение # 1
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
Социальные кнопки ввиде иконок


На сайте (когда вы вошли как админ своего сайта) вкючаем в верхнем сайтбаре функцию «Включить конструктор» далее либо добавляем новый блок, либо выбираем один из установленных —>> далее ввбираем виджеты(Widgets), выбираем «Социальные закладки» и настраиваем его под ваши нужды(размеры, способ показа, какие соцсети) —>> если это новый блок, то ставим значением «Заменить содержимое», если вы добавляете в старый блок то выбирайте значение «Дополнить содержимое» —>> жмете «Применить» и в Сайтбаре делаете «Сохранить изменения» вот и все...
Дата: Воскресенье, 13.05.2012, 15:07 | Сообщение # 2
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
Кнопка «Добавить в избранное» браузера


На сайте (когда вы вошли как админ своего сайта) вкючаем в верхнем сайтбаре функцию «Включить конструктор» далее либо добавляем новый блок, либо выбираем один из установленных —>> далее ввбираем виджеты(Widgets), выбираем «Добавить в закладки»(находится на второй странице виджетов) —>> настраиваем все необходимое(красивое краткое и понятное описание сайта, ссылку на сайт, название на кнопке) —>> если это новый блок, то ставим значением «Заменить содержимое», если вы добавляете в старый блок то выбирайте значение «Дополнить содержимое» —>> жмете «Применить» и в Сайтбаре делаете «Сохранить изменения» вот и все...
Дата: Суббота, 23.06.2012, 15:56 | Сообщение # 3
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
Боковая панель соц закладок

ее вы можете видеть у нас слева


что делаем?

Перед закрывающимся тегом < /body > ставим этот код:
Code
<div class="addthis_toolbox">   
   <div class="custom_images">
<noindex>
<a rel="nofollow" class="addthis_button_twitter" title="Поделиться в Twitter"><img src="http://abonent.pro/images/stories/icon/twitter-32.png" /></a><br>
<a rel="nofollow" class="addthis_button_facebook" title="Поделиться в Facebook"><img src="http://abonent.pro/images/stories/icon/facebook-32.png" /></a><br>
<a rel="nofollow" class="addthis_button_vk" title="Поделиться в Вконтакте"><img src="http://abonent.pro/images/stories/icon/vkontakte-32.png" /></a><br>
<a rel="nofollow" class="addthis_button_mymailru" title="Поделиться в Мой Мир"><img src="http://abonent.pro/images/stories/icon/mailru-32.png" /></a><br>
<a rel="nofollow" class="addthis_button_googlebuzz" title="Поделиться в Google Buzz"><img src="http://abonent.pro/images/stories/icon/google-buzz-32.png" /></a><br>
<a rel="nofollow" class="addthis_button_livejournal" title="Поделиться в Livejournal"><img src="http://abonent.pro/images/stories/icon/livejournal-32.png" /></a></noindex>
<a rel="nofollow" title="Поделиться в Одноклассники" onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));return false" ><img src="http://abonent.pro/images/stories/icon/odnoklassniki-32.png" /></a>   
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR-ACCOUNT-ID" charset="windows-1251"></script>


в стиле CSS в конце добавляем этот код:
Code
/* Fixed Positioned AddThis Toolbox */
.addthis_toolbox {
position: fixed;
top: 30%;
left: -5px;
border: 1px solid #ddd;
padding: 5px 5px 4px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; }
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }


вот и все...

внимание!!!
Код в CSS ставится один раз!
А код между тегом < /body > ставится в каждый модуль (форум,страницы сайта,блог и тд)
Форум помощи по uCoz » как создать сайт на Ucoz » ваши вопросы » Кнопки «Социальных сетей» и «Добавить в избранное» (Делаем так чтоб посетители делились ссылкой на ваш материалл)
Страница 1 из 11
Поиск: