Архив

Archive for the ‘js’ Category

Как сделать для блога всплывающее окно подписки через Email (Feedburner)

blogger email subscribe

Во многих блогах, сделаных с помощью свободного движка WordPress, часто встречается всплывающее окно, в форме которого автор сразу предлагает не терять времени и подписаться на новости блога.
Хорошо это или нет по отношению к гостям, решать не мне, но ниже опишу, как для Blogger сделать тоже самое своими руками.
чуток подробнее →

Рубрики:jquery, js

Яндекс "Поделиться" — черно-белые кнопки

Мои загребущие руки добрались до очередного сервиса Яндекса под названием Блок "Поделиться". Напоминаю, что это набор из 20 кнопок различных социальных сетей, включая сервис закладок. Казалось бы, что в нём искать? Оптимизированные до невозможности кнопки, удобство подключения, как тема для статьи — полный баян.

Читатели наверное давно заметили, что у меня до недавнего момента не было никаких кнопок социалок. Я уже писал, что эти тыцки одноклассников и вконтакте меня раздражают, особенно, когда они огромные и переливаются всеми цветами полиграфии.
Но если посмотреть с практической стороны, то пользя, какая-никакая, но всё же от них есть. Да и не на одном "Поделиться" свет клином сошёлся, существует достаточно сервисов социальных закладок, из которых наиболее выделяются Addthis и Share42.
чуток подробнее →

Рубрики:js, яндекс

Как установить Яндекс Карты в блог

яндекс карты установка в blogger wordpress

О том, что такое Яндекс Карты, большинство пользователей рунета имеет представление.
Если кто-то не знает, спросите у поисковика.
А вот то, что Яндекс при поисковом сканировании сайта, улыбается и одобрительно кивает головой, найдя кусочек "Яндекс Карт", где-нибудь на странице, знают далеко не многие.
Я считаю, что это служит основным стимулом выбрать яшин сервис среди прочих других для отображения в блоге или на сайте географической информации (например, карты проезда до любимого магазина с пончиками).
чуток подробнее →

Рубрики:js, сервисы, яндекс

Скрипт для увеличения шрифтов на сайте (в блоге)

В Joomla, в дефолтовых шаблонах (и не только), в хедеры был классный виджет с кнопками в виде плюса и минуса, которыми регулировался размер шрифта в блоге. Эта функция встречается и в других CMS, включая WordPress.
Blogger здесь — не исключение, и хотя в блогспотовских шаблонах я ни разу не встречал таких кнопок приближения/удаления, но их можно сделать самостоятельно, используя возможности библиотеки jQuery.
чуток подробнее →

Рубрики:виджеты, jquery, js

Гаджеты Google для Youtube

В этой короткой обзорной заметке речь пойдёт о нескольких официальных гаджетах Youtube, которые я не мог обойти стороной, поскольку посвятил немало времени скриптам для этого мощного видеохостинга.
Все гаджеты (не только youtube, но и море других), доступны на этой странице. Порядка там мало, нередко попадаются битые, либо устаревшие.

Гаджеты предназначаются для установки на свою страницу Google или на страницу веб-сайта (блога).
Каждый гаджет имеет предпросмотр и большинство небольшую форму для настройки. Большой их минус — это гугловская ссылка. Большой плюс — простота установки без всяких заморочек: нужно ввести свои параметры (есть предпросмотр) и нажать на кнопку "получить код".
чуток подробнее →

Рубрики:виджеты, js, сервисы

Кнопки социальных сетей share42 для Blogger

Есть в рунете великолепный сервис, о котором, думаю, многие блогеры уже слышали.
Называется он share42.com, и создал его небезызвестный Dimox.
Его разработка отличается от других сервисов класса "поделиться" (одна кнопка, яндекс, addthis и т.д.) тем, что это настоящий генератор кнопок социальных сетей, т.е., потыкав в веб форме мышкой, вы получаете для загрузки готовый спрайт и скрипт. Далее можно делать с ним всё, что угодно.
чуток подробнее →

Рубрики:js, сервисы

Jqvideobox — скрипт для роликов и фильмов online

Скрипт для роликов и фильмов

Jqvideobox — это крутой лёгкий и всеядный видеоплеер-лайтбокс для сайта или блога.
Устанавливается очень быстро и работает практически на любом движке, включая Blogger/Blogspot.
чуток подробнее →

Рубрики:jquery, js, сервисы

Логотип с эффектом облачка

wordpress logo

SmokeEffect — прикольный плагин для jQuery, при помощи которого можно пускать любую картинку ввиде облачка.
Скрипт в распакованном виде весит очень мало, примерно 1.3кб, легко устанавливается и настраивается. Стили практически не используются, поэтому засорять блог здесь нечем.
Картинка указывается непосредственно в html коде, что есть положительно для поисковых роботов.

Использовать плагин можно для придания крутизны тексту, если надо акцентрировать внимание посетителя на каком-нибудь бренде. Например, блоггер или вордпресс, как в демке ↓
Аналогичным образом плагин SmokeEffect сможет пригодится в рекламе. Короче, включайте фантазию.
чуток подробнее →

Рубрики:jquery, js

Анимированная кнопка для ссылки

Нашёл интересную кнопку, которую автор охарактеризовал, как twitter like.
Твиттер менял интерфейс, так что возможно и было нечто подобное.
Кнопка использует возможности библиотеки "доджо" (dojo), настраивается с помощью css.
В оригинале она сделана для авторизации, но я узрел её применение в другой области — для оформления ссылки на скачивание файла. Немного подкрутив дизайн, можно сделать из этих кнопок рубрики для блога, подсказки, ну или на что фантазии хватит.
чуток подробнее →

Рубрики:dojo, js, ссылки

Виджет "случайная ссылка" своими руками

В последнее время много пишу о всякой модной ерунде: ютубы, твиттеры, как будто блог — это не дневник, а портал развлечений на любой вкус …
Хотя всё равно ближайшее время наши блоги превратятся в html5-мультимедийных монстров, потому что разработчики Blogger неуклонно стараются стереть грань между шаблоном и движком (мне всё интересно, как блог, целиком "висящий" на динамическом, пока ещё кривом, шаблоне, индексируется Яндексом?).
Но не всегда, чтобы сделать нечто особенное, нужно прибегать к нагромождениям из стилей, и скриптов с хостингами (кто сказал, что блоггер — это бесплатная блогоплатформа?), достаточно вспомнить простые и забытые вещи, плюс немножко пораскинуть мозгами.
чуток подробнее →

Рубрики:виджеты, js, ссылки