Обзор полезных сервисов — Выпуск 6 — 2IP, видеокурс по работе с GoGetLinks, вставка видео с YouTube на сайт, скругление краев у изображений, сервисы по созданию фонов для сайта
Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня в эфире очередной, шестой по счету, выпуск Веб-обзоров. В этот раз разговор пойдет про удобный сервис для вебмастеров 2IP, новые обучающие материалы на GoGetLinks, про способы вставки роликов с YouTube или Rutube на свой сайт, а так же рассмотрим работу сервиса по скруглению краев у изображений и сервисов по генерации полосатого и клетчатого фонов для вашего сайта.
2IP - сервис для вебмастеров и не только...
С сервисом знаком достаточно давно, но в то время, когда я им пользовался, меня мало интересовали возможности данного сервиса, которые могли бы пригодится вебмастерам. А может быть раньше этих возможностей и не было. Недавно дизайн этого сайта кардинально поменялся в лучшую сторону. При заходе на главную страницу сайта вы стразу же увидите свой IP адрес. Кроме этого вам предлагают провести ряд тестов, которые доступны на одноименной вкладке главной страницы. Вы можете, например, измерить или же узнать .
Но для вебмастера, наверное, более интересными покажутся возможности сервиса 2ip по получению определенной информации по интересующему вас сайту. Для этих целей предназначен ряд тестов, выделенный на следующем скриншоте:

Особенно мне понравился тест по определению движка (CMS) интересующего вас сайта, который доступен на странице . Для нескольких сайтов, движки которых я заранее знал, данный тест определил все правильно. Иногда, так же бывает интересно быстро узнать посещаемость какого-либо сайта. Для этого можно воспользоваться тестом под названием . Конечно же, есть множество сервисов, которые предлагают аналогичные возможности, но, как правило, эти сервисы зарубежные. А тут очень даже достойный сайт отечественного разлива, который обладает всем требуемым функционалом.
Очень неслабая посещаемость у этого ресурса. Вот я подумал: раз я написал про них такой замечательный обзор, может быть они поставят ссылку (лучше, конечно же будет сквозняк, т.е. ссылку со всех страниц сайта) на мой блог и поделятся, в качестве благодарности и признательности со мной, своим трафиком (посетителями). Ну, что им жалко, что ли? Как вы думаете, уважаемые читатели блога KtoNaNovenkogo.ru, прокатит такая маза или нет?
Для тех кто не понял - весь последний абзац был шуткой, а то еще решите, что у меня крыша поехала или развилась мания величия. Нет, просто до жути захотелось пофлудить на собственном блоге, а то все как-то строго и цемориально, и совсем без юмора. Улыбнуло? Нет, но тогда читаем дальше...
Обучающий видеокурс для вебмамастеров по работе с биржой GoGetLinks
Я уже писал о некоторых тонкостях работы с биржей рекламных обзоров GoGetLinks в этой статье - GoGetLinks — самая выгодная биржа рекламных обзоров. Теперь на сайте GoGetLinks появился "Вводный курс для вебмастера", в доступной форме рассказывающий о тонкостях работы с биржей GoGetLinks в качестве вебмастера (это когда вы размещаете на своем сайте контекстные ссылки и миниобзоры, а так же ссылки с картинок). Мне очень понравилась лаконичность и манера изложения материала, поэтому решил выложить эти ролики у себя на блоге.
Первый ролик называется "Основы работы с GoGetLinks для вебмастера":
Второй ролик - "Важнейшие правила GoGetLinks для вебмастера":
Как вставить видеоролик с YouTube или Rutube на свой сайт без использования плагинов и каких-либо других расширений
Чуть выше вы могли видеть ролики, рассказывающие о работе с биржей рекламных обзоров GoGetLinks. Вставить видеоролики на блог под управлением WordPress совсем не сложно, ведь для этой цели можно использовать разнообразные плагины, предназначенные именно для этого. Большинство блогеров так и делает, тем более что это удобно и довольно просто. Но любой плагин, установленный у вас на блоге, приводит в той или иной степени к дополнительной нагрузке на сервер и зачастую, увеличению времени загрузки страниц. Поэтому установка какого-либо плагина на ваш блог должна быть стопроцентно оправдана и реально необходима.
Я на своем блоге очень редко вставляю в статьи видеоролики, поэтому установка плагина для работы с видео было бы явным излишеством. Но оказывается, что вставить на сайт ролик с YouTube или Rutube проще простого. На этих сервисах (думаю, что и на других сервисах видеохостинга тоже) имеются для этого специально предусмотренные инструменты, где вы сможете с легкостью скопировать код для вставки нужного вам видеоролика на свой сайт. Начнем по старшинству, с YouTube.
Как вставить видео с YouTube на свой сайт
На странице YouTube с интересующим вас роликом, справа от ролика имеется область с полем "HTML". Как раз в этом поле и находится код, который поможет отобразить именно этот видеоролик YouTube на вашем сайте.

