07.06.2012

Blogger - gif анимация с кодами

Дизайн вашего блога - проверенные анимированные картинки на блог. Первый опыт.
Схема действий подробно описана на моем блоге ПОЛЕЗНОСТИ на странице Уроки 
Коротко повторюсь, как вставить картинку:
1) на боковую панель блога: Блог - Дизайн - Добавить гаджет - Гаджет с названием HTML - в содержание вставляем код - Сохранить - Просмотр - нормально все? - Сохранить расположение ( если не устраивает что, - удалим или перетащим гаджет в любое место блога и там сохраним)
2) в текст сообщения: Блог - Сообщения - Редактор - переходим в HTML - вставляем код в любое удобное место - переходим на Создать - Просмотр - нормально все? - возвращаемся в Редактор - Сохранить - можно или редактировать дальше, или Публиковать
Если надо сменить размер картинки - меняем выделенные в коде цифры (пропорционально обе сразу! - первая цифра это ширина, вторая высота картинки).  Учтите, что  при изменении размера эффект у некоторых картинок может потеряться.  Пробуйте! И у вас все получится!
Все анимации найдены мною в свободном доступе на просторах интернета. Авторам анимаций огромная благодарность за их творчество и труд.

Гиф анимация и коды gif - Компьютеры и обучение


<a target="_blank" href="http://smayliki.ru/smilie-670163271.html"><img src="http://s8.rimg.info/92c4d403f068baa8631f9f84c016ccb5.gif" ></a>

 
<a target="_blank" href="http://smayliki.ru/smilie-670044999.html"><img src="http://s8.rimg.info/718e6bae36a601f5adbe8793473a60f6.gif" ></a>

 
<a target="_blank" href="http://smayliki.ru/smilie-140038599.html"><img src="http://s2.rimg.info/092f70cf13f9c76ce11066511ef5e971.gif" ></a>

 

<a target="_blank" href="http://smayliki.ru/smilie-139787271.html"><img src="http://s2.rimg.info/cc7380c101d11c924d14629b4441cf13.gif" ></a>


<a target="_blank" href="http://smayliki.ru/smilie-732196935.html"><img src="http://s10.rimg.info/16f0f2ea6a175fff90f346ca0604632b.gif" ></a>


<a target="_blank" href="http://smayliki.ru/smilie-971734695.html"><img src="http://s17.rimg.info/1fabe6138d42731e802049c04a3b0e73.gif" ></a>

<a target="_blank" href="http://smayliki.ru/smilie-582523719.html"><img src="http://s7.rimg.info/7cdeea4e13716ca095b9bdcde3b5615a.gif" ></a>

Гиф анимация и коды Gif  Цветы



<a href="http://smayliki.ru/smilie-782366439.html" target="_blank"><img src="http://s10.rimg.info/44b8d81a1488f613f13c9f7cb3fac0ac.gif" /></a>

<a href="http://smayliki.ru/smilie-216161415.html" target="_blank"><img src="http://s2.rimg.info/3f5ea262bc85f114b67c28f336ac85a5.gif" /></a>

<a href="http://smayliki.ru/smilie-312745287.html" target="_blank"><img src="http://s3.rimg.info/f8943bbeec3047b04eaf1035015539d2.gif" /></a>

<a href="http://smayliki.ru/smilie-838139079.html" target="_blank"><img src="http://s13.rimg.info/8c7e4eb1dbea20a60609406ff57fcd18.gif" /></a>



<a target="_blank" href="http://www.radikal.ru"><img src="http://i034.radikal.ru/1011/08/65186a99c73b.gif" /></a></i>

  svetasad-01   Гиф анимация и коды gif  - Аквариум

<img class="aligncenter size-full wp-image-2010" title="42387733_sch78976k7" src="http://svsad.com/wp-content/uploads/2012/06/42387733_sch78976k7.gif" alt="svetasad-01" width="179" height="300" />

svetasad-02 Гиф анимация и коды gif - Рыба

<img class="aligncenter size-full wp-image-2011" title="42387698_oshenen" src="http://svsad.com/wp-content/uploads/2012/06/42387698_oshenen.gif" alt="svetasad-02" width="215" height="300" />

svetasad-03  Гиф анимация и коды gif - Роза

<img class="aligncenter size-full wp-image-2012" title="42387358_euk" src="http://svsad.com/wp-content/uploads/2012/06/42387358_euk.gif" alt="svetasad-03" width="300" height="249" />

svetasad-04 Гиф анимация и коды gif - Очки

<img class="aligncenter size-full wp-image-2015" title="591969559" src="http://svsad.com/wp-content/uploads/2012/06/591969559.gif" alt="svetasad-04" width="117" height="90" />

svetasad-05  Гиф анимация и коды gif - Тяга к знаниям

<img class="aligncenter size-full wp-image-2016" title="353757351.jpg" src="http://svsad.com/wp-content/uploads/2012/06/353757351.jpg.gif" alt="svetasad-05" width="120" height="109" />

svetasad-06  Гиф анимация и коды gif  - Павлин

<img class="aligncenter size-full wp-image-2017" title="0_3b413_dac3f062_S" src="http://svsad.com/wp-content/uploads/2012/06/0_3b413_dac3f062_S.gif" alt="svetasad-06" width="150" height="96" />


svetasad-08  Гиф анимация и коды gif - Книга и роза


<img class="aligncenter size-full wp-image-2021" title="0_230e4_a5e8330d_S" src="http://svsad.com/wp-content/uploads/2012/06/0_230e4_a5e8330d_S.gif" alt="svetasad-08" width="150" height="103" />

svetasad-10Гиф анимация и коды gif  - Звонок

<img class="aligncenter size-full wp-image-2024" title="lunapic_133904205993687_5" src="http://svsad.com/wp-content/uploads/2012/06/lunapic_133904205993687_5.gif" alt="svetasad-10" width="221" height="228" />



svetasad-102  Гиф анимация и коды gif - Блог

<img class="aligncenter size-full wp-image-2029" title="caa043fdc853a63cc82334596b76adb4" src="http://svsad.com/wp-content/uploads/2012/06/caa043fdc853a63cc82334596b76adb4.gif" alt="svetasad-102" width="210" height="210" />
svetasad-12   Гиф анимация и коды gif - Allochka

<img class="aligncenter size-full wp-image-2031" title="99dd5ef6e6e9b6635de07cb31005e7f6" src="http://svsad.com/wp-content/uploads/2012/06/99dd5ef6e6e9b6635de07cb31005e7f6.gif" alt="svetasad-12" width="200" height="200" />


Всего доброго. Пусть наши блоги будут привлекательными!



3 комментария:

ИрЭн комментирует...

Спасибо, Светлана!
Сделала на блог себе, классно!
Я стопку книг выбрала!!!

Аааа! Капча(((((

Светлана Садовская комментирует...

КОММЕНТАРИИ прошу оставлять на моем блоге ПОЛЕЗНОСТИ -
ссылка на блог вверху правой колонки
Спасибо

Лидия Кобзева комментирует...

Спасибо за подсказки. Ваш блог для меня - настольная книга.