Здесь я расскажу вам о красивых виджетах или гаджетах, в виде животных, часиков и прочих красивых эффектов, которые вы сможете вставить на свой сайт.
Скачать исходники для статьи можно ниже
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:
Здесь вы можете выбрать любой понравившийся вам гаджет, далее нажимаете кнопку “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 и вы увидите скриншот данного плагина.
Пытался проверить виджеты pet из Google на Dreamweaver – ни один не работает! Так и должно быть?
Сергей, создайте лучше сайт на бесплатном хостинге – hostinger.ru (займет минут 10) – и тестите виджеты на нем!
Можете вставить код виджета от google в виджет “Текст” в сайдбаре, если у вас wordpress.
Константин, сайт у меня есть, проверил на нём – действительно, всё работает! :) Значит, просто Dreamweaver такие гаджеты не воспринимает. Спасибо, Константин, за полезности!