пятница, 18 апреля 2014 г.

Как украсить свой блог или облако картинок…

Сегодня я не буду открывать "новые материки", а лишь воспользуюсь готовыми материалами по блоговедению, добавив свои комментарии и подсказки на доступном для блоггеров языке (по просьбам читателей). 
Предлагаю разместить на блоге гаджет (виджет) картинок (облако картинок), например, наиболее популярных сообщений со ссылкой на эти сообщения (в моем блоге это облако находится внизу страницы). Но в отличие от облака тегов, которое наполняется автоматически, облако картинок автор формирует сам. Итак, начинаем с добавления  гаджета 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, в противном случае будет медленно идти загрузка. Пробуйте, и у Вас все получится!

17 комментариев:

  1. Здравствуйте, Анна Борисовна! Спасибо за такую интересную и подробную напоминалку. Вы совершенно правы - если больше 20, то очень медленно загружается... Для себя опытным путём вычислила, что лучше всего 12-16 постов...

    ОтветитьУдалить
    Ответы
    1. Лилия Павловна, здравствуйте. Самое интерасное (но не совсем удивительно), что в разных браузерах одни и те же виджеты работают по - разному. Я привыкла работать в Опере, вот под нее и подстраиваюсь, хотя иногда присматриваюсь к другим браузерам.

      Удалить
  2. Спасибо, Анна Борисовна. Попытаюсь установить. А работает в любом браузере? У меня Хром?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, уверена, что работает данный виджет во всех браузерах, а вот на какой платформе у вас создан блог? Вот здесь могут быть вопросы...

      Удалить
  3. Спасибо, а то у меня было только 10 и то с чужими картинками, скачала в интернете , но изменить не смогла, сейчай попробую

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, рада, что помогла Вам,только самое главное - ничего не упустить в написании тегов

      Удалить
  4. А еще подскажите пожалуйста, у Вас получается присоединиться к другим блогам? У меня нет, и почему - то у меня этот виджет не работает, не присоединяются и к моему блогу. Заранее спасибо

    ОтветитьУдалить
    Ответы
    1. Да, я это делаю легко, только не через установленный виджет "Присоедиться к сайту", а через настройки

      Удалить
  5. Здравствуйте, Анна Борисовна! Красота! Как Вы все успеваете? Достойный пример коллегам!

    ОтветитьУдалить
    Ответы
    1. Спасибо, Ирина Петровна. Чтобы школа работала , руководителю следует "крутится " и "меньше спать" (конечно, шучу), а вообще - иногода жалею, что в сутках только 24 часа...

      Удалить
  6. Анна Борисовна, спасибо за полезную статью! Попробую установить себе!

    ОтветитьУдалить
    Ответы
    1. Марина Вячеславовна, пробуйте, и все получится. Главное - не перебощить и ничего не потерять...

      Удалить
  7. Здравствуйте, Анна Борисовна! Спасибо за подробную инструкцию. Боюсь даже связываться с картинками, у меня с ними проблемы, не любят они меня, но до ужаса хочу научиться, буду пробовать)))

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, иногда работа отдельных виджетов зависит от браузера (особенно скорость, цветовые схемы, картиники). Хуже всего работает ХРОМ

      Удалить
  8. Здравствуйте, Анна Борисовна. Спасибо за материал, я все собираю по крупицам, обязательно создам совй блог летом

    ОтветитьУдалить
    Ответы
    1. Екатерина, здравствуйте, рада, что Ваше желание в создании блога крепнет. Обращайтесь, помогу.

      Удалить
  9. Анна Борисовна. Решила создать блог. Уверена, Ваши подсказки мне в этом помогут.

    ОтветитьУдалить

Тема сообщения Вам интересна? Вы хотите оставить комментарий, но не знаете, как? Очень просто!
- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Впишите своё имя или ник.
- Нажмите "Продолжить" и пишите всё, что душе угодно.
- Далее нажмите "Публикация".
Смелее, Ваше мнение важно для меня. Заранее благодарна!

Чтобы вставить в комментарий картинку, используйте теги:
[im#]ссылка на изображение[/im]

В комментариях можно использовать смайлики

Related Posts Plugin for WordPress, Blogger...
"