Справа от поля "HTML" находится кнопка "Настроить", нажав на которую, у вас появится возможность настроить отображение видеоролика на своем сайте:

Вы сможете выбрать цветовую гамму панели плеера и выбрать размер окна плеера из имеющихся вариантов. В моем случае, подходящего мне размера окна плеера не было, поэтому, после получения кода видеоролика, пришлось подкорректировать размер видеоролика вручную, подправив значения атрибутов WIDTH и HEIGHT в двух местах, так, чтобы ролик точно соответствовал ширине страницы сайта:
<object width="537" height="330"><param name="movie" value="http://www.youtube.com/v/g_UbI6489-s&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/g_UbI6489-s&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="537" height="330"></embed></object>
Как вы можете видеть из кода, вставка видеоролика на сайт осуществляется с помощью тегов OBJECT и EMBED, которые помогает браузеру понять, как отображать те объекты, которые браузер по умолчанию отображать не умеет.
Как вставить видео с RuTube на свой сайт
Откройте нужный ролик на сайте RuTube и вы увидите под роликом панель вкладок. Нам нужна вкладка "Ссылка и код". На данной вкладке имеется четыре поля с кодом. Нужное нам поле называется "Код плеера":

Скопировав код из этого поля, вы можете изменить размер окна плеера, просто подправив в этом коде значения атрибутов WIDTH и HEIGHT в двух местах, так, чтобы ролик точно соответствовал ширине страницы вашего сайта. Что бы измерить ширину страницы своего сайта, можете воспользоваться инструментом "Показать линейку" плагина Web Developer для браузера FireFox.
Сервис по скруглению краев у изображений
Очень простой и удобный онлайн сервис, позволяющий скруглить края у любых загружаемых изображений. На главной странице сервиса вам нужно будет, используя кнопку "Обзор", загрузить со своего компьютера изображение, у которого требуется скруглить углы. Или же можно указать в поле "URL" путь до изображения, находящегося в интернете. После этого нажмите на кнопку "Round it".

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

