Сегодня я не буду открывать "новые материки", а лишь
воспользуюсь готовыми материалами по блоговедению, добавив свои комментарии и
подсказки на доступном для блоггеров языке (по просьбам читателей).
Предлагаю разместить на блоге гаджет (виджет) картинок
(облако картинок), например, наиболее популярных сообщений со ссылкой на эти
сообщения (в моем блоге это облако находится внизу страницы). Но в отличие от
облака тегов, которое наполняется автоматически, облако картинок автор
формирует сам. Итак, начинаем с добавления
гаджета HTML/JavaScript (шаги 1-2).
В гаджет вставляем следующий код (предварительно, конечно,
его доработав):
<center>
<script
src="http://orlenok2.do.am/swfobject.js"
type="text/javascript"></script><br />
<div
id="oblapics">
<a href="ССЫЛКА НА ВАШУ СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a><a href="ССЫЛКА НА СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a><a href="ССЫЛКА НА СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a><a href="ССЫЛКА НА СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a><a href="ССЫЛКА НА СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a> </div>
<script
type="text/javascript"> var
flashvars = {};flashvars.mode = 'images';eTagz =
document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud
= '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud +=
'<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+
eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud +=
'</images>';var params = {};params.wmode = 'transparent';params.bgcolor =
'#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id
= 'oblapics';attributes.name =
'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf',
'oblapics', '470', '470',
'9.0.0', false, flashvars, params, attributes);</script></center>
Что обозначают цвета?
Зеленый - URL –адрес вашего сообщения (поста,
статьи)
http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg -это URL -адреса ваших картинок в
данном сообщении (посте, статье).
'470', '470 – размеры Вашего облака
Конечно же, популярных статей, которые Вы хотите отразить в
облаке картинок, может значительно больше, для этого перед тэгом </div> можно вставлять строку
<a href="ССЫЛКА НА ВАШУ СТАТЬЮ">http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg</a>
столько раз, сколько постов (сообщений) Вы желаете отображать
в облаке картинок
Не забудьте дать название своему гаджету. Все, закрываем.
Далее располагаем гаджет в том месте, где Вы считаете целесообразным. Еще раз напомню, данный виджет автор наполняет сам! Рекомендую не более 20, в противном случае
будет медленно идти загрузка. Пробуйте, и у Вас все получится!
Здравствуйте, Анна Борисовна! Спасибо за такую интересную и подробную напоминалку. Вы совершенно правы - если больше 20, то очень медленно загружается... Для себя опытным путём вычислила, что лучше всего 12-16 постов...
ОтветитьУдалитьЛилия Павловна, здравствуйте. Самое интерасное (но не совсем удивительно), что в разных браузерах одни и те же виджеты работают по - разному. Я привыкла работать в Опере, вот под нее и подстраиваюсь, хотя иногда присматриваюсь к другим браузерам.
УдалитьСпасибо, Анна Борисовна. Попытаюсь установить. А работает в любом браузере? У меня Хром?
ОтветитьУдалитьЗдравствуйте, уверена, что работает данный виджет во всех браузерах, а вот на какой платформе у вас создан блог? Вот здесь могут быть вопросы...
УдалитьСпасибо, а то у меня было только 10 и то с чужими картинками, скачала в интернете , но изменить не смогла, сейчай попробую
ОтветитьУдалитьЗдравствуйте, рада, что помогла Вам,только самое главное - ничего не упустить в написании тегов
УдалитьА еще подскажите пожалуйста, у Вас получается присоединиться к другим блогам? У меня нет, и почему - то у меня этот виджет не работает, не присоединяются и к моему блогу. Заранее спасибо
ОтветитьУдалитьДа, я это делаю легко, только не через установленный виджет "Присоедиться к сайту", а через настройки
УдалитьЗдравствуйте, Анна Борисовна! Красота! Как Вы все успеваете? Достойный пример коллегам!
ОтветитьУдалитьСпасибо, Ирина Петровна. Чтобы школа работала , руководителю следует "крутится " и "меньше спать" (конечно, шучу), а вообще - иногода жалею, что в сутках только 24 часа...
УдалитьАнна Борисовна, спасибо за полезную статью! Попробую установить себе!
ОтветитьУдалитьМарина Вячеславовна, пробуйте, и все получится. Главное - не перебощить и ничего не потерять...
УдалитьЗдравствуйте, Анна Борисовна! Спасибо за подробную инструкцию. Боюсь даже связываться с картинками, у меня с ними проблемы, не любят они меня, но до ужаса хочу научиться, буду пробовать)))
ОтветитьУдалитьЗдравствуйте, иногда работа отдельных виджетов зависит от браузера (особенно скорость, цветовые схемы, картиники). Хуже всего работает ХРОМ
УдалитьЗдравствуйте, Анна Борисовна. Спасибо за материал, я все собираю по крупицам, обязательно создам совй блог летом
ОтветитьУдалитьЕкатерина, здравствуйте, рада, что Ваше желание в создании блога крепнет. Обращайтесь, помогу.
УдалитьАнна Борисовна. Решила создать блог. Уверена, Ваши подсказки мне в этом помогут.
ОтветитьУдалить