Облако картинок на Блогспот, Blogger


Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)
Виджет облако тегов понравился читателям и поэтому у меня возникла идея, опубликовать другой виджет из этой серии - облако картинок на Блогспот, Blogger.
Здесь вы сможете разместить совершенно разные картинки. Например картинки наиболее популярных постов. Или сделать, что то типа слайд шоу. В любом случае, широкий спектр применения фантазии!
Что бы виджет украсил ваш блог, необходимо в  Дизайн - Добавить гаджет - HTML/JavaScript  или в редактор статьи, добавить следующий код:

<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><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><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>


Необходимо изменить следующие параметры:
http://2.bp.blogspot.com/-Q0An5lwk_hA/TxIjqznKBQI/AAAAAAAAAs4/2QGOTyacgwg/s200/psoc_globe.jpg - зеленый это урл-адреса ваших картинок.

Проверять работу и настраивать виджет, лучше на этом виртуальном редакторе:
http://www.timsfreestuff.com/HTMLEditor/

Вот так это выглядит:




11 коммент.:

Люера
Ольга Ватутина
Ольга Ватутина
Justus
Сергей Тодорович
Justus
Сергей Тодорович
Justus
Анна Анатольевна Гончарова
Ирина Шкаверо
Николай Джинчарадзе

Отправить комментарий

Можно применять теги: <b></b><i></i><br />
<br />


Доска почета

Плюсани блог!