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

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

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

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 такие гаджеты не воспринимает. Спасибо, Константин, за полезности!

Добавить комментарий для Сергей Отменить ответ