Гаджеты: питомцы, часы и прочие анимированные эффекты

Здесь я расскажу вам о красивых виджетах или гаджетах, в виде животных, часиков и прочих красивых эффектов, которые вы сможете вставить на свой сайт.

Скачать исходники для статьи можно ниже

1. http://www.google.com/ig/directory?num=24&synd=open

Гаджеты от Google, в строку поиска здесь можно вводить на русском и английском языке, но на последнем соответственно результатов поиска будет больше.

Ну например, я ввел pet (по русски питомцы) — и у меня появились различные зверюшки, а когда я ввел слово «питомцы» на русском- то google ничего не нашел.

Гаджетов много, однако, некоторые (их мало) бывают недоступны.

Рассмотрим пример установки одного из гаджетов:

Открываем ссылку и вводим в строку поиска pet:

http://www.google.com/ig/directory?num=24&synd=open

виртуальный питомец

Выбираем нужный нам гаджет (я выбрал черепашку) и нажимаем на кнопку «Добавить на свою страницу» и далее появиться следующее окошко:

Как видите есть настройки заголовка, размера, формы рамки, а также имени самого питомца и, что главное, его цвета. Достаточно много настроек и все очень просто.

Далее нажимаем на кнопку «Получить код». И внизу у вас появляется окошко с кодом, который можно скопировать и вставить на вашем сайте.

2. http://www.widgetbox.com/widget

Здесь необходима регистрация, чтобы получить код для вставки на ваш сайт (регистрация достаточно простенькая).

Но я бы порекомендовал вам перейти на этому сайту по следующей ссылке:

http://www.widgetbox.com/tag

То есть здесь расположен поиск по тегам и категориям.
гаджеты

Мне больше нравиться пользоваться поиском по категориям (выделен синим цветом на скриншоте выше), причем внутри каждой категории гаджеты или виджеты расположены в порядке наибольшего скачивания, то есть самые популярные находятся наверху.

Жалко, что на английском, но думаю с Яндекс.переводчик и Google переводчик проблем с этим сайтом у вас не будет.

Покажу на примере, как пользоваться данным сайтом:

В категориях я выбрал Pets, далее мне понравился гаджет котик Suzy Cat.

гаджет котик

Далее нажимаем сразу под котиком кнопочку Get Widget.

виджет котик

В появившемся окошке появляется код javascript, вот его и копируем и вставляем например на страничку вашего сайта или в виджет.

3. http://appflaps.wordpress.com/

сайт гаджетов

Большинство представленных здесь гаджетов, виджетов введу ссылкой наhttp://www.google.com/ig/directory?num=24&synd=open, который я описывал в первом пункте данной статьи.

4. Гаджеты Twitter:

4.1. http://f-icon.com/птичка twitter

Здесь вы можете выбрать любой понравившийся вам гаджет, далее нажимаете кнопку «Get code» и внизу в окошке появляется код, который вы можете вставить на ваш сайт.

4.2. Гаджет в виде синей летающей по всему экрану синей птички с помощью плагина для WordPress.

Плагин AnimatedTwitterBird

Есть на сайте http://wordpress.org

Количество скачиваний: 5,222 раз.

Последнее обновление плагина 2011-3-18

Как установить, как и обычный плагин, заходите в панеле управления вашим сайтом в левом меню в закладку «Плагины», выбираете подпункт «Добавить новый» и строке поиска вводите AnimatedTwitterBird. Далее нажимаете активизировать. После этого в левом меню в закладке «Настройки» у вас появляется подпункт AnimatedTwitterBird выбираем его. В настройках плагина всего 2 параметра:

- ваш аккаунт в твиттере (ну например мой аккаунт в твиттере @silard84).

- и выводить ли ваш последний твит (сообщение в твиттере).

5. Бесплатные плагины: падающий снег, листья, цифровые часы с датой, обратный отчет, красивое облако тегов.

http://premiumcoding.com/premiumcoding-blog/wordpress-plugins/free-wordpress-plugins/

Сайт на английском, но достаточно прост в использовании.

6. http://wordpress.org/extend/plugins/

Рассмотрим последний способ поиска интересного гаджета, виджета.

Ну здесь все просто, вводите в строку поиска нужный вам элемент, ну например ищете часы, и вводите clock, и смотрите плагины для реализации данного виджета.

Для того, чтобы визуально увидеть, как будет выглядеть данный гаджет, достаточно выбрать плагин, нажав на него в результатах поиска, далее зайти во вкладку Screenshots и вы увидите скриншот данного плагина.

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Гаджеты: питомцы, часы и прочие анимированные эффекты: 3 комментария

  1. Константин Автор записи

    Сергей, создайте лучше сайт на бесплатном хостинге — hostinger.ru (займет минут 10) — и тестите виджеты на нем!
    Можете вставить код виджета от google в виджет «Текст» в сайдбаре, если у вас wordpress.

  2. Сергей

    Константин, сайт у меня есть, проверил на нём — действительно, всё работает! :) Значит, просто Dreamweaver такие гаджеты не воспринимает. Спасибо, Константин, за полезности!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>