По просьбе Светланы выкладываю инструкцию по редактированию сайтов от Google, а конкретнее по вставке кодов гаджетов от google, документов и других примочек.
Поскольку начинающие вебмастера сталкиваются с трудностями и письмо Светланы уже не первое, дам небольшую инструкцию, что бы вы самостоятельно могли более глубоко разобраться с конструктором.
Cодержание
как вставить гаджеты Google и другие документы на сайт
Не надо бояться экспериментировать, более того, при наведении курсора на кнопку редактирования или какой-нибудь значек вы всегда увидите подсказку об их назначении.
Начнем с того, что для работы с сайтами гугл (обязательно!) использовать браузер Chrome или Internet Explorer, в других браузерах корректная работа не гарантируется, а в опере вообще ничего не работает.
Поскольку гаджеты делают не только специалисты гугл, но и сторонние разработчики, то мы пойдем обходным путем для вставки последних на бесплатный сайт. Итак: заходим на страницу гаджетов, выбираем нужный
гаджеты google
Для вставки гаджета на обычный сайт достаточно нажать на кнопку формирования кода и полученный java скрипт уже вставляем в html код вашей страницы. С этим у вас трудностей не будет, но в данном примере мы рассматриваем более сложный вариант работы связанной с редактированием html кода на сайтах от google. И если вы попытаетесь просто вставить в код страницы скрипт гаджета то система вам этого сделать не позволит.
Некоторые гаджеты могут отображаться в превьюшке не корректно, но для нас главная задача попасть на официальную страницу самого гаджета, ведь мы не знаем кто разработчик сего прибамбаса. Смотрим подрообности…
гаджет онлайн плеера
Вот наконец то мы добрались до ссылки на источник, она и будет нашей целью
сторонние разоаботчики гаджетов google
Мы увидели исходный код страницы, но нам нужна только ссылка на эту страницу. Копируем ссылку из адресной строки браузера
ссылка на гаджет
Как вставить код гаджета Google на страницу
Если вы вдруг подзабыли адрес своего сайта на google, то можно авторизоваться в любом из гугл-сервисов или на главной, а потом набрать в адресной строке sites.google.com и попадете на страницу со списком ваших сайтов. Выбираете нужный (если у вас их несколько) и справа вверху жмем кнопку редактирования в виде карандашика.
как вставить гаджет на страницу сайта
Теперь на вашей странице тыкаете курсором в то место, куда будете ставить гаджет, а слева вверху в горизонтальном меню редактирования выбираем кнопку Вставить и следуя по навигации вниз жмем Дополнительные гаджеты
С помощью этого меню вы с легкостью сможете вставить в код страницы и любые другие документы
дополнительные гаджеты google
Здесь вы можете выбрать гаджеты от гугла, с их вставкой проблем, как правило не возникает, но мы же хотим внедрить на сайт гаджет стороннего разработчика, поэтому жмем ссылку Добавить гаджет по URL
популярные гаджеты google
В открывшееся окно мы и вставляем ссылку, которую ранее скопировали из адресной строки…
добавить гаджет по url
После вставки ссылки мы сразу попадаем в окно редактирования, здесь можно задать высоту, ширину (рекомендую задавать в пикселях, а не в процентах) и другие параметры. Замечу, что некоторые гаджеты после изменения размеров могут не корректно отображаться на сайте, в этом случае нужно снова вставить ссылку и на странице редкатирования оставить все по умолчанию.
настроить гаджет google
Что то подкорректировать можно и после вставки, просто ткните мышкой на гаджет и внизу появится меню редактора.
установка гаджета радио
Вот образец готовой страницы со вставленным плеером онлайн радио.
онлайн радио на сайт
На последок лишь хочу заметить, что не все гаджеты корректно работают в браузере опера, а занчит некоторые посетители вашего сайта могут не увидеть ваших новых примочек. В этом случае попробуйте поискать в каталоге альтернативные гаджеты google.