Вы можете в области "Corners" снять галочки с тех углов, скруглять которые не требуется. В области "Image" вам предоставляется возможность изменить размеры результирующего изображения (если поставить галочку "constrain proportions", то при изменении одного из размеров, будут сохраняться пропорции изображения) и его качество (ухудшая качество до допустимых для вас пределов, вы тем самым уменьшаете размер результирующего изображения).
В поле "Round" вы сможете выбрать наиболее подходящий вам радиус скругления углов изображения. На данный момент, на сервисе, готовые изображения можно сохранять в форматах JPG (по умолчанию) и PNG (для этого нужно поставить галочку в поле "Transparent PNG". После завершения всех настроек нажмите на кнопку "Preview". Если результирующее изображение вас устроит, то для его загрузки нажмите на кнопку "Download" над превьюшкой. В перспективе у данного сервиса добавление тени и рамки к изображениям, а так же расширение форматов для сохранения результирующих изображений.
Господа и не говорите мне, что Фотошоп рулит, а такие сервисы нафиг не нужны. Нужны и еще как нужны. Особенно для тех , что с великим и ужасным фотошопом (тут без всяких аллегорий, именно так и есть - великий по предоставляемым возможностям и ужасный по сложности освоения и усвоения) не дружит. Все-таки фотошоп - это профессиональный инструмент, стоящий, кстати говоря, бешеных денег. А тут все бесплатно, быстро и просто. Мне такие маленькие сервисы нравятся и я буду продолжать о них писать.
Сервисы по созданию полосатого или клетчатого фона для вашего сайта
Я уже рассматривал в одном из веб-обзоров парочку сервисов, позволяющих создавать и тонко настраивать фоны для сайта (Где можно найти фон для своего сайта). Сегодня хочу предложить вашему вниманию сервисы, предназначенные для аналогичных целей - создания фона для сайта. Но сервисы эти специфичные, ибо два из них создают фоны (под вашим чутким руководством) в полосочку и один в клеточку. Несмотря на столь узкую специализацию или, наоборот, благодаря ей, настроить в полосочках и клеточках можно много чего.
Первый сервис предназначен для создания полосатого фона. Настроек очень много. Можно менять цвета, ширину полос, угол наклона полос и много чего еще.

После внесения каких-либо изменений в настойки, вам нужно будет нажать в окне "preview" на появившиеся круглые стрелки.

В результате этого действия, внесенные вами изменения в настройках, отобразятся в окне "preview". Ну, а для сохранения созданного фона вам нужно будет нажать на кнопку "download". Вы так же можете ознакомиться с фонами, созданными другими посетителями сервиса и при желании использовать их на своем сайте. Для этого вам нужно будет зайти в галерею фонов для сайта, щелкнув по вкладке "" вверху страницы.
Второй сервис тоже предназначен для создания полосатого фона сайта. Дизайн этого сервиса и предоставляемые им возможности, очень напоминают Stripe Generator 2.0, описанный ранее.

Инструменты для настройки используются немного другие, но принцип остался тот же. После того, как вы внесете какие-либо изменения в настройки, в окне "preview" появится черная полоска с надписью "refresh preview". Только после нажатия на эту полоску вы сможете увидеть внесенные изменения. Для сохранения файла с созданным вами фоном служит кнопка "Download this strip", а для просмотра фонов, созданных другими пользователями сервиса, вам нужно будет нажать на ссылку , вверху страницы.
Третий сервис предназначен для создания клетчатых фонов. Управление и настройки на данном сервисе аналогичны описанному выше.

Для того, чтобы увидеть произведенные в настройках изменения, нужно будет в окне "preview" нажать на надпись "make it". Для сохранения файла с созданным вами фоном служит кнопка "Download", а для просмотра фонов, созданных другими пользователями сервиса, вам нужно будет нажать на вкладку , вверху страницы.
Вы так же можете ознакомиться с другими обзорами полезных онлайн (online) сервисов для вебмастеров. На сегодня все. Если вы не хотите пропустить появление новых материалов на этом сайте, то можете подписаться на рассылку новостной ленты через форму, расположенную чуть ниже, или же выбрать удобный для вас способ подписки на странице Подписка. Если у вас остались нерешенные вопросы из области вебмастеринга, то вы можете поискать на них ответы, посетив страницу Вопросы и ответы.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru















Хооший сервис 2IP, после прочтения поста уйду на него. ( заодно протестирую и вашу посещаемость
)
Сколько времени уходит на подготовку такого поста? Ведь мало собрать инфу, еще все нужно структурировать и красиво преподнести?
Сергей: времени уходит очень много. Точно не засекал, но, наверное, где-то от 3-4 до 10 часов, в случае глобальной темы статьи.
2IP интересный сервис. Поигрался немного )
RoundPic – хороший сервис!
Обычно пользуюсь ФотоШопом, но если по быстрому, то это то что доктор приписал.
Ну прикольно, особенно понравился сервис создания полосатых фонов для сайта
)
Насчёт определения CMS на сайте 2IP, полная ерунда, экспериментировал с 2 сайтами на joomla, так в первом случае определило как wordpress, а второй вобще не определило. Повидимому он ищет в индексе “meta name generator” или ещё какието подобные приколы.
Спасибо, много полезных сервисов и возможностей