Здравствуйте, дорогие читатели!
Люблю Интернет за оперативную реализацию идей, связанных с дизайнерскими и техническими потребностями создания, совершенствования и продвижения блогов.
Например, появилось у меня желание установить на свой блог новый блогролл. И хотелось, что бы он не выглядел, как набор обыкновенных ссылок на самые читаемые сайты.
Представлял я себе этакий блогролл-слайдер, где сменяя друг-друга будут демонстрироваться скриншоты самых интересных, на мой взгляд, блогов из близкой по теме ниши Рунета.
Эти фантазии воплотил молодой, но чрезвычайно талантливый разработчик из Пакистана, автор блога My Blogger Tricks.
Он придумал замечательную галерею слайдов, которая (для облегчения процесса установки) заключена в один общий код. При этом использовались Jquey, JavaScript, CSS и HTML.
Был создан совместимый с Blogger виджет, который я без особого напряжения переделал в блогролл.
Посмотреть готовый действующий слайдер можно в сайдбаре, на Главной странице моего блога, справа:
Кроме внешних достоинств, этот слайдер обладает ещё и богатой функциональностью.
При наведении курсора, в верхней части картинки появляется связанная с ней надпись. Каждый слайд — активная ссылка на определённую страницу. Просматривать можно как в ручном, так и в автоматическом режиме.
Надеюсь, этот красивый виджет порадует моих читателей и принесёт дополнительный трафик на блоги друзей.
Установка слайдера в Blogger
1. Заходим Панель инструментов — Дизайн — Элементы страницы —Добавить гаджет
2. В окрывшейся форме выбираем «HTML/JavaScript»
и вставляем код, скопированный по этой ссылке
3. Вносим в код персональные изменения (о которых ниже) и сохраняем
4. Перетягиваем виджет в выбранное место и опять сохраняем
Теперь — о персональных настройках кода. Автор дал своему слайдеру размеры 300 пикселей по ширине и 200 пикселей по высоте (можно изменить). Рекомендую предварительно подготовить фотографии в Фотошопе, ограничив размер параметрами слайдера.
Затем загрузите фото на любой бесплатный хостинг изображений (например Picasa).
а) Вместо «IMAGE LINK» вставляем URL изображения
б) Вместо «#» вносим адрес целевой страницы
в) Вместо «DESKRIPTION» вписываем описание целевой страницы, которое будет видно при наведении курсора
г) Значение 2000 определяет скорость смены картинок (я заменил его на 2500)
* * *
У этого слайдера, благодаря его богатой функциональности, потенциально много областей применения. Наример, можно показать читателям самые удачные статьи, или другие свои проекты.
Учитывая универсальность, стильный вид и простоту установки — считаю эту разработку очень удачной.
Со всеми, кто разделяет мой выбор интересных блогов, могу поделиться готовым кодом (скромно добавив к слайдам и свой скриншот)). Обращайтесь через форму «Контакты» под шапкой блога.
Красивых блогов и успешных проектов всем нам! Надеюсь на одобрение, выраженное «плюсами» и «лайками»! 
Ваш Retliff
Сергей, большое спасибо, это как раз та фишка которая может оживить блог, придать его дизайну изюминку. Ещё раз спасибо, ждём новых ярких решений
@Ярослав
Спасибо! Я старался!-)
Круто! смотрица гораздо ярче, правда я со своего блога слайд-шоу убрал — новостей становится больше…))
@woldemar Спасибо, дружище!!!
big thanks to the author for new)
Спасибо за ценную информацию!
Слайдер установил на своих блогах и продвигаю эту идею дальше. Пока ей воспользовался только 1 мой читатель и ваш блог "мелькает" теперь на 3-х блогах.
Сделал видеоурок для начинающих — показал весь процесс:
Как подготовить слайды, загрузить в Интернет, получить ссылки и отредактировать код.
+
Объясняю читателям, что такой блогролл-слайдер — это не просто дизайнерская фишка для украшения своего блога, а хорошая возможность привлекать читателей с других сайтов. Объясняю, что стоит немного потрудиться, чтобы потом
длительное время получать дополнительных целевых посетителей с блогов близкой тематики.
@Александр Спасибо, Александр — серьёзная работа проделана!
У меня не показывает изображения. Сделал всё как описано. Всё черное. Подскажите пожалуйста что сделал не так. elbiznes24@gmail.com
Заранее спасибо!
@Эльдар Курукчи Код этого слайдера прошёл испытания не только на моём блоге, но и на блогах ряда вебмастеров. Мне трудно сказать в чём причина отказа у Вас на блоге:( Попробуйте повторить весь путь ещё раз, или воспользуйтесь кодом на сайте разработчика (ссылка в статье)
Круууть))) Спасибо!
Здравствуйте. У меня на блоге на страницах И в сообщениях размещенно большое количество ссылок на другие сайты. Мне необходимо сделать кликабельный слайдер или ротатор этих ссылок так чтобы каждая ссылка открывалась в блоге и если это не возможно то в новом окне.