красивый блог

    Хочу поделиться с вами полезной ссылкой - хозяйка блога делится своим опытом в виде семи уроков, как изменить\улучшить\преобразить оформление блога. Особенно полезно будет для новичков - она довольно доступно и понятно все описывает. Может кому пригодится :)

автокоррекция фото в пикасе

   В предыдущем посте внезапно заметила, что загружаемые в пикасу фото стали какой-то  непонятной расцветки 0_о

    Я, конечно, понимаю, что они хотели как лучше, но кто сказал, что их яркость, контрастность и насыщенность неизвестной величины нужны мне по умолчанию во всех фотографиях. Может я хочу передать цвета так, как они выглядят в живую. Есть у меня такое странное желание =).

    Пересмотрела старые фото - вроде нормальные, а свежезагруженные - какая-то чортишта 0_о. Пошла гуглить. Оказалось, что пикаса применяет автокоррекцию к загружаемым фото. Как давно она это делает сказать не могу, но я заметила только вот сейчас :). Возможно у меня только сейчас эта настройка, хз по какой причине, включилась. Но народ, похоже, еще в мае задавался этим вопросом. И настройка эта, как можно было бы логично подумать, находится совсем не в настройках пикасы, а в настройках профиля гугл+. Вобщем, может еще кому пригодится, убирается оно так: открываем себя в гугл+, слева выбираем нижний пункт меню "Настройки" и прокручиваем вниз до подраздела "Фотографии", находим пункт "Автокоррекция" и снимаем с него галочку. Все последующие фото буду загружаться без изменений. Можно еще снять автокоррекцию отдельно с определенной фотки, но это ж неудобно когда их загружаешь десятками. 

и опять про Google Reader

    Сегодня сделала марш-бросок по поиску замены Google Reader. Пересмотрела штук 20 разных

 RSS читалок. Предпочтение отдавалось тем, у которых был импорт подписок из OPML файла или напрямую из профиля  Google. Кратко мое мнение про опробованные, в которые все же удалось импортировать подписки и хоть немного зацепили остаться в них и посмотреть что к чему:

- яндекс-лента - тормоз, не закрывает предыдущий прочитанный пост, не нравится дизайн

- feedly - многие хвалили, но он не во всех браузерах работает, в том числе и моем, иногда самовольно отмечает новые сообщения уже прочитанными (похоже идет какая-то синхронизация с гугл ридером и отмечает прочитанным то, что было прочитано в гуле) , единственный из всех, кто импортировал не только подписки, но и сообщения из избранного 0_о

- bloglovin - пользоваться неудобно, потому что статьи идут только в виде превью, а полная версия открывается на новой странице.

- rssowl - локальный, т.е. скачивается на комп програмка, в нее импортируются подписки и там уже все читается. Понравилась, много всяких настроек, удобный, но хотелось таки найти что-то браузерное, а так - отличная альтернатива, если бы не нашли ничего подходящего, перешли бы с мужем на нее.

- netvibes - вроде удобный, но подтормаживает и непонятные непрочитанные сообщения иногда возникали

- feedspot - на первый взгляд вроде удобный,  тоже немного подтормаживает

- bazqux - хорош, похож, понравился, платный :(

- the old reader - а вот это очень и очень похоже на ридер старого образца, если вы помните его еще до 2011 года :) У него есть логин с помощью профиля Google, что очень удобно, и импорт подписок из  OPML файла. Остановились пока на нем. Посмотрим, может какие косяки вылезут в процессе работы, т.к. он еще только в beta версии.

    А как у вас дела обстоят? Нашли замену или еще в поиске? Или не заморачиваетесь пока не наступил час Х ?

 UPD 16.08.2013: в результате мы ушли в AOL ридер. Он тоже еще бета, но очень живенько в нем все правится и учитывается конструктивная критика. Да и сама компания AOL и ее репутация вселяют надежду на продуктивное будущее :) (с олд ридера ушли, потому, что он в какой-то момент не выдержал наплыва посетителей и сделался платным, при этом не правя указанные им баги длительное время)

