Будь в курсе событий!

13.12.2013

Социальные плавающие кнопки baidu

Leave a Comment








  Вам, возможно, известно о Baidu. Если вы не просмотрели, поэтому посетить его с здесь . Baidu является Китайская поисковая система, которая является пятым самым популярным сайтом в рунете, как статус Alexa с 9 Google Page Rank.Baidu предлагает множество услуг, таких как Baidu Карта, Baidu Новости, Baidu MP3, изображения и видео Поиск, Baidu энциклопедии, Baidu игры, и Baidu опыт и т.д. Вы знаете, что Baidu запустил новую социальную сеть сервис под названием Baidu Space ? К июлю, он имел более 100 миллионов зарегистрированных посетителей и к 2008 году это было 40 миллионов уникальных посетителей по всему миру. Вы можете найти более подробную информацию о Baidu поисковой системы и ее истории со страницы Wiki от здесь Baidu Share кнопки являются одним из самых нужных кнопок в помощь веб-мастерам.

 Настройка:

Первым делом расскажу что вы дорогие читатели можете менять  цвет, ярлыка открытия кнопок путем изменения цифры 5 что я в коде для кнопки отмечу красным маркером .А вот пример на какие цвета можно менять.
 Теперь про сам виджет, разновидностей всего два  вида и изначально первый вариант выглят так.

     Он получается плавающим но все сервисы в нем в одну строчку и вот его код.

<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=5&amp;mini=1&amp;pos=right&amp;" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config={"bdTop":200};
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

     Ну а второй виджет выглядит как показанно на скриншоте в самом вверху, и он в две строчки что на мой взгляд намного удобнее, и вот  его скрипт.
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=5&amp;pos=right&amp;" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config={"bdTop":200};
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->


Теперь значит расскажу про  те места в коде что я отметил маркером, как я уже писал цифра 5 этот парамет меняет цвет кнопки открытия. Второй параметр это размещения вашего виджета с какой либо стороны, у нас он сейчас расположен справа right ,  если захотите поменять расположение замените тег что я пометил синим маркиром на этот left и у вас виджет будет слева. Далее параметр  200  это изменение высоты виджета.

Ну а теперь непосредственно про добавление виджета к вам в блог, для этого зайдите в свой блог, панель инструментов дизайн,  Добавить гаджет >> HTML / JavaScript. И  сохранить не забудьте.

0 коммент. :

© 2012-2017 Cash's from program