// API callback
related_results_labels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-609368192660326797"},"updated":{"$t":"2022-03-26T11:23:00.752+03:00"},"category":[{"term":"Blogger"},{"term":"Шаблон"},{"term":"Ответы на письма"},{"term":"Скрипты для блога"},{"term":"О жизни"},{"term":"Расширяемые сообщения"},{"term":"Картинки"},{"term":"Поисковая оптимизация - SEO"},{"term":"Начала HTML"},{"term":"Сохранение-Восстановление"},{"term":"Комментарии"},{"term":"Помощники из Интернета"},{"term":"Гаджеты"},{"term":"Под кат"},{"term":"Редактор"},{"term":"Ярлыки"},{"term":"+1"},{"term":"Google"},{"term":"Google Friend Connect"},{"term":"Блогосфера"},{"term":"Ошибки"},{"term":"Favicon"},{"term":"Google Plus"},{"term":"Красивости"},{"term":"Немного о CSS"},{"term":"Проблемы"},{"term":"Советы"},{"term":"доменные имена"},{"term":"Feed"},{"term":"Youtube"},{"term":"Игры со Временем"},{"term":"Настройки"},{"term":"Пост"},{"term":"Слайд-шоу"},{"term":"службы Яндекса"},{"term":"AdSense"},{"term":"BOBs"},{"term":"DNS"},{"term":"Nofollow"},{"term":"Page Rank"},{"term":"Picasa"},{"term":"Yandex"},{"term":"Безопасность"},{"term":"Видео уроки"},{"term":"Переводчик"},{"term":"Ссылки"},{"term":"Цвета"},{"term":"Google Groups"},{"term":"Google Reader"},{"term":"Navbar"},{"term":"Profile"},{"term":"RSS"},{"term":"Site Map"},{"term":"Wordpress"},{"term":"odnaknopka.ru"},{"term":"Архив"},{"term":"Браузеры"},{"term":"Дизайнер"},{"term":"Календарь"},{"term":"Карта блога"},{"term":"Музыка"},{"term":"Облако тегов"},{"term":"Панель навигации"},{"term":"Перспективы"},{"term":"Профиль"},{"term":"вирус"},{"term":"подписки"}],"title":{"type":"text","$t":"ВСЕ для BLOGGER(а) на BLOGSPOT(e)!"},"subtitle":{"type":"html","$t":"Сайт для блогера: советы, приемы и приемчики, а так же хаки для блоггера, который поселился на блогспоте!"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/-\/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8?alt=json-in-script\u0026max-results=5"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/search\/label\/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/-\/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8\/-\/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8?alt=json-in-script\u0026start-index=6\u0026max-results=5"}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"10"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"5"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-609368192660326797.post-915401650550930209"},"published":{"$t":"2011-09-21T00:10:00.004+04:00"},"updated":{"$t":"2011-09-23T00:59:58.757+04:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Картинки"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Редактор"}],"title":{"type":"text","$t":"Blogger: Картинки в вашем блоге."},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-ZG73vjexcbg\/TnjjmU2DVrI\/AAAAAAAAKzM\/ynPB82ImYKs\/s1600\/100_7290.JPG\" imageanchor=\"1\" style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 10px;\"\u003E\u003Cimg alt=\"Из деревенской жизни: Коза-дереза\" border=\"0\" height=\"150\" src=\"http:\/\/3.bp.blogspot.com\/-ZG73vjexcbg\/TnjjmU2DVrI\/AAAAAAAAKzM\/ynPB82ImYKs\/s200\/100_7290.JPG\" title=\"Из деревенской жизни: Коза-дереза\" width=\"180\" \/\u003E\u003C\/a\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-QSW3Mv88Ueo\/TnjjrQ1VD1I\/AAAAAAAAKzU\/SoeOJWXEzcE\/s1600\/100_7249.JPG\" imageanchor=\"1\" style=\"float: left; margin-bottom: 1em; margin-right: 10px;\"\u003E\u003Cimg alt=\"Из деревенской жизни: Пес Боза и его подружка\" border=\"0\" height=\"150\" src=\"http:\/\/1.bp.blogspot.com\/-QSW3Mv88Ueo\/TnjjrQ1VD1I\/AAAAAAAAKzU\/SoeOJWXEzcE\/s200\/100_7249.JPG\" title=\"Из деревенской жизни: Пес Боза и его подружка\" width=\"180\" \/\u003E\u003C\/a\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-mRc-k29Z9sc\/TnjjwnxHniI\/AAAAAAAAKzc\/WcRhQopR-GU\/s1600\/100_7339.JPG\" imageanchor=\"1\" style=\"float: left; margin-bottom: 1em;\"\u003E\u003Cimg alt=\"Из деревенской жизни: На мосту\" border=\"0\" height=\"150\" src=\"http:\/\/4.bp.blogspot.com\/-mRc-k29Z9sc\/TnjjwnxHniI\/AAAAAAAAKzc\/WcRhQopR-GU\/s200\/100_7339.JPG\" title=\"Из деревенской жизни: На мосту\" width=\"180\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cb\u003EЗдравствуйте!\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EНет, этот пост не станет сочинением на тему \"Деревня и её жители\" и не станет он также началом минифотоблога на страницах \"\u003Ca href=\"http:\/\/blogger4you.blogspot.com\/\"\u003EВсе для Blogger'а\u003C\/a\u003E\", с помощью этих фотографий я просто хочу продемонстрировать вам, что Blogger уже научился делать с картинками. Если на первый взгляд этого не видно, то кликните по картинке и... вы увидите ЧУДО, увеличенную версию картинки можно будет увидеть не переходя в другое окно!\u003C\/div\u003E\u003Cbr \/\u003EПервая заметила это не я... вчера прочитала об этом в \u003Ca href=\"http:\/\/kotbibliofil.blogspot.com\/\" target=\"_blank\"\u003Eблоге КотаБиблиофила: \"Лампа. Ночь. Библиотека\"\u003C\/a\u003E Я конечно же очень порадовалась и решила вам это продемонстрировать!\u003Cbr \/\u003E\u003Cbr \/\u003EUPD: \u003Ci\u003EА вот теперь и демонстрировать нечего... разработчики убрали этот скрипт показа картинок, наверное, когда-нибудь вернут.\u003C\/i\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EПрололжая разговор о картинках(фотографиях) в наших блогах:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"text-decoration: underline;\"\u003EНесколько советов по поисковой оптимизации фотоблога:\u003C\/span\u003E Если вы ведете фотоблог и для вас очень важно чтобы ваши фотографии находились бы Гуглом или Яндексом по ключевым словам, то не поленитесь\u003Cbr \/\u003E\u003Cbr \/\u003E1) прописать в теге \u003Cb\u003E\u0026lt;img .....\u0026nbsp;\u0026nbsp; \/\u0026gt;\u003C\/b\u003E  атрибуты \u003Cb\u003Ealt\u003C\/b\u003E и \u003Cb\u003Etitle\u003C\/b\u003E. Это делается так: в режиме \u003Cb\u003EИзменить Html\u003C\/b\u003E находите нужный вам тег \u003Cb\u003E\u0026lt;img .....\u0026nbsp;\u0026nbsp;\u0026nbsp; \/\u0026gt;\u003C\/b\u003E и в нем перед\u0026nbsp; \u003Cb\u003E\/\u0026gt;\u003C\/b\u003E вставляете:\u003Cbr \/\u003E\u003Cb\u003Ealt=\"Описание, что изображено на картинке\" title=\"Описание того, что изображено на картинке\"\u003C\/b\u003E\u003Cbr \/\u003E2) перед загрузкой в Blogger можно также переименовать файл с изображением, а еще можно\u0026nbsp; средствами редактора Blogger к картинке \"добавить подпись\", тоже будет полезно.\u003Cbr \/\u003E\u003Cbr \/\u003EИ, наконец, знаете ли вы, что в Черновике Blogger'а в редакторе вашего поста уже можно отредактировать загруженные в Blogger картинки. Так коту, которого вы обычно видите внизу сообщений, я сегодня попыталась приделать корону ;)\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"color: blue;\"\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EВсем солнечного бабьего лета!\u003C\/b\u003E\u003C\/span\u003E\u003C\/div\u003E\u003Ci style=\"color: blue;\"\u003E\u003Cb\u003EВсегда ваша Света\u003C\/b\u003E\u003C\/i\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EPS В посте использовались фотографии из блогов, которые ведет Кайл: \u003Ca href=\"http:\/\/windowstorussia.com\/\" target=\"_blank\"\u003EWindows to Russia\u003C\/a\u003E и \u003Ca href=\"http:\/\/photo.kylekeeton.com\/\" target=\"_blank\"\u003ERussian Photo Blog\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cimg alt=\"Blogger: кошка.\" border=\"0\" id=\":current_picnik_image\" src=\"http:\/\/1.bp.blogspot.com\/-eO8sXdOgYr0\/TnjwgnusOUI\/AAAAAAAAKzk\/VI9nQy8Yg_8\/s1600\/16443254378_6Xj45.jpg\" style=\"float: right; margin: 0pt 0pt 10px 10px;\" title=\"Пока, пока!\" \/\u003E  \u003Cspan style=\"color: #3333ff; font-style: italic;\"\u003EКомментарии и вопросы более чем приветствуются,\u003C\/span\u003E \u003Cspan style=\"color: #3333ff; font-style: italic;\"\u003Eнужна помощь - поможем!   \u003C\/span\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/915401650550930209\/comments\/default","title":"Комментарии к сообщению"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2011\/09\/blogger-new-look-of-your-pictures.html#comment-form","title":"Комментарии: 23"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/915401650550930209"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/915401650550930209"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2011\/09\/blogger-new-look-of-your-pictures.html","title":"Blogger: Картинки в вашем блоге."}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-ZG73vjexcbg\/TnjjmU2DVrI\/AAAAAAAAKzM\/ynPB82ImYKs\/s72-c\/100_7290.JPG","height":"72","width":"72"},"thr$total":{"$t":"23"}},{"id":{"$t":"tag:blogger.com,1999:blog-609368192660326797.post-7488098525480306730"},"published":{"$t":"2010-02-22T23:46:00.006+03:00"},"updated":{"$t":"2011-04-01T01:26:59.916+04:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Картинки"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Шаблон"}],"title":{"type":"text","$t":"Blogger: Кнопки навигации - чиним и рисуем."},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/S4LARdYsj0I\/AAAAAAAAJeE\/v8rq8y0Uws4\/s1600-h\/back.gif\"\u003E\u003Cimg style=\"float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 53px; height: 42px;\" src=\"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/S4LARdYsj0I\/AAAAAAAAJeE\/v8rq8y0Uws4\/s400\/back.gif\" alt=\"Предыдущее\" title=\"Предыдущее\" id=\"BLOGGER_PHOTO_ID_5441122705995501378\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/4.bp.blogspot.com\/_THosNXNQORw\/S4LALRYew1I\/AAAAAAAAJd8\/OKxz8VY2dOo\/s1600-h\/next.gif\"\u003E\u003Cimg style=\"float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 53px; height: 42px;\" src=\"http:\/\/4.bp.blogspot.com\/_THosNXNQORw\/S4LALRYew1I\/AAAAAAAAJd8\/OKxz8VY2dOo\/s400\/next.gif\" alt=\"Следующее\" title=\"Следующее\" id=\"BLOGGER_PHOTO_ID_5441122599694156626\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cspan style=\"font-weight: bold; font-style: italic;\"\u003EЗдравствуйте\u003C\/span\u003E\u003Cspan style=\"font-style: italic;\"\u003E, а у вас в блоге есть такие красивые кнопки для навигации?\u003C\/span\u003E Что, нет? Вы все-таки не расстраивйтесь, пожалуйста... У некоторых они (кнопки\/ссылки для навигации по блогу, вот эти самые, \u003Cspan style=\"font-weight: bold;\"\u003EПредыдущее - Следующее\u003C\/span\u003E) совсем пропали (вернее не совсем пропали, а так виднеется чего-то под заголовком верхней статьи)! Вот ведь не повезло кому-то... Сегодня мы эти кнопки будем чинить, а заодно я расскажу как вставить картинки вместо слов \u003Cspan style=\"font-weight: bold;\"\u003EПредыдущее\u003C\/span\u003E - \u003Cspan style=\"font-weight: bold;\"\u003EСледущее\u003C\/span\u003E - \u003Cspan style=\"font-weight: bold;\"\u003EГлавная страница\u003C\/span\u003E.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EДобавление 30 марта 2011: На нестандартных шаблонах, при использовании кнопок навигации проявилась ошибка bX-67oaj1. Если у вас есть такая ошибка читайте мой новый пост: \u003Ca href=\"http:\/\/blogger4you.blogspot.com\/2011\/03\/blogger-knopki-navigacii-problema-bx.html\" target=\"_blank\"\u003EBlogger: Проблема с кнопками навигации bX-67oaj1 - решение\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EI. Чиним шаблоны.  \u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EБеда случилась с некоторыми шаблонами, создатели которых с одной стороны полезли слишком глубоко в возможности манипулирования шаблонами для Blogger'а, с другой стороны сделали это недостаточно аккуратно и теперь, когда Blogger меняет свои  программы обработки шаблонов кнопки навигации исчезли.\u003Cbr \/\u003E\u003Cbr \/\u003EЛично я была заинтригована и билась над этой проблемой порядка двух дней - решение я наконец нашла, но оно меня не очень устраивало так как отдавало каким-то шаманством:\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EВот мое решение:\u003Cbr \/\u003E\u003Cbr \/\u003E1) На вкладке Дизайн - Изменить Html\u003Cbr \/\u003Ecтавим галочку на Расширить шаблоны виджета;\u003Cbr \/\u003E2) Находим строчку \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;b:include name='nextprev'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E3) И вставляем перед ней любой символ, я, например, поставила точку и у меня получилось вот так:\u003Cspan style=\"font-weight: bold;\"\u003E  .\u0026lt;b:include name='nextprev'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E4) \u003Cspan style=\"font-weight: bold;\"\u003EНажимаем Просмотр и убеждаемся, что  кнопки навигации вернулись на место.... и Сохраняем шаблон.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EЗвучит как шаманство - оно и есть шаманство, поэтому следующим шагом я полезла в англоязычный интернет, посмотреть может быть где-нибудь предложено более изящное решение, которое больше похоже на решение и нашла.\u003Cbr \/\u003E\u003Cbr \/\u003EИтак,\u003Cbr \/\u003E1) На вкладке Дизайн  кликаем на Изменить Html\u003Cbr \/\u003E2) Находим строчку \u003Cspan style=\"font-weight: bold;\"\u003E#blog-pager {\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eскорее всего блок кода связанный с этой строчкой будет выглядеть вот так:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003E#blog-pager {\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Etext-align: center;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E3) Вставляем во внутрь этого блока строчку  clear:both;\u003Cbr \/\u003E\u003Cbr \/\u003Eу нас получится:\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003E#blog-pager {\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Etext-align: center;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Eclear:both;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003E}\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E4) \u003Cspan style=\"font-weight: bold;\"\u003EНажимаем Просмотр и убеждаемся, что  кнопки навигации вернулись на место.... и Сохраняем шаблон\u003C\/span\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003EПервоисточник (по крайней мере для меня): \u003Ca href=\"http:\/\/www.ipietoon.com\/2010\/02\/how-to-fixed-newer-older-post.html\" target=\"_blank\"\u003EHow to Fix Older New Navigation?\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EII. Картинки вместо ссылок навигации.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E0) Заготавливаем картинки для навигации и загружаем их в \u003Ca href=\"http:\/\/blogger4you.blogspot.com\/2008\/09\/pictures-and-blogger.html\" target=\"_blank\"\u003Ephotobucket.com или еще куда-нибудь\u003C\/a\u003E.\u003Cbr \/\u003E1) На вкладке Дизайн - Изменить Html\u003Cbr \/\u003Ecтавим галочку на Расширить  шаблоны виджета;\u003Cbr \/\u003E2)\u003Cbr \/\u003Ea) \"Следующие\"\u003Cbr \/\u003E\u003Cbr \/\u003EНаходим в коде вот такую последовательность символов\u003Cspan style=\"font-weight: bold;\"\u003E \u0026lt;data:newerPageTitle\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eи заменяем её кодом картинки:\u003Cspan style=\"font-weight: bold;\"\u003E \u0026lt;img src=\"http:\/\/url_вашей_картинки_Следующие\" alt=\"Следующие\" title=\"Следующие\"\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eб) \"Предыдущие\"\u003Cbr \/\u003E\u003Cbr \/\u003EТеперь ищем в коде такое сочетане символов \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;data:olderPageTitle\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eи заменяем его на код картинки \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;img  src=\"http:\/\/url_вашей_картинки_Предыдущие\"  alt=\"Предыдущие\" title=\"Предыдущие\"\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eв) \"Главная страница\"\u003Cbr \/\u003E\u003Cbr \/\u003EНаходим в коде \"слово\" \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;data:homeMsg\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eи все вхождения этого слова заменяем на коды картинок: \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;img   src=\"http:\/\/url_вашей_картинки_Home\"  alt=\"Главная страница\"  title=\"Главная страница\"\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size:130%;\"\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003EВсем хороших праздников, \u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003Eа сильную половину читателей\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003EС Днем Защитника Отечества!\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003EСчастья вам! \u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255); font-style: italic;\"\u003EСвета\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cimg style=\"margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;\" src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/cat8.gif\" alt=\"Blogger: кошка.\" title=\"Пока, пока!\" border=\"0\" \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003EКомментарии и вопросы более чем приветствуются,\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003Eнужна помощь - поможем!   \u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/7488098525480306730\/comments\/default","title":"Комментарии к сообщению"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2010\/02\/blogger-how-to-fix-navigation-buttons.html#comment-form","title":"Комментарии: 49"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/7488098525480306730"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/7488098525480306730"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2010\/02\/blogger-how-to-fix-navigation-buttons.html","title":"Blogger: Кнопки навигации - чиним и рисуем."}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/S4LARdYsj0I\/AAAAAAAAJeE\/v8rq8y0Uws4\/s72-c\/back.gif","height":"72","width":"72"},"thr$total":{"$t":"49"}},{"id":{"$t":"tag:blogger.com,1999:blog-609368192660326797.post-4834640290602644713"},"published":{"$t":"2009-01-11T00:38:00.015+03:00"},"updated":{"$t":"2010-01-30T19:45:10.644+03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Картинки"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Красивости"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Немного о CSS"}],"title":{"type":"text","$t":"Blogger: Делаем картинку объемнее!"},"content":{"type":"html","$t":"\u003Cdiv style=\"margin: 0pt 10px 10px 0pt; float: left; width: 340px; font-size: 80%; color: rgb(0, 0, 153); font-weight: bold; text-align: justify;\"\u003E\u003Ccenter\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/SWuXtjNerDI\/AAAAAAAAFlg\/cBLjZxcQQaI\/s1600-h\/800px-Kievski_railstation.JPG\" rel=\"nofollow\"\u003E\u003Cimg style=\"border: 4px groove rgb(197, 166, 137); padding: 5px; cursor: pointer; width: 320px; height: 240px;\" src=\"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/SWuXtjNerDI\/AAAAAAAAFlg\/cBLjZxcQQaI\/s320\/800px-Kievski_railstation.JPG\" alt=\"\" id=\"BLOGGER_PHOTO_ID_5290488996078464050\" border=\"0\" \/\u003E\u003C\/a\u003E\u003C\/center\u003E\u003Cbr \/\u003E\u003Cobject id=\"audioplayer1\" data=\"http:\/\/junglebook2007.narod.ru\/audio\/player.swf\" wmode=\"transparent\" type=\"application\/x-shockwave-flash\" height=\"16\" width=\"180\"\u003E \u003Cparam value=\"http:\/\/junglebook2007.narod.ru\/audio\/player.swf\" name=\"movie\"\u003E \u003Cparam value=\"playerID=1\u0026amp;bg=0x67452E\u0026amp;leftbg=0xB3B3B3\u0026amp;lefticon=0xoooooo\u0026amp;rightbg=0x67452E\u0026amp;rightbghover=0x999999\u0026amp;rightcon=0xoooooo\u0026amp;righticonhover=0xffffff\u0026amp;text=0x666666\u0026amp;slider=0x8CA4C0\u0026amp;track=0x8CA4C0\u0026amp;border=0x666666\u0026amp;loader=0x9FFFB8\u0026amp;loop=no\u0026amp;autostart=no\u0026amp;soundFile=http:\/\/bards.pp.ru\/Suhanov\/Kareta\/11_Uezzhau_v_Leningrad.mp3\u0026amp;\" name=\"FlashVars\"\u003E \u003Cparam value=\"high\" name=\"quality\"\u003E \u003Cparam value=\"false\" name=\"menu\"\u003E \u003Cparam value=\"transparent\" name=\"wmode\"\u003E \u003C\/object\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EЭто песенка Александра Суханова\u003Cbr \/\u003E\"Уезжаю в Ленинград\", а вот по этой ссылке вы найдете еще много песенок этого замечательного барда:\u003Cbr \/\u003E\u003Ca href=\"http:\/\/bards.pp.ru\/Suhanov\/Kareta\/\" target=\"_blank\"\u003EАлександр Суханов(Зеленая карета, 1996)\u003C\/a\u003E \u003C\/div\u003E\u003Cspan style=\"color: rgb(0, 0, 153);font-size:130%;\" \u003E\u003Cspan style=\"font-weight: bold;\"\u003EУезжаю в Ленинград...\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EНа самом деле не в Ленинград, а в Киев.... на неделю и очень неожиданно. Уезжаем завтра вот с этого самого вокзала, который на картинке, взятой мной из статьи в Википедии \"\u003Ca href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%9A%D0%B8%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9_%D0%B2%D0%BE%D0%BA%D0%B7%D0%B0%D0%BB\" rel=\"nofollow\" target=\"_blank\"\u003EКиевский вокзал\u003C\/a\u003E\".\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EНо мой рассказ будет не о стиле неоклассицизма с элементами ампира, в котором был построен этот вокзал  более 90 лет назад и даже не о том как мне не хочется от вас всех уеэжать, хотя к некоторым читателям мы будем и ближе по крайней мере географически.... А расскажу я вам, как можно придать картинке в блоге некий 3D эффект.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EБороздя просторы интернета я как-то увидела  блог, в котором фотографии смотрелись особенно эффектно,  я решила с этим разобраться и вот что я выяснила. Оказывается эффект объемности во многом обусловлен \u003Cspan style=\"font-weight: bold;\"\u003Eрамкой для фотографии\u003C\/span\u003E. Я знаю, что многие фотохудожники публикуют свои фотографии в рамке. Способ неплохой, а даже очень хороший, его единственный недостаток в том, что все мы люди креативные и время от времени чувствуем острую необходимость поменять что-то в дизайне блога, а проще говоря сменить темплейт, шаблон или макет. И вот фотографии в старых рамках, могут выглядеть уже не столь эффектно - не так сочетаться с новым цветом фона и т.д.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EИтак, в прошлый раз (\u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2009\/01\/blogger-inscript-your-picture.html\"\u003EBlogger: Картинка с подписью!\u003C\/a\u003E), мы вспомнили немного о стилях \u003Cspan style=\"font-weight: bold;\"\u003ECSS\u003C\/span\u003E. Сегодня я покажу еще пару свойств которые можно добавить к стилю, описывающему вашу картинку или что угодно еще.\u003Cbr \/\u003E\u003Cbr \/\u003E1) padding - отступ\u003Cbr \/\u003E2) border - рамка\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003Eназначая для \u003Cspan style=\"font-weight: bold;\"\u003Epadding полжительное значение\u003C\/span\u003E в пикселях или процентах, мы заставляем наш объект в данном случае картинку немного \u003Cspan style=\"font-weight: bold;\"\u003Eсжаться - отодвинуться внутрь от её границ\u003C\/span\u003E. Граница же останется на месте и мы её даже покрасивее выделим, назначая какие-нибудь красивые значения для параметра \u003Cspan style=\"font-weight: bold;\"\u003Eborder\u003C\/span\u003E.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EВ этой статье я назначила параметру \u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E значение \u003Cspan style=\"font-weight: bold;\"\u003E5px\u003C\/span\u003E.\u003Cbr \/\u003EА рамку (\u003Cspan style=\"font-weight: bold;\"\u003Eborder\u003C\/span\u003E) описала следующими параметрами: \u003Cspan style=\"font-weight: bold;\"\u003E4px groove #6D5C4C\u003C\/span\u003E что значит толщина рамки 3px стиль рамки groove (гравированный), а это #6D5C4C номер цвета или он может записываться так же как rgb(197, 166, 137) - я без лишних затей взяла цвет, который уже используется в этом шаблоне. Вы, конечно подберете свой цвет для рамочки.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EКстати, оба параметра (\u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E и \u003Cspan style=\"font-weight: bold;\"\u003Eborder\u003C\/span\u003E) могут задаваться как для всех сторон сразу, так и для каждой стороны по-отдельности. Тогда они будут записываться так   \u003Cspan style=\"font-weight: bold;\"\u003Epadding-top, padding-bottom, padding-left, padding-right\u003C\/span\u003E для \u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E и тоже самое для \u003Cspan style=\"font-weight: bold;\"\u003Eborder  border-top,  border-bottom,  border-left,  border-right\u003C\/span\u003E.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EЕсли с \u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E почти все понятно, смотрим на картинку и чисто визуально решаем стоит ли нам еще чуть чуть увеличить или уменьшить отступ, то для \u003Cspan style=\"font-weight: bold;\"\u003Eborder\u003C\/span\u003E есть очень хорошая страничка показывающая возможности этого параметра \u003Ca href=\"http:\/\/www.tizag.com\/cssT\/border.php\" target=\"_blank\" rel=\"nofollow\"\u003ECSS Border\u003C\/a\u003E. А внизу странички там есть даже HTML-описание c рамочками, с которым можно поиграться и посмотреть на результат.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EКому читать на английском не интересно я быстренько нарисую какие бывают рамочки. Везде рамочки будут синего цвета и шириной 5px, чтобы лучше было видно.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px solid blue;\"\u003Estyle=\"border: 5px solid blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px double blue;\"\u003Estyle=\"border: 5px double blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px groove blue;\"\u003Estyle=\"border: 5px groove blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px dotted blue;\"\u003Estyle=\"border: 5px dotted blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px dashed blue;\"\u003Estyle=\"border: 5px dashed blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px inset blue;\"\u003Estyle=\"border: 5px inset blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px outset blue;\"\u003Estyle=\"border: 5px outset blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px ridge blue;\"\u003Estyle=\"border: 5px ridged blue;\"\u003C\/p\u003E\u003Cbr \/\u003E\u003Cp style=\"border: 5px hidden blue;\"\u003Estyle=\"border: 5px hidden blue;\" (рамочку видите? и правильно, что нет - она ведь спрятанная!\u003Cbr \/\u003E\u003C\/p\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EТеперь у вас уж точно есть то над чем можно поэкспериментировать.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EЭкспериментировать можно над любой картинкой в вашем блоге. Добавляем в параметр \u003Cspan style=\"font-weight: bold;\"\u003Estyle=\"\"\u003C\/span\u003E описания нашей картинки \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;img ... \u0026gt;\u003C\/span\u003E элемент \u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E (вот у меня было добавлено \u003Cspan style=\"font-weight: bold;\"\u003Epadding: 5px;\u003C\/span\u003E) и элемент \u003Cspan style=\"font-weight: bold;\"\u003Eborder\u003C\/span\u003E (у меня было как вы помните \u003Cspan style=\"font-weight: bold;\"\u003Eborder: 4px groove #6D5C4C; \u003C\/span\u003E)\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EИ наконец осталось решить хотим ли мы применять эти стили только для некоторых картинок (что равносильно примеру с фотохудожником, публикующим свои фотографии уже в рамке) или мы хотим применить эти стили для всех картинок в наших статьях, уже опубликованных и только задумывающихся... Как применить к одной фотографии, я уже рассказала. Чтобы заработало сразу для всех фотографий во всех статьях вашего блога, придется немного поменять макет\/дизайн.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EИтак, идем Панель инструментов, Дизайн, Изменить Html\u003Cbr \/\u003E1) Сохраняем текущее состояние нашего Шаблона (\u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/12\/blogger-save-and-restore-your-blogger.html\"\u003EBlogger: Сохраняем и восстанавливаем шаблон на Blogger(е)!\u003C\/a\u003E)\u003Cbr \/\u003E2) Теперь ищем в нашем шаблоне строчку: \u003Cspan style=\"font-weight: bold;\"\u003E.post img\u003C\/span\u003E\u003Cbr \/\u003Eпосле этой строчки в фигурных скобках будет \u003Cspan style=\"font-weight: bold;\"\u003ECSS\u003C\/span\u003E описание как выглядят картинки в ваших статьях. Измените значения для \u003Cspan style=\"font-weight: bold;\"\u003Epadding\u003C\/span\u003E и\u003Cspan style=\"font-weight: bold;\"\u003E border\u003C\/span\u003E, на те которые вам понравились в ходе предыдущего эксперимента. Нажмите \u003Cspan style=\"font-weight: bold; color: rgb(255, 102, 0);\"\u003EПРОСМОТР\u003C\/span\u003E посмотреть как это будет выглядеть и \u003Cspan style=\"font-weight: bold; color: rgb(255, 102, 0);\"\u003EСОХРАНИТЬ ШАБЛОН\u003C\/span\u003E если вы довольны результатом. Нажмите \u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003EУБРАТЬ ИЗМЕНЕНИЯ\u003C\/span\u003E если что-то вам не понравилось.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: rgb(51, 51, 255);font-size:130%;\" \u003E\u003Cspan style=\"font-weight: bold;\"\u003EВсем Любви и Удачи!\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EА я через 18 часов сажусь на поезд...\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; font-style: italic; color: rgb(51, 51, 255);\"\u003EСвета\u003C\/span\u003E\u003Cbr \/\u003E\u003Cimg style=\"margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;\" src=\"http:\/\/i201.photobucket.com\/albums\/aa306\/kylekeeton\/RussianBlooger\/cat1.gif\" alt=\"\" title=\"Пока, пока!\" border=\"0\" \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003EКомментарии и вопросы более чем приветствуются,\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003Eнужна помощь - поможем!   \u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/4834640290602644713\/comments\/default","title":"Комментарии к сообщению"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2009\/01\/blogger-3d-effect-for-your-pictupes.html#comment-form","title":"Комментарии: 30"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/4834640290602644713"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/4834640290602644713"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2009\/01\/blogger-3d-effect-for-your-pictupes.html","title":"Blogger: Делаем картинку объемнее!"}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_THosNXNQORw\/SWuXtjNerDI\/AAAAAAAAFlg\/cBLjZxcQQaI\/s72-c\/800px-Kievski_railstation.JPG","height":"72","width":"72"},"thr$total":{"$t":"30"}},{"id":{"$t":"tag:blogger.com,1999:blog-609368192660326797.post-4587411854129525104"},"published":{"$t":"2009-01-09T19:53:00.014+03:00"},"updated":{"$t":"2009-01-11T04:26:49.848+03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Картинки"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Начала HTML"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Немного о CSS"}],"title":{"type":"text","$t":"Blogger: Картинка с подписью!"},"content":{"type":"html","$t":"\u003Cdiv style=\"margin: 0pt 10px 10px 0pt; float: left; width: 310px; color: rgb(0, 102, 0); font-size: 80%; text-align: justify; font-style: italic; font-weight: bold;\"\u003E\u003Ccenter\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\" rel=\"nofollow\"\u003E\u003Cimg style=\"cursor: pointer; width: 300px; height: 225px;\" src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\" alt=\"\" border=\"0\" \/\u003E\u003C\/a\u003E\u003C\/center\u003EВот такие поделки из ненужных металлических предметов мы обнаружили с Кайлом на одном из московских авторынков.\u003Cbr \/\u003EУ Кайла в блоге можно найти целую коллекцию фотографий этих персонажей:\u003Cbr \/\u003E\u003Ca href=\"http:\/\/kylekeeton.com\/2008\/08\/russia-what-to-do-with-old-mufflers-and.html\" target=\"_blank\"\u003ERussia: What to do With Old Mufflers and Converters!\u003C\/a\u003E\u003C\/div\u003E\u003Cspan style=\"color: rgb(51, 51, 255);font-size:130%;\" \u003E\u003Cspan style=\"font-weight: bold;\"\u003EРасскажи больше...\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EАлександр, который ведет блог \u003Ca style=\"font-weight: bold;\" href=\"http:\/\/zapizki.blogspot.com\/\" target=\"_blank\"\u003EЗаписки европейца\u003C\/a\u003E, кстати очень интересный. Спросил меня как-то на днях (\u003Cspan style=\"font-style: italic;\"\u003Eну, по крайней мере уже в этом году\u003C\/span\u003E), как я делаю подписи к картинкам.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EДумаю, что и другим читателям это будет интересно. Для того чтобы делать подписи к картинкам нам надо будет припомнить все что мы знаем об Html (Стандартном языке разметки документов). Ну или хотя бы самое основное, что Html будучи языком раз\u003Cspan style=\"font-weight: bold;\"\u003Eметки\u003C\/span\u003E документов состоит из этих самых \u003Cspan style=\"font-weight: bold;\"\u003Eметок\u003C\/span\u003E, которые принято называть \u003Cspan style=\"font-weight: bold;\"\u003Eтэгами\u003C\/span\u003E \u003Cspan style=\"font-weight: bold;\"\u003E(tag)\u003C\/span\u003E. \u003Cspan style=\"font-weight: bold;\"\u003EМетки\u003C\/span\u003E (т.е. \u003Cspan style=\"font-weight: bold;\"\u003Eтэги\u003C\/span\u003E) бывают \u003Cspan style=\"font-weight: bold;\"\u003Eодиночными\u003C\/span\u003E (непарными) или \u003Cspan style=\"font-weight: bold;\"\u003Eпарными\u003C\/span\u003E. И всегда заключаются в угловые скобки - знаки меньше и больше \u0026lt; \u0026gt;.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EПримером \u003Cspan style=\"font-weight: bold;\"\u003Eодиночного - непарного тэга\u003C\/span\u003E может служить \u003Cspan style=\"font-weight: bold;\"\u003Eтэг\u003C\/span\u003E \u003Cspan style=\"font-weight: bold;\"\u003Eописания картинки\u003C\/span\u003E \u0026lt;img ...\u0026gt;, который говорит вот здесь у нас будет картинка, а внутри тэга записываются его параметры такие как адрес (т.е. где эта картинка лежит в интернете) - это обязательно, конечно, заголовок картинки (это надпись, которую ваш читатель увидит, если наведет мышкой на картинку) и т.д. подробно я об этом рассказывала в статье: \u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/09\/blogger-how-to-manage-picture.html\"\u003EBlogger: Меняем размер картинки!\u003C\/a\u003E. Очень рекомендую перечитать!\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EБольшинство же тэгов являются парными и это естественно, они отмечают начало и конец чего-то. Ну, например абзаца, или текста который является ссылкой (кстати, если вы не знаете как правильно оформить на Html ссылку пожалуйста сюда: \u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/09\/blogger-html-links.html\"\u003EBlogger: Начала HTML - Ссылки!\u003C\/a\u003E, но сегодня впрочем нам это не понадобится.) Парный тэг состоит из двух частей: метка начала тега \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;типтэга ...\u0026gt;\u003C\/span\u003E и метка конца \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;\/типтэга\u0026gt;\u003C\/span\u003E Типтэга - это несколько латинских букв  (иногда одна латинская буква). Так мы уже рассматривали:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cspan style=\"font-weight: bold;\"\u003Ea\u003C\/span\u003E - для ссылки  (парный)\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Eimg\u003C\/span\u003E - для картинки (непарный)\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Ecenter\u003C\/span\u003E - для позиционирования чего- либо по центру (парный)\u003Cbr \/\u003E\u003Cbr \/\u003EСамые любознательные могут посмотреть перечень \u003Ca href=\"http:\/\/www.htmlbook.ru\/html\/\" target=\"_blank\" rel=\"nofollow\"\u003Eвсех тегов Html\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EИ еще нам придется припомнить то немногое, что мы знаем об \u003Cspan style=\"font-weight: bold;\"\u003ECSS стилях\u003C\/span\u003E: \u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/11\/blogger.html\" target=\"_blank\"\u003EBlogger: Голография и раскрашивание скрипта!\u003C\/a\u003E. В общем-то,  идти по ссылке прямо сейчас не обязательно, все самое важное я скажу здесь.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cspan style=\"font-weight: bold;\"\u003EА самым важным является\u003C\/span\u003E то, что в \u003Cspan style=\"font-weight: bold;\"\u003Eлюбой Html тэг\u003C\/span\u003E можно добавить \u003Cspan style=\"font-weight: bold;\"\u003Eпараметр style\u003C\/span\u003E, в котором можно записать как мы хотим увидеть объект, описываемый этой меткой. Ну, например ширину и высоту картинки, величину, шрифт и цвет буковок в абзаце и т.д.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EНу вот, все подготовительные слова сказаны можно, наконец, переходить к картинкам с подписями:\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EЗагружаем картинку через \u003Cspan style=\"font-weight: bold;\"\u003EBlogger\u003C\/span\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E0) Меняем размеры картинки перетаскиваем её на нужное нам место;\u003Cbr \/\u003E1) Переходим из режима \u003Cspan style=\"font-weight: bold;\"\u003EСоздать\u003C\/span\u003E в режим \u003Cspan style=\"font-weight: bold;\"\u003EИзменить Html;\u003C\/span\u003E\u003Cbr \/\u003E2) Видим абракадабру от \u003Cspan style=\"font-weight: bold;\"\u003EBlogger'а\u003C\/span\u003E, описывающую нашу картинку. Я вот например увидела такую:\u003Cbr \/\u003E\u003Cblockquote\u003E\u0026lt;a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\"\u0026gt;\u0026lt;img \u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 0);\"\u003Estyle\u003C\/span\u003E=\"\u003Cspan style=\"font-weight: bold; color: rgb(0, 0, 153);\"\u003Emargin: 0pt 10px 10px 0pt;\u003C\/span\u003E \u003Cspan style=\"font-weight: bold; color: rgb(0, 0, 153);\"\u003Efloat: left;\u003C\/span\u003E cursor: pointer; \u003Cspan style=\"font-weight: bold; color: rgb(0, 102, 0);\"\u003Ewidth: 300pх;\u003C\/span\u003E height: 225px;\" src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\" alt=\"\" border=\"0\" \/\u0026gt;\u0026lt;\/a\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E3) Не пугаемся ничего, а окружаем этот текст, описывающий нашу картинку, парным Html \u003Cspan style=\"font-weight: bold;\"\u003Eтэгом описания блока:\u003C\/span\u003E \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;div style=\"\"\u0026gt;\u003C\/span\u003E - перед началом описания картинки и   \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E в конце описания.\u003Cbr \/\u003E\u003Cbr \/\u003E4) Теперь печатаем наш текст для описания картинки. Печатаем его между концом описания картинки и закрывающим тегом \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E5) Внимательно смотрим на описание картинки и находим в нем параметр \u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 0);\"\u003Estyle\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E6) Начинаем переносить, а некоторые  элементы копировать из стиля описания картинки в стиль описания блока.\u003Cbr \/\u003E\u003Cbr \/\u003EТак элемент описания отступов \u003Cspan style=\"font-weight: bold; color: rgb(0, 0, 153);\"\u003Emargin\u003C\/span\u003E мы \u003Cspan style=\"font-style: italic; font-weight: bold;\"\u003Eпереносим\u003C\/span\u003E из \u003Cspan style=\"font-weight: bold;\"\u003Estyle\u003C\/span\u003E картинки в \u003Cspan style=\"font-weight: bold;\"\u003Estyle\u003C\/span\u003E нашего блока. Не забываем про \u003Cspan style=\"font-weight: bold;\"\u003Eточку с запятой ;\u003C\/span\u003E (\u003Cspan style=\"font-weight: bold; font-style: italic;\"\u003Eпереносим\u003C\/span\u003E значит в стиле для картинки этого элемента уже не будет, а он будет только в стиле описания блока!)\u003Cbr \/\u003E\u003Cbr \/\u003EМы \u003Cspan style=\"font-style: italic; font-weight: bold;\"\u003Eпереносим\u003C\/span\u003E также элемент описания обтекания текстом \u003Cspan style=\"font-weight: bold; color: rgb(0, 0, 153);\"\u003Efloat\u003C\/span\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003EШирину картинки \u003Cspan style=\"font-weight: bold; color: rgb(0, 102, 0);\"\u003Ewidth\u003C\/span\u003E мы \u003Cspan style=\"font-weight: bold; font-style: italic;\"\u003Eкопируем\u003C\/span\u003E из \u003Cspan style=\"font-weight: bold;\"\u003Estyle\u003C\/span\u003E картинки в \u003Cspan style=\"font-weight: bold;\"\u003Estyle описания блока div\u003C\/span\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003EНу, вот и всё... Пожеланию в описание \u003Cspan style=\"font-weight: bold;\"\u003Estyle\u003C\/span\u003E для \u003Cspan style=\"font-weight: bold;\"\u003Ediv\u003C\/span\u003E можно добавить\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Etext-align: center;\u003C\/span\u003E или \u003Cspan style=\"font-weight: bold;\"\u003Etext-align: justify;\u003C\/span\u003E для размещения подписи по центру блока или выравниванию её по ширине получившегося столбца,\u003Cbr \/\u003E\u003Cbr \/\u003Ecolor:blue; - это будет цвет букв в нашем блоке - столбце. Конечно, blue взято для примера, вы туда подставите шестизначный код цвета или pink или еще английское название какого-нибудь другого красивого цвета (Про цвета я рассказывала здесь: \u003Ca target=\"_blank\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/11\/blogger-dobavim-cvetov-v-skript.html\"\u003EBlogger: Готовим краски для раскраски!\u003C\/a\u003E).\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EИ, пожалуйста, не забываем про точку с запятой в конце описания каждого свойства!\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eможно так же изменить величину шрифта в нашем блоке, путем добавления свойства\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003Efont-size: 80%;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Eа можно поставить \u003Cspan style=\"font-weight: bold;\"\u003Efont-style: italic;\u003C\/span\u003E это чтобы подпись была курсивом\u003Cbr \/\u003Eи добавить \u003Cspan style=\"font-weight: bold;\"\u003Efont-weight: bold;\u003C\/span\u003E  чтобы текст был  полужирным.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(0, 102, 0);\"\u003EНа сем моя фантазия иссякла, дорогие мои... Будут вопросы спрашивайте!\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic;\"\u003EА это получившийся в этой статье код (картинка и подпись):\u003C\/span\u003E\u003Cbr \/\u003E\u003Cblockquote\u003E\u003Cspan style=\"color: rgb(0, 0, 153);\"\u003E\u0026lt;div style=\"margin: 0pt 10px 10px 0pt; float: left; width: 300px; color: rgb(0, 102, 0); font-size: 80%; text-align: justify; font-style: italic; font-weight: bold;\"\u0026gt;\u003C\/span\u003E\u0026lt;a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\"\u0026gt;\u0026lt;img \u003Cspan style=\"color: rgb(0, 153, 0);\"\u003Estyle=\"cursor: pointer; width: 300px; height: 225px;\"\u003C\/span\u003E src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\" alt=\"\" border=\"0\" \/\u0026gt;\u0026lt;\/a\u0026gt;\u003Cspan style=\"color: rgb(51, 204, 255);\"\u003EВот такие поделки из ненужных металлических предметов мы обнаружили с Кайлом на одном из московских авторынков....\u003C\/span\u003E\u003Cspan style=\"color: rgb(0, 0, 153);\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EНебольшое добавление:\u003C\/span\u003E Раз уж у нас все так хорошо пошло, давайте сделаем совсем красиво!\u003Cbr \/\u003E\u003Cbr \/\u003E1) Увеличиваем ширину в  \u003Cspan style=\"font-weight: bold;\"\u003E\u0026lt;div\u0026gt;\u003C\/span\u003E пикселей на 10;\u003Cbr \/\u003E\u003Cbr \/\u003E2) а картинку окружаем \u003Cspan style=\"font-weight: bold;\"\u003Eтэгами размещения по центру \u0026lt;center\u0026gt; \u0026lt;\/center\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EВот теперь я вам рассказала абсолютно всё!\u003Cbr \/\u003EА вот это полученный улучшенный код:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote\u003E\u003Cspan style=\"color: rgb(0, 0, 153);\"\u003E\u0026lt;div style=\"margin: 0pt 10px 10px 0pt; float: left; width: \u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 255);\"\u003E310px\u003C\/span\u003E; color: rgb(0, 102, 0); font-size: 80%; text-align: justify; font-style: italic; font-weight: bold;\"\u0026gt;\u003C\/span\u003E\u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 255);\"\u003E\u0026lt;center\u0026gt;\u003C\/span\u003E\u0026lt;a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\"\u0026gt;\u0026lt;img \u003Cspan style=\"color: rgb(0, 153, 0);\"\u003Estyle=\"cursor: pointer; width: 300px; height: 225px;\"\u003C\/span\u003E src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/100_3528-3.jpg\" alt=\"\" border=\"0\" \/\u0026gt;\u0026lt;\/a\u0026gt;\u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 255);\"\u003E\u0026lt;\/center\u0026gt;\u003C\/span\u003E\u003Cspan style=\"color: rgb(51, 204, 255);\"\u003EВот такие поделки из ненужных металлических предметов мы обнаружили с Кайлом на одном из московских авторынков....\u003C\/span\u003E\u003Cspan style=\"color: rgb(0, 0, 153);\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size:130%;\"\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255);\"\u003EВсем удачи и здоровья!\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(51, 51, 255); font-style: italic;\"\u003EСвета\u003C\/span\u003E\u003Cbr \/\u003E\u003Cimg style=\"margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;\" src=\"http:\/\/i201.photobucket.com\/albums\/aa306\/kylekeeton\/RussianBlooger\/cat1.gif\" alt=\"\" title=\"Пока, пока!\" border=\"0\" \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003EКомментарии и вопросы более чем приветствуются,\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003Eнужна помощь - поможем!   \u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/4587411854129525104\/comments\/default","title":"Комментарии к сообщению"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2009\/01\/blogger-inscript-your-picture.html#comment-form","title":"Комментарии: 15"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/4587411854129525104"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/4587411854129525104"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2009\/01\/blogger-inscript-your-picture.html","title":"Blogger: Картинка с подписью!"}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/th_100_3528-3.jpg","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-609368192660326797.post-1703665483411703385"},"published":{"$t":"2008-11-04T21:38:00.003+03:00"},"updated":{"$t":"2009-12-23T00:50:02.084+03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Favicon"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Картинки"}],"title":{"type":"text","$t":"Blogger: Если вы \"потеряли\" Favicon!"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: center;\"\u003E\u003Cimg style=\"margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 80px;\" src=\"http:\/\/i201.photobucket.com\/albums\/aa306\/kylekeeton\/baer-0008.gif\" alt=\"\" border=\"0\" \/\u003E\u003Cspan style=\"color: rgb(51, 51, 255);font-size:130%;\" \u003E\u003Cspan style=\"font-weight: bold;\"\u003EМедведь опять в строю!\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cspan style=\"font-weight: bold;\"\u003EВсем доброго времени суток!\u003C\/span\u003E Кто уже давно читает этот блог знают, что символом \u003Cspan style=\"font-weight: bold;\"\u003Eэтого\u003C\/span\u003E и всех наших с Кайлом блогов является этот танцующий мишка. Он у нас на каждой странички нашего блога пляшет слева на командной строке. [Такая картинка отображающаяся на командной строке и в закладках называется Favicon].\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EПодробно о Favicon я уже писала и рассказывала как установить их в своем блоге:\u003Cbr \/\u003E1) \u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/09\/favicon-for-blogger.html\" target=\"_blank\"\u003EFavicon для Блоггера!\u003C\/a\u003E\u003Cbr \/\u003E2) \u003Ca style=\"\" href=\"http:\/\/blogger4you.blogspot.com\/2008\/09\/favicon-internet-explorer.html\" target=\"_blank\"\u003EFavicon для Internet Explorer!\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EИ теперь представьте мое расстройство, когда буквально на днях вместо пляшущего на командной строке медведя я обнаружила оранжевую \u003Cspan style=\"color: rgb(255, 102, 0);font-size:130%;\" \u003E\u003Cspan style=\"font-weight: bold;\"\u003EВ\u003C\/span\u003E\u003C\/span\u003E. Поймите меня правильно, я ничего не имею против символа Blogger'а, я горжусь, что сайт ведется на Blogger'e и даже поставила у себя баннер \u003Cspan style=\"font-weight: bold;\"\u003E\"I POWER BLOGGER\"\u003C\/span\u003E, но favicon на сайте - это то что я всегда хотела иметь! И чему уже научила своих читателей, а тут...\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EТак что сегодня я провела некоторое исследование в интернете пытаясь понять все ли блоги, ведущиеся на Blogger'e \"потеряли\" свои favicon и как с этим бороться.\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EВсе так\u003C\/span\u003E: вокруг уже много блоггеров, жалующихся на эту проблему, а она похоже возникла только на прошлой неделе! И уже найдено решение (\u003Ca href=\"http:\/\/blogger-tricks.blogspot.com\/2008\/10\/fix-for-missing-favicon.html\"\u003EFix for \"missing\" favicon\u003C\/a\u003E):\u003Cbr \/\u003E\u003Cbr \/\u003EПросто переместите код, описывающий вашу \u003Cspan style=\"font-weight: bold;\"\u003Efavicon\u003C\/span\u003E в конец заголовочной секции, т.е. непосредственно перед \u003Cspan style=\"font-weight: bold;\"\u003E\u0026#60;\/head\u0026#62;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EУ меня это получилось так:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote\u003E\u0026#60;\/b:skin\u0026#62;\u003Cbr \/\u003E\u003Cbr \/\u003E \u003Cspan style=\"font-weight: bold;\"\u003E\u0026#60;link href='http:\/\/junglebook2007.narod.ru\/baer11.ico' rel='shortcut icon' type='image\/x-icon'\/\u0026#62;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003E \u0026#60;link href='http:\/\/i201.photobucket.com\/albums\/aa306\/kylekeeton\/baer-0008.gif' rel='icon' type='image\/gif'\/\u0026#62;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026#60;\/head\u0026#62;\u003Cbr \/\u003E\u003Cbr \/\u003E \u0026#60;body\u0026#62;\u003C\/blockquote\u003E\u003Cspan style=\"font-weight: bold;\"\u003EНадеюсь кому-нибудь это поможет!\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold;\"\u003EБудут вопросы спрашивайте!\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size:130%;\"\u003E\u003Cspan style=\"font-weight: bold;\"\u003EА пока всем удачи!\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; font-style: italic;\"\u003EСвета\u003C\/span\u003E\u003Cbr \/\u003E\u003Cimg style=\"margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;\" src=\"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/cat8.gif\" alt=\"\" title=\"Пока, пока!\" border=\"0\" \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003EКомментарии и вопросы более чем приветствуются,\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-style: italic; color: rgb(51, 51, 255);\"\u003Eнужна помощь - поможем!   \u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger4you.blogspot.com\/feeds\/1703665483411703385\/comments\/default","title":"Комментарии к сообщению"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2008\/11\/blogger-favicon.html#comment-form","title":"Комментарии: 24"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/1703665483411703385"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/609368192660326797\/posts\/default\/1703665483411703385"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger4you.blogspot.com\/2008\/11\/blogger-favicon.html","title":"Blogger: Если вы \"потеряли\" Favicon!"}],"author":[{"name":{"$t":"Kyle and Svet Keeton"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06359738771026616680"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"17","src":"http:\/\/2.bp.blogspot.com\/-gMGj0LuKuKQ\/Uum2PMUCQ5I\/AAAAAAAAMJg\/e-ZFQT2vLIE\/s1600\/*"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/i400.photobucket.com\/albums\/pp90\/peppy200\/Blogger4You\/th_cat8.gif","height":"72","width":"72"},"thr$total":{"$t":"24"}}]}});