Contact form

    Недавно появился новый виджет - Contact form. С его помощью можно быстро и просто отправить текстовое сообщение на email автора блога (если их несколько, то всем сразу), в том случае, конечно, если автор его себе установил :) Очень удобно, не светя свой email  спамерам можно получать письма. Заполняется всего три поля: имя отправителя, ваш email, текст письма и жмем кнопку отправить.

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

    Фон прозрачен, цвета текста берутся из настроек блога, так что по дизайну впишется в любое оформление. Единственное, что может вызывать когнитивный диссонанс, это синий цвет кнопки "Отправить". Ну и еще язык в названиях полей устанавливается тот, что установлен в блоге, а он не всем может быть понятен. У меня украинский - заменила на английский. Ниже опишу как.
    Если оно вам не надо, то дальше можно не читать =)

Новый HTML-редактор шаблонов Blogger

    В Блогере что-то делается, изменяется и это наводит на мысли о том, что хоть в ближайшем будущем его не постигнет судьба Ридера. Ридер - мы тебя помним и скорбим :(

    В этот раз изменения коснулись HTML-редактора шаблонов. Там добавились: нумерация строк кода, автоматические отступы для лучшей ориентации в коде, подсветка синтаксиса, разворачивание и сворачивание "блоков" кода.  Изменения вроде бы хорошие, должно стать удобнее и проще ориентироваться в коде. Я еще не пробовала разбираться,  но выглядит оно как ацкая сотона =)  Детальнее можно почитать тут, тут или тут.

    Еще в гугловской учетной записи появилась новая настройка - что с ней делать на случай... на всякий случай. Суть настройки заключается в том, что "раз с владельцем аккаунта может случиться нечто, после чего к учётной записи нельзя будет получить доступ никому, то на выбор предлагаются два варианта - все данные аккаунта (письма, фото, видео...) будут переданы доверенному лицу, которое необходимо указать, либо - по прошествии указанного срока бездействия - данные пользователя будут удалены окончательно и бесповоротно." Детальнее тут. Настройка тут.

Печаль, печаль, огорчение

    Плохая новость, барышни - RSS-читалку Google Reader закроют :(

    1 июля 2013 года будет закрыта читалка RSS-потоков Google Reader. Об этом сообщается 13 марта в официальном блоге Google.
    Корпорация поясняет, что в последние годы активность использования сервиса упала. Пользователи смогут экспортировать свои данные, в первую очередь подписки, через специальный сервис.
    О закрытии Google Reader было объявлено в ходе очередной «весенней чистки», которую Google проводит раз в несколько месяцев. Кроме RSS-читалки, корпорация в ближайшие месяцы закроет еще семь продуктов.

источник

    Удобно было... Ну что ж, до 1 июля у нас есть еще 3 месяца на то, чтобы свыкнутся с этой мыслью и найти замену :(

UPD 10:54 : вот тут Оля хорошо описала как пока можно создать архив подписок.

UPD 16:37 : а вот тут народ собирает подписи, чтоб не закрывали :)

Постоянные ссылки

    Разработчики Blogger обрадовали новостью. Теперь у нас есть возможность управлять именем файла страницы.

    До сих пор адрес страницы генерировался автоматически. Писала как-то про это тут.

    Если название страницы написано на кириллице, то в адресной строке отображался такой адрес страницы:

http://название-блога.blogspot.com/год/месяц/blog-post_дата.html

    Если в названии попадалось хотя бы несколько символов на латинице, то пост автоматически назывался ими. Эта особенность использовалась, для того чтобы придать URL сообщений осмысленный вид. Сначала заголовок сообщения писался латиницей, а после публикации быстро переименовывался.

    Теперь в настройках сообщения появилась возможность задать пользовательский URL. Вот как это выглядит:

    Если хотим "осмыслить" имя страницы, выбираем справа пункты "Постоянная ссылка" - "Пользовательский URL" и в поле для ввода, которое откроется, вписываем на латинице нужное слово. Выше сразу появится URL страницы, как он будет выглядеть после публикации. Если вы считаете, что смысла в этом нет никакого, то можете просто оставить всё как есть - "Автоматический URL". Но имя файла страницы учитывается поисковиками и влияет на результаты поиска и если для вас это важно, то теперь редактировать его намного проще.

зы: после публикации сообщения  URL изменить уже нельзя. 

древовидные комментарии

    Ура, наконец-то это свершилось! Blogger объявил о запуске дерева комментариев! Спасибо ему за это БОЛЬШОЕ! 

    Вот только оказалось, что не во всех шаблонах оно работает. Например у меня не работало =) Кнопки "Ответить" под комментарием небыло, только "Удалить". Хотя в настройках все было как надо.

    Не знаю чем отличился мой шаблон, но если у вас та же петрушка, а древовидных комментариев хочется - вам сюда, решение очень простое. Проверено на себе - работает =)

    Удачи!

монитор

    У меня новый монитор. А с ним и новые вопросы по оформлению блога 0_о

    Вот наглядное фото как было и как стало:

     Т.к. делала блог "резиновым" то он растянулся под новое разрешение Иначе была бы узкая полоска блога посредине, а все остальное место просто в горошек. А вот изображения и панель слева, по сравнению со всем остальным, стали казаться меньше, хотя в точках количество старое... И цвета немного другие...

    И я вот теперь хз какого размера фото делать, побольше, или поменьше?.. Ориентироваться на свои новые параметры или думать о том, как будет у других?.. Отображается то у всех по-разному. Но ведь всем и не угодишь... Надо будет подумать над этим вопросом...
    А какой у вас монитор? И как вы поступаете в данной  ситуации?

ie

    Криво отображался блог в интернет експлорере, все не могла понять почему. А тут, с помощью мужа, была обнаружена такая строка в коде шаблона:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

    Удалили ее и, о чудо 0_0 , все стало на свои места и вся кривизна улетучилась в неизвестном направлении. Со слов мужа, этот тег заставляет отображаться сайт так, как он отображался бы в ие7, со всеми его глюками  и зачем оно там есть непонятно. Вобщем рекомендую вам сделать то же самое. Хотя, если не заморачиваться насчет корявого ие, то можно ничего не трогать, на отображении в других браузерах оно не сказывается.

похожие сообщения с миниатюрами

    Конспектирую новые изменения в шаблоне.

    Добавила себе внизу сообщений такую штуку - похожие сообщения с миниатюрными изображениями:

     Когда задалась вопросом "где это взять?", сразу ринулась к блогеру, думала есть такой гаджет, что-то типа "похожие сообщения" - нет такого. Пошла по блогам, смотреть, кто\что\как это сделал. Обнаружила два способа - простой и не очень.

ПЧ

    Нда, таки оказывается есть ограничение в количестве блогов, где ты можешь стать ПЧ - это 300 штук. Чорт!  Буду делать "генеральную уборку"...

"резиновый" блог

   Увидела как мой блог выглядит на мониторе у мужа 0_0 и сделала ширину сайта в зависимости от разрешения монитора, так называемый "резиновый" дизайн. Способ решения найден тут.

    Заходим "Дизайн" - "Изменить HTML" - находим:

/* Content
----------------------------------------------- */

    После него вносим - для группы шаблонов "Простая", "Венецианское окно" и "Путешествие" (это я и использовала):

body {
padding-left: 10px;
padding-right: 10px;
}
html body .content-outer {
max-width: 100%;
}

Только вместо 100% поставила 90% - 100 уж слишком широко =) 

Для "Корпорация "Чудеса"" и "Водяной знак":

html body .region-inner {
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}
 

Для шаблона "Лёгкость" нужно внести более сложные изменения. (их не обнаружено)

Еще сделала меню вкладками.  Использовала для гаджетов "Метки" и "Страницы" сверху, и внизу гаджеты "Постояные читатели и "Список блогов" объеденины - занимают меньше места. 

И еще добавила вот такую штуку - тыц:

- сюда можно прятать и текст и картинки
- как сделать такое написано ---> тут

ЗЫ: записываю это все, чтобы помнить, что я делала с блогом, а то щас поймала себя на том, что не могу найти нужное мне изменение 0_о  Ну и, может, кому будет интересно или полезно =)

рррр...

    Позаглядывав некоторое время в другие блоги и обустраивая свой, вынесла для себя несколько вещей в оформлении и организации, которые не нравятся, а иногда просто бесят! Это, конечно, лично мои раздражители и не исключено, что кому-то это совсем не мешает и более того нравится =) Но, накопилось.

    Во-первых, это отсутствие постраничной навигации. Кнопки "Предыдущая", "Следующая" и их вариации на разных языках можно нажимать бесконечно, совершенно не ориентируясь как далеко ты находишься от начала или конца. Это можно исправить различными скриптами и "костылями" в коде страницы, но полноценно оно работать не будет :( Странно, почему разработчики Blogger решили сделать навигацию именно в таком виде? Ррррр...

    Во-вторых, прозрачный фон сообщений. Я понимаю, что фоном для своего блога вы установили очень красивую картинку и увидеть ее должны все! Но, как читать текст, если буквы не разобрать на фоне цветочков, узочиков и хз чего еще 0_о Вот всегда было интеренсо, сами то владельцы таких блогов видят как это выглядит, неужели они считают такое оформление читабельным? Сюда же можно отнести и темный шрифт на темном фоне, ОГРОМНЫЙ или маленький шрифт всего блога... Когда попадается блог, где в одну строку из-за размера шрифта влезат 4-5 слов, сразу понимаешь - у человека, видимо, плохое зрение, и он сделал это чтобы ему было удобно. Вот только врядли человек блог завел чисто для себя и своего удобства. А вот мелкому шрифту обьяснения не нашла... Может настройки разрешения экрана? Также, еще заметила, что почему-то тяжело для глаз читать блог с черным фоном.

    Отдельного пункта заслуживает музыка. Сидишь себе, под любимую музыку или в тишине! бродишь по сайтам и тут БАЦ! на всю громкость врубается чья-то, по его мнению класная  подчеркивающая атмосферу сайта, любимая музыка 0_о Зачем?! Вот какой мне должен быть кайф несколько раз подряд без остановок прослушать что-то во время нахождения на таком сайте? И очень редко можно найти кнопку отключения звука :( 

    Куча гаджетов. Слева, справа, вверху, внизу, в два столбика... В большинстве из них не вижу смысла. Например гаджет поиска по блогу - зачем его устанавливать если сверху в панели управления установлен поиск по умолчанию? То же и с гаджетом "Постоянные читатели" - ну разве только чтобы показать цыфру сколько их у меня =) Если вы убрали панель управления, тогда вопросов нет =) Сюда же отнесу и всякие блестящие, мерцающие и мигающие картинки-анимашки. Иногда, пока дождешься загрузки всех свистелок и перделок, может пройти несколько минут. 

    Гаджет "список блогов" - гм, есть же в настройках отображать 5-10-25 блогов из последних обновленых и внизу появляется кнопочка "Показать все" если мне станет интересно пересмотреть все ваши стопицот любимых блогов - зачем эта длинююююющая колонка, которая уходит вниз намного опережая сообщения в блоге? Кстати, где-то читала, что максимум их может быть 300, никто не в курсе?

    Большая картинка в заголовке блога на весь экран... На каждой странице ее нужно прокручивать и прокручивать, чтобы наконец добраться до содержимого блога :(

    Капча при написании коментариев. Не столько она сама, сколько то, что буквы там латинские и ради ее прохождения нужно менять язык... О, еще по поводу коментариев, не нравится когда форма для их написания открывается в отдельном окне.

     Вооот.

    Не нравится - не заходи, я считаю, тут не вариант, ведь содержание блогов то интересное, а вот оформление бывает разное... Ведь, как известно, на вкус и цвет...

    Конечно, это только мое личное мнение, а не руководство к действию. И каждый делает со своим блогом то, что считает нужным и удобным лично для себя =) Да и свой я не считаю идеальным и образцом для подражания. Но так хочется стремиться к идеалу =) Не принимайте близко к серцу. Буду рада услышать ваше мнение по даному поводу.

зы: что-то много букаф я тут понаписала...

favicon

    Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Традиционно использовались изображения размера 16×16 пикселей формата ICO. Чаще всего в качестве фавикона используется логотип сайта.

    В BLOGGERе он у всех по умолчанию стандартный: Но его можно изменить на что

угодно, вот так:

1. Выбираем изображение, которое хотим сделать фавиконом-символом сайта.

2. Если оно расположено на компютере - заливаем его на какой-нибудь хостинг картинок.

3. Теперь в блоге, на панели инструментов, нажимаем "Дизайн", там нажимаем "Изменить HTML". В открывшемся тексте ищем строчку с текстом </head>. Сразу перед этой строчкой вставляем строчку с текстом:

<link href='адрес изображения' rel='icon' type='image/формат изображения'/>

    Вместо слов "адрес изображения" вставляем адрес вашей картинки, вместо слов "формат изображения" вставляем формат картинки ( png, gif, jpg и т.п.)

     В моем случае получилось так: <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUtM0xaP5zLfnNNRJQGFr83qY2o8iOVeNv8EMd8NrS4m7EtenZN10YjwL3BJ-CWEEEqU950KnTBiCaHgjTfMZzK_t-CmFjorfYJGWflLI6_w5rovAszuxvFrsop31h2fbPpjlfR74Omvt4/s128/743.jpg' rel='icon' type='image/jpg'/> - у изображения формат jpg, следовательно в конце строки также прописан формат jpg.

    Адрес изображения получаем нажав на выбраной картинке правой клавишей мышки и выбрав пункт меню "Копировать адрес изображения".

4. Нажимаем "Сохранить шаблон", открываем блог, любуемся.

    Надеюсь кому-то пригодиться =)

    р.s. отдельная история как сделать, чтобы работало и в Internet Explorer - он у нас, как всегда, отличился в плане своего понятия как все должно работать, решение тут.

    UPD: 26.07.2011

    Blogger облегчил нам жизнь и официально разрешил использовать свой персональный favicon. Заходим "Дизайн" и вверху слева в углу есть кнопка "Значок". Нажимаем "Изменить" и выбираем нужную нам картинку на своем компьютере - она и будет вашим официальным фавайконом блога.

    Странно только, что оно не принимает изображения в формате .ico, что собственно есть стандартом для favicon ...  

Постраничная навигация для Blogger

    Ура! Наконец-то я нашла как сделать это!

    Очень уж мне не нравится, когда я не знаю сколько мне еще страниц предстоит листать нажимая кнопку "Предыдущие". И вот я нашла как можно решить этот вопрос у себя в блоге.

    Если кому-то тоже интересен вариант решения даного вопроса - вам сюда. Делать все пошагово как там написано и будет вам счастье =)

    Отдельное спасибо всем знающим, которым не лень поделиться знанием с окружающими!

имена страниц сообщений

    Сейчас, если название страницы написано на кирилице, то в адресной строке отображается такой адрес страницы:

http://название-блога.blogspot.com/год/месяц/blog-post_дата.html

    Он составляется автоматически. Если в названии попалось хотя бы несколько символов на латинице, то пост автоматически называется ими.

    Название, типа blog-post_17, ничего в себе не несет, а поисковики любят осмысленные имена страниц. На первые страницы поисковика, по некоторым запросам, можно попасть даже благодаря названию страницы и её адреса. Для этого необходимо сделать так, чтобы адрес имел смысл не только по дате, но и по теме страницы.

    Поэтому когда публикуем пост - просто пишем название латиницей, публикуем, а после публикации нажимаем "Изменить сообщение", после чего изменяем название поста на кирилицу.

    Всё будет так же, за исключением того, что адрес страницы будет уже со смыслом:

http://natttaxa.blogspot.com/2011/01/imena-stranitz-soobshenij.html

найдено тут 

   UPD 21.07.2012: Разработчики Blogger порадовали новостью. Теперь у нас есть возможность управлять именем файла страницы. 

Как убрать лишнее

    Как убрать строку "Подписаться на: Комментарии к сообщению (Atom)" внизу блога:

"Дизайн" - "Изменить HTML" - галочка "Расширить шаблон элементов управления" - находим :

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/>(<data:f.feedType/>)</a>
</b:loop>
</div>

Удаляем, сохраняем. После этого ссылка внизу блога исчезнет.


    Как спрятать панель навигации:
"Дизайн" - "Изменить HTML" - находим строку :

]]></b:skin> 


перед ней вставляем :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

    В обычном случае скрывается Navbar, но показывается при наведении мыши. Работает не во всех браузерах, где он не работает, Navbar остается просто видимым.

    Решение проблемы: если написать больше двух сообщений в день, дата публикации на главной странице общая :

"Дизайн" - "Изменить HTML" - галочка "Расширить шаблон элементов управления" - находим :

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</h2>
</b:if>

заменяем на :

<b:if cond='data:post.dateHeader'>
<script>var data1 = '<data:post.dateHeader/>';</script>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(data1);</script>
</h2>
 </b:if>

    Как удалить виджет Attribution:

"Дизайн" - "Изменить HTML" - галочка "Расширить шаблон элементов управления" - находим строку :

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

и удаляем ее и все, что идет после нее до </b:widget> включительно.

    Убрать слово "Комментирует..." :
 нужно изменить строку

<data:commentPostedByMsg/>
на
<!--<data:commentPostedByMsg/>-->

    Заменить "коммент." на "комментария". 
 Для того, чтобы окончание всё же присутствовало, код между <h4>...</h4>:

<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>

меняем на:

<b:if cond='data:post.numComments == 0'>
Нет комментариев.
<b:else/>
<b:if cond='data:post.numComments &gt; 20'>
<data:post.numComments/> <script>
if(<data:post.numComments/> / 10 % 10 == 1) document.write(&quot;комментариев&quot;); else
switch(<data:post.numComments/> % 10){
 case 1: document.write(&quot;комментарий:&quot;); break;
case 2:
case 3:
 case 4: document.write(&quot;комментария:&quot;); break;
  default: document.write(&quot;комментариев:&quot;);
}
</script><noscript><data:commentLabelPlural/></noscript>
<b:else/>
<b:if cond='data:post.numComments == 1'>
 <data:post.numComments/> комментарий:
<b:else/>
<b:if cond='data:post.numComments &lt; 5'>
 <data:post.numComments/> комментария:
<b:else/>
 <data:post.numComments/> комментариев:
</b:if></b:if></b:if></b:if>

слова   комментарий,  комментария,  комментариев, Нет комментариев - можно менять на любые другие.

  найдено тут, тут, тут, тут  и тут

Изменение отображения названия поста на странице

    Когда мы открываем страницу сообщения блога на движке blogspot, то мы видим в заголовке страницы (сверху в названии папки браузера и во вкладке самой страницы):

Название блога: Название поста.

    Когда у читателя открыты срезу несколько вкладок с вашего блога (а мы надеемся что такое возможно), то ему не очень удобно ориентироваться по ним, т.к. на всех них написано название блога (а когда вкладок несколько то он видит только их начало).

Это можно изменить и сделать отображения вида:

Название поста.

    Т.е. без повторяющегося предисловия в виде названия блога. Название блога и так отображается когда открыта главная страница.

    Кроме этого, кое-кто говорит, что повторяющиеся заголовки плохо влияют на восприятие информации поисковыми машинами. Поэтому имеет смысл немного изменить код, чтобы исправить ситуацию хотя бы по отношению к пользователю.

    На панели инструментов, нажимаем "Дизайн", там нажимаем "Изменить HTML". В открывшемся тексте ищем строку:

<title><data:blog.pageTitle/></title>

И эту строку мы заменяем на:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

    Сохраняем шаблон и открываем какой-нибудь свой пост. В названии отображается название поста без названия блога. Всё.

найдено тут