30.12.08

Blogger: Youtube видео в вашем блоге!

16 comments

Здравствуйте!

Это волшебное видео, которое мы с Кайлом сделали ровно год назад, наш Новогдний подарок для дорогих читателей:




Это видео мы опубликовали на youtube.com. Youtube может быть не является самым лучшим сервисом для хранения видео, но, наверняка, он самый популярный. Он постоянно развивается, и почти каждый месяц они предлагают своим пользователям новые возможности.

Сегодня, как автор видеоблога (Russian Video from Russia), я поделюсь с вами опытом как я публикую видео из Youtube. Взгляните на эту картинку поближе:



Многие из вас знают, что чтобы вставить видео в свой пост надо скопировать HTML код из строчки под описанием видео. И вставить его в свою статью в режиме "Изменить Html". Полученный код можно окружить тегами: <center> ... </center> и видео будет размещено посередке. А можно видео заключить в теги <div style="text-align:left"> ... </div> тогда ваше небольшое видео текст будет обтекать справо или слева смотря, что вы выбирите. Ну, ладно, я тут немного отвлеклась, а рассказать я вам хотела:

Что рядом с HTML кодом есть маленькая кнопочка с нарисованным на ней колесиком или солнышком (кому как приятнее считать). И вот перед тем как копировать код для вставки в блог, выбранного вами, видео по этой кнопочке просто НЕОБХОДИМО кликнуть.

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

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

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

Всех с Наступающим Новым Годом!
Здоровья, Счастья, Любви и Вдохновения
в Новом 2009 Году!

УРА!


Света



Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

27.12.08

Blogger: Сохраняем и восстанавливаем шаблон на Blogger(е)!

23 comments

Безумству храбрых
поем мы песню...

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

При чем спросите вы здесь "Безумство храбрых"? Нет книжку я не читала... а безумство -- ну, как вам сказать. Будучи добросовестным исследователем по натуре, для эксперимента я взяла свой блог [1) ну, вы-то тоже будете работать со своим блогом если придется; 2) если я доверяю Blogger(у), то вот настолько!] -- да-да именно этот блог, который вы сейчас читаете. Ну, как на ваш взгляд, визуально ничего не сломалось? По-моему нет! ;)

Так что рассказываю и показываю:

1) Скриншот до изменения шаблона:



2) А вот сюда ("Загрузить весь шаблон") я кликаю чтобы сделать резервную копию нашего шаблона (темплейта):

Blogger: Save and Restore your Blogger Template!

3) А потом я поменяла шаблон: кликнула на "выбрать новый шаблон", чего-то там выбрала и сохранила результат. Моей целью было сделать что-то не очень умное, а потом восстановить шаблон из только что сделанной резервной копии. Давайте полюбуемся на тот ужас, который у меня получился в итоге:

Blogger: Save and Reatore your Blogger Template!
В общем, ужасный кошмар и кошмарный ужас! Слайд-шоу от Picasa, о создании которого я рассказывала как раз в предыдущей статьи вывалилось куда-то со страницы, удивляться конечно не приходится, потому как оригинальный темплейт нашего блога мы расширили еще в сентябре, да и слайд-шоу было подогнано по размеру к ширине текущего шаблона.

4) Полюбовалась как можно изуродовать блог, сняла скриншот и бегом устанавливать ( правильнее было бы сказать восстанавливать) свой любимый шаблон обратно:

Blogger: Восстанавливаем шаблон!Как и показано на рисунке последовательно нажимаем сначала "Browse" (1), выбираем на жестком диске наш файл с сохраненным на шаге два шаблоном и кликаем Загрузить (2). И вы думаете чего-нибудь произошло? Нет Blogger выдал свой любимый экран с ошибкой... не сняла я с него скриншот, но я думаю большинство читателей знают о каком таком экране я говорю. Я, в общем-то, не растерялась и не расстроилась: бэкап-то у меня был (та самая резервная копия шаблона), а с годами как-то приходит чувство уверенности в своих силах что ли... Я где-то слышала, вернее Кайл где-то вычитал, что если Blogger упорно показывает экран с ошибкой, это может быть как-то связано с недостатком оперативной памяти, например, и лечится, примерно, как в том анекдоте, когда чтобы починить машину программист велел пассажирам выйти из машины и войти. Т.е. я закрыла браузер и стартовала его снова Вошла в Панель инструментов, Дизайн Изменить HTML и опять попробовала загрузить/восстановить свой изначальный шаблон. И вот я его восстановила! Разрешите мне не публиковать скриншот, потому что он тот же самый как на шаге (1) ну разве что там была другая картинка в слайд-шоу.

Выводы: Резервное сохранение и восстановление шаблона на Blogger'е работает надежно!
Ограничения: Да, на ограничения я тоже наткнулась.... Как истинный ученый я произвела следующий эксперимент - я удалила пару гаджетов перед восстановлением шаблона -- это было печально удаленные гаджеты из резервной копии шаблона не восстановились. Но об этом я расскажу в следующей статье. Я еще не знаю точно как я её назову, но подзаголовком (которые я так люблю) будет: Маленькая статья и большая головная боль... или что-то в этом роде ;).

Всем удачи и хорошего настроения!
Света

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

21.12.08

Blogger: Устанавливаем в блог слайд-шоу от Picasa!

68 comments

Здравствуйте! Сегодня я расскажу как легко можно вставить на сайт слайд-шоу ваших фотографий, хранящихся в Picasa WebAlbums


Для начала отвечу на несколько вопросов:

Почему Picasa WebAlbums? Потому что, например, многие фотографии из нашего блога уже там. Наверно, для многих это не является секретом, что фотографии, которые мы загружаем с нашего компьютера в блог при написании статей размещаются в этих самых Picasa WebAlbums.

Где я могу видеть мои Picasa WebAlbums? А вот по этой ссылке: http://picasaweb.google.com/home.

Когда я заглянула на нашу страничку Picasa WebAlbums первый раз я была шокирована насколько неупорядоченно фотографии лежат там по альбомам: в паре альбомов хранится по пол-тысячи фотографий, когда в иных из ни только по одной. Дело в том что использование Picasa WebAlbums стало побочным эффектом от использования Blogger(а) и загрузки фотографий в наши блоги. Кстати, фотографий уже загружено более 1200 и некоторые из них очень даже ничего. Но вопрос не об этом, а вопрос как сделать из этих фотографий слайд-шоу и как разместить его у себя в блоге...


Итак, слайд-шоу от Pcasa:

0. И возможно САМОЕ важное! Как мы только что выяснили с Бабочкой Яночкой (А у меня этой опции нет??!!) на русском языке это еще не работает [надеюсь в будущем - будет работать]. Так что самый первый, самый важный шаг идем в настройки http://picasaweb.google.com/lh/settings и с тяжким вздохом меняем наш родной Русский язык на English(United States) именно United States - для UK это тоже не работает еще.

Редакция от 10.04.2009: Теперь эта опция есть и в русской версии Picasa! Спасибо Бабочка Яночка (Учусь вставлять слайд-шоу из веб-альбомов Пикаса)

1. Выбираем альбом, в котором хранятся фотографии, которые мы хотим показать в нашем слайд-шоу. Надеюсь, для вас это труда не составит. [Я вот выбрала фото-альбом ассоциированный с нашим фотоблогом о России].

На всякий случай скажу, что в Picasa WebAlbums можно создать и новый альбом (специально для вашего слайд-шоу), в который вы скопируете только те фотографии, которые вы хотите показать в слайд-шоу. Копировать просто: Заходим в альбом-источник, кликаем на фотографию, которую мы хотим скопировать и копируем её в тот самый вновь созданный альбом для слайд-шоу.

2. Итак, альбом у нас есть. Теперь получаем у Picasa код для вставки слайд-шоу этого фотоальбома к нам в блог: в статью ли, на боковую панель - не важно.

Как видно на этих рисунках - всё просто:
а) Сначала кликаем на Link to this album
б) Затем на - Embeded Slideshow
в) И на второй картинке они показывают превьюшку, дают нам выбрать размер слайд-шоу, автозапускать слайдшоу или нет, показывать или нет описания к фотографиям (если они у вас, конечно, есть). Расставляем галочки и копируем код из желтого окошка.

Копируем код в буфер обмена (в мышку) и вставляем - хотим как я в статью, хотим на боковую панель.

На боковую панель вставляем так: Добавить гаджет, выбираем тип гаджете Html/JavaScript, вставляем код, нажимаем СОХРАНИТЬ. Перетаскиваем гаджет на нужную позицию в макете (дизайне) и нажимаем еще раз СОХРАНИТЬ.

Если вставляем в статью хорошо бы полученный код окружить HTML тегами центрирующими слайд-шоу: <center> </center>

3. Еще я сделала небольшое "улучшение" изменила цвет фона для слайд-шоу с черного на цвет соответствующий фону статьи. В полученном от Picasa коде изменила шестициферное значение черного цвета 000000 на цвет моего фона получилось RGB=0xF0E9E3 вместо RGB=0x000000. [О кодах цветов можно прочитать здесь: Blogger: Готовим краски для раскраски!]

4. Иногда предложенные Picasa размеры не подходят для ширины нашей основной (если мы вставляем слайдшоу в статю) или боковой колонки. Тогда мы можем (и должны) поменять размеры в ручную. За размеры (как и в случае картинки: Blogger: Меняем размер картинки!) в полученном коде отвечают параметры width и height. Picasa предлагает нам выбрать ширину из следующих значений: 144px, 288px, 600px, 800px в моем случае, как и в случае Соловейки (Записки программиста и его жены) эти размеры определенно не подошли. Что же делать? (Менять размеры вручную):

а) Получить код от Picasa;
б) Решить какой ширины слайд-шоу смотрелось бы хорошо у вас в блоге. Я вот, например, решила, что 555px смотрелось бы идеально в этой статье, да и цифры получились очень красивые ;);
в) Расчитываем высоту нашего слайдшоу по формуле height=width*2/3 [т.е. высота равна ширине умноженной на два и затем поделенной на три]. В моем случае 555*2=1110 и 1110:3=370 итого высота получилась 370 (я специально подобрала ширину, чтобы она на 3 делилась, если у вас нацело не разделится - округлите в большую сторону).
г) Теперь последнее - меняем ширину и высоту в полученном от Picasa коде у меня они стали такими: width="555" height="370". Теперь у меня слайдшоу достаточно большое, но не вылезает за пределы страницы.

На написание этой статьи меня вдохновила Челита (Былое и думы), которая сейчас во всю экспериментирует со слайд-шоу от Picasa и факт, что в этот легкий способ получить код от Picasa для слайд-шоу в англоязычном интернете я не нашла...

Нет, Челита, музыку в слайд-шоу от Picasa вставить не удастся, но я знаю один сервис в интернете, на котором можно не только сделать слайд-шоу, но и добавить туда музыку. Расскажу в дальнейшем и об этом.

Всем удачи и хорошего настроения!
Света

PS Для тех кто еще не знает как в Blogger(е) менять размер картинки.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

15.12.08

Blogger: Административная панель управления!

53 comments

Панель управления...
Космическим кораблем?


Всем доброго времени суток! Сегодня мы плавно переместимся с темы Панели навигации или Navbar(а) к попытке создания Административной Панеле Управления нашим блогом. Вещь, в общем-то совсем не обязательная, но если Маляр (Технологии Досуга) поднял эту тему - то почему бы и нет! ;)

Для тех кто еще не привык к стилю этого блога объясню, что Панель управления космическим кораблем Шатл, которую вы видете слева, никакого отношения к моему рассказу об Административной Панеле Управления иметь не будет, а жаль, потому что это могло бы быть намного более интересно. Картинку я взяла из официальной галлереи Nasa, можно будет потом сходить туда и поискать чего-нибудь еще. А пока я буду рассказывать как поставить Админку к вам в блог. Хотя это настолько просто, что рассказывать почти нечего...

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

Вот собственно код, который мы будем добавлять как Гаджет в наш блог:
<span class="notranslate item-control blog-admin pid-XXXXXXXX">
<h2>Панель Управления:</h2>
<ul>
<li><a href="http://www.blogger.com/post-create.g?blogID=YYYYYYYY">Новое СООБЩЕНИЕ</a></li>
<li><a href="http://draft.blogger.com/blog-options-basic.g?blogID=YYYYYYYY">Настройки/БЭКАП</a></li>
<li><a href="http://www.blogger.com/rearrange?blogID=YYYYYYYY">Дизайн</a></li>
<li><a href="http://www.blogger.com/moderate-comment.g?blogID=YYYYYYYY">Управление комментариями</a></li>
<li><a href="http://www.blogger.com/logout.g">Выйти</a></li>
</ul>
</span>
Только не торопитесь пожалуйста, это еще только заготовка кода. Вы её, пожалуйста, куда-нибудь [в блокнот, напримет] скопируйте, потому что мы её сейчас дорабатывать будем.

Чтобы этот код стал у нас работать:

1) Надо в первой строчке вместо XXXXXXXX поставить персональный идентификатор администратора блога (я так и не смогла найти в интернете точной расшифровки этой абревиатуры pid). Как его получить. Заходите в свой блог и из контекстного меню мыши или с помощью меню браузера вызываете просмотр исходного текста блога . И в этом исходном тексте блога ищите [используя сочетание клавиш CtrF] слово из трех букв: pid. Оно скорее всего обнаружится в виде <span class='item-control blog-admin pid-229696323'> - циферки после pid- и есть наш номер, который мы подставим вместо XXXXXXXX.

2) Далее устанавливаем Идентификатор блога BlogId. Это очень можно сделать одним из двух способов:
а) Раз уж мы все равно полезли рассматривать исходный текст нашего блога теперь мы можем поискать blogID у меня он нашелся в строчке типа <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=609368192660326797" /> и идентификатором блога будут все эти цифры после blogID=

б) другой способ определения идентификатора вашего блога еще проще: зайдите в Панель инструментов и кликните например на Дизайн и в адресной строке будет содержаться ваш BlogId:

Теперь в скрипте заменяем все YYYYYYYY на полученные цифры BlogId.

Доработка закончена полученный код уже можно вставлять в блог как HTML/JavaScript гаджет.

Вот как у меня это выглядит:
и ни только выглядит, но и работает, что очень важно!

Еще несколько слов о том как этот гаджет можно менять. Менять его можно и нужно, делая удобным именно для вас. Можно добавлять и убирать ссылки из этого списка ссылок.

Давайте быстренько разберем из чего состоит этот код для гаджета.

Кто совсем не знает HTML или забыл как на HTML описываются ссылки может подглядеть вот сюда: Blogger: Начала HTML - Ссылки!

Теги мы будем разбирать как капусту по листочкам:
1) На самом внешнем уровне у нас написан парный тег <span class="item-control blog-admin pid-XXXXXXXX"> ... </span> - определяет хитрый такой контейнер, в котором будут лежать наши ссылки по управлению блогом. Его хитрость заключается в том, что читатели его видеть не будут, а увидят его только авторы блога и то только те, кто имеет права администратора блога.

2) На следующем уровне мы определяем ненумерованный список для чего используем парный тег <ul> .... </ul> В общем, дело конечно вкуса, но мне нравится использовать списки, помогает структурировать информацию.

3) На следующем по вложенности уровне мы видим описание элемента списка это еще один парный тег <li> ... </li>

4) И на последнем уровне, наконец, определяем, что элементом списка у нас является ссылка. Ссылка записывается парным тегом a: <a href="http://куда идти">На какой текст кликать (он - этот текст, на который мы кликаем называется еще якорным текстом) </a>

Теперь если мы захотим чего-нибудь удалить из этого гаджета мы будем удалять элемент списка и если захотим добавить в него еще какую-нибудь полезную ссылку мы будем добавлять её как элемент списка, т.е. окруженную тегами <li> </li>

Ну, вот на сегодня и всё. Я показала как можно вставить админку прямо в ваш блог. И мы узнали как можно описать ненумерованный список на HTML. Если что было непонятно спрашивайте.

Всем удачи во ВСЕМ!
Света

PS В статье использованы материалы: Google Help: Conditional "new post" links

PPS Забыла упомянуть, что тег <h2>Панель Управления:</h2>, который присутствует в начале кода всего лишь значит написать текст "Панель Управления" в стиле заголовков боковой панели нашего блога.

PPPS И под конец открою вам маленькую тайну: Начала я писать эту статью по просьбе Маляра, но в процессе написания очень прониклась идеей иметь административную панель прямо в блоге и теперь мне с ней очень удобно! :)



Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

13.12.08

Blogger: Панель навигации - показывать или прятать?

60 comments

Думайте сами,
Решайте сами
Иметь или не иметь...

Доброго времени суток!

Сегодня мы с вами поговорим о Панеле навигации (или как её называют в ангоязычных текстах Navbar = Navigation bar). Когда Кайл только начал вести один из свиоих первых блогов на Blogger'e, я, признаться, была очень против этой Панели навигации. Идея была проста - я чувствовала ответственность за моих читателей и не хотела отправлять их неизвестно куда. (Так что я была счастлива, когда Кайл нашел способ "убрать" Navbar из нашего блога).

Есть и другое мнение: некоторые блогеры говорят, что им очень удобно работать, когда есть Панель навигации с возможностью написать Новое сообщение или Настроить блог, а для читателя может оказаться удобной функция Поиска в блоге.

В общем, есть о чем подумать... ;)

Вы пока думайте, а я вам расскажу, что с Navbar'ом (Навигационной панелью) можно сделать:

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

Итак, идем как всегда Панель инструментов, выбираем Дизайн и находим в нем блок синего цвета, на который прежде возможно не обращали внимания: на нем еще Панель навигации написано и кликаем изменить:
А вот и цвета из которых нам предстоит выбрать:

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

2) Для тех кто не хочет показывать у себя в блоге Навигационную панель. Я специально выбрала слова "не хочет показывать", потому что на самом деле мы не удаляем Navbar, а только его не показываем.

Делаем это так. Идем как всегда в Панель инструментов, Дизайн, Изменить HTML
ищем в нашем коде строчку такого вида ]]></b:skin> и перед ней вставляем эти несколько строчек:

#navbar-iframe { /* this section hides the nav bar */

height: 0px;

visibility: hidden;

display: none;

}
Сохраняем шаблон, любуемся на результат.

3) А мне как любителю компромисов еще нравится вариант, который реализован сейчас, в новом блоге Кайла Windows to Russia (сейчас, потому что Кайл очень креативный человек и постоянно что-то меняет в наших блогах). Ну, ладно, а то я могу разговаривать о Кайле и моей жизни с ним часами... Давайте лучше к делу. Итак, вариант о котором я хочу вам напоследок рассказать в обычном случае скрывает Navbar, но показывает его при наведении мыши. Правда, Кайл говорит, что этот способ работает не во всех браузерах, где он не работает, Navbar остается просто видимым.

Что делаем: как всегда Панель инструментов, Дизайн, Изменить 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'а, но сохранить доступ к таким удобным функциям как "Новое сообщение | Настроить | Выйти" явилась статья: Blogger: Административная панель управления!

С поиском по блогу мы тоже справилилсь, реализовав создав окошко поиска в точности по алгоритму, который Blogger использует в Панеле навигации: Blogger: Поиск в вашем блоге!

Всем удачи во ВСЕМ!
Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!

Читать дальше...

7.12.08

Blogger: Восстанавливаем Блог из Бэкапа!

15 comments

Одним из моих самых интересных занятий при написании статьи является поиск подходящей картинки. Вот эту картинку я, например нашла на сайте ТРИЗ для Иженеров А ТРИЗ - это, оказывается, Теория Решения Изобретательских Задач. А уже с этого сайта я посетила и другие сайты по ТРИЗ-тематике, посмотрела их задачки на сообразительность.
Там царь Кащей над златом чахнет...
Не знаю почему именно эти слова пришли мне в голову, когда я села писать статью... Наверно потому что как истинный системный администратор считаю свои бэкапы (резервные копии данных) своими сокровищами. И что за ужасная ситуация может возникнуть иметь все резервные копии и не смочь по тем или иным причинам восстановить данные в необходимом объеме... От такой мысли ну, точно можно зачахнуть!

Чтобы не попасть в ситуацию этого Кащея давайте потренируемся восстанавливать данные с бэкапа. Я, кстати, этого тоже ни разу не делала, а надо бы! Спасибо Ирина (Творчество кнопочек и карапузов) подвигла меня заняться этим вопросом вплотную, а то я все только собиралась....

Чтобы опробовать как работает восстановление с резервной копии, я сделала резервную копию этого блога. Кто еще не знает как сделать бэкап на Blogger'е читает порстенькую инструкцию здесь.

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

1) Зашла в Черновик Blogger'a по уже известной нам ссылке: http://draft.blogger.com. Напротив того самого блога, на котором я решила потренироваться кликнула на Настройки и увидела вот такую картинку:


и как вы наверно догадались кликнула на Импорт блога

2)На следующей картинке (ой, то есть этапе) меня попросили указать файл на моём компьютере из которого я хочу восстанавливать/импортировать блог.



Я ввела символы для верификации, НЕ СТАЛА СТАВИТЬ ГАЛОЧКУ напротив автоматической публикации сообщений (мое мнение, что такие вещи лучше делать вручную) и нажала Импорт БЛОГА. Blogger задумался подгружая этот файл и затем показал мне экран прогресса закачки сообщений и комментариев:



Подмигнул словом Готово в самом конце и я увидела НЕВЕРОЯТНЫЙ ЭКРАН:



Все 30 постов и 189 комментариев были загружены (но не опубликованы: вы помните - это был мой выбор НЕ СТАВИТЬ ГАЛОЧКУ) в блог. Посты находились в статусе импортировано. У всех постов была: правильная дата публикации (создания), все метки, которые я им присваивала и все комментарии, которые по их поводу были когда-то написаны. Теперь осталось только выбрать посты (поставит на против ни галочки), которые я хочу опубликовать и нажать появившееся внизу страницы ОПУБЛИКОВАТЬ ВЫБРАННЫЕ. Я выбрала опубликовать последнюю статью - вот что у меня получилось:



Что скажите? Не очень похоже на мой блог? Да, увы... во время экспорта блога - шаблон оказывается не сохраняется и соответственно не может быть восстановлен. С другой стороны после импорта блога в моем тестовом блоге сохранились все опубликованные ранее сообщения. Т.е. тестовый блог остался тем же, после импорта сообщений у меня появилась возможность опубликовать там сообщения из ВСЕ для BLOGGER(а) на BLOGSPOT(e)!

Давайте обобщим полученный опыт:

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

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

Итого для полноты картины надо делать два бэкапа: бэкап шаблона и экспорт блога, а еще очень полезно стать подписчиком своего блога через Google Reader. [Но об этом мы с вами поговорим в следующих статьях на тему Сохранение-Восстановление]

Всем Удачи!
Света

PS Не забываем делать бэкап (резервное сохранение блога)!
PPS Кто еще не читал как я восстанавливала свой блог, не имея бэкапа, может почитать.


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!
Читать дальше...

27.11.08

Blogger: Переводчик у вас в болге!

34 comments


Это очень интересная картинка сделана в Фотошопе по мотиву второй версии картины Питера Брейгеля "Вавилонская башня" (1563). Представлена на конкурс:Animal Renaissance(Classic paintings with a little something wild).
Со времен разрушения Вавилонской башни...

Здравствуйте! Пожалуйста, не удивляйтесь, что в подзаголовке к этой заметке я упомянула Вавилонскую башню. Дело в том что Интернет, на мой столь же глобальный и дерзкий проект как была и Вавилонская башня в свое время. Теперь сообщество людей пытается объединить все свои информационные и интеллектуальные ресурсы чтобы достичь Бога или чего-то еще или просто выжить... И как в стародавние времена, чтобы создать что-то выдающееся людям надо говорить на одном языке.

Возможно, когда-нибудь так и будет: ведь были проекты по разработке Эсперанто в качестве международного языка, в настоящее время все больше и больше людей изучают язык Шекспира и Джеймса Бонда. Что? Шекспир и Джеймс Бонд разговаривали на разных языках? Ну, извините... погорячилась ;). Есть очень интересный опыт Израиля, где люди со всего мира успешно изучили и общаются на языке, который не был родным ни для кого из них.... Но это все лирика, а поговорим мы сегодня об онлайн переводчиках и виджетах-переводчиках, которые помогут понять не русскоязычному читателю о чем мы тут с вами болтаем ;).

Я не знаю как вам, но мне регулярно приходится бывать на иноязычных сайтах и это не только англоязычные сайты, но сайты на португальском, голландском, венгерском и даже китайском языке. И, пожалуйста, не говорите, что на китайские сайты вы лично не пойдете. Вот я, например, совершенно случайно обнаружила коллекцию хороших фильмов на русском языке на крупнейшем китайском видео-портале Youku.com (где-то здесь http://u.youku.com/user_show/uid_yingna98) -- чисто китайский интерфейс и никакого намека на поддержку других языков, а может быть это даже и хорошо (целее видео будут, а то YouTube постоянно удаляет хорошие и нужные ролики под предлогом нарушения прав третьей стороны).

Ни я ни Кайл полиглотами не являемся, поэтому не стесняемся пользоваться автоматическими переводчиками:

Кайл любит Yahoo BabelFish
http://babelfish.yahoo.com



Я раньше любила Translate.Ru
http://www.translate.ru/text_Translation.aspx



Теперь я пользуюсь в основном переводчиком от Google
http://www.google.com/language_tools?hl=ru



Ну, а так как мы привыкли относиться к своим ближним (в данном случае читателям), как хотели бы чтобы люди относились к нам: на своих сайтах мы всегда ставим кнопки для переводов. Помню, когда еще не был разработан сейчас повсеместно-используемый гаджет от Google мы сами нарисовали кнопки для перевода на 10 языков установили к себе в блоги и даже разослали их некоторым из своих друзей [чтобы их сайты нам было легче читать ;)].

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

1) Google Translator Gadget берем здесь (переводит с русского на 35 языков!): http://translate.google.com/translate_tools?hl=ru&sl=ru.

2) Гаджет от BabelFish сможет перевести ваш блог только на английский язык. Его можно взять здесь: http://babelfish.yahoo.com/free_trans_service.

3) Гаджет от PromtTranslator мы берем здесь: http://www.translate.ru/About.aspx/Webmaster_Tools?lang=ru. Он попытается перевести ваш блог на английский, немецкий, французкий и испанский языки.

4) И наконец, гаджет, который я установила здесь и мы тестируем в настоящее время: Только 28 языков (среди них есть даже такие редкие как венгерский!), почти для каждого языка есть возможность выбора каким онлайн переводчиком переводить. Правда некоторые из этих онлайн переводчиков работают криво, какие-то постоянные проблемы с кодировками... Этот гаджет можно взять здесь: http://www.conveythis.com/get_button.php, бесплатно, но они захотят чтобы вы у них зарегистрировались.

Ред. 5) Новый гаджет автоматического перевода от Google переводит на 51 язык! Читать про него непременно! Blogger: Новый переводчик от Google. Мы сейчас пользуемся именно им. (Можете проверить КАК он работает!)

И два последних замечания: Когда на сайте будете получать "кнопку" для блога не забудьте сказать им на каком языке у вас написан блог (т.е. с какого языка им переводить придется). А собственно установку гаджета в блог все уже неплохо освоили: Открываем "Панель инструментов" (Dashboard), кликаем на "Дизайн" (Layout) и там уже кликаем на "Добавить Гаджет"(Add Gaget), как всегда выбираем HTML/JavaScript и в тело появившегося окошка вставляем код полученный нами для кнопки-перевода. Заголовок добавляем по желанию. Сохраняем. Мышкой перетаскиваем на то место в списке гаджетов где мы хотим, чтобы был наш переводчик. Еще раз Сохраняем. Идем в блог - любуемся результатом!

Ну, вот я вам рассказала все что знаю и все что думаю об автоматическом переводе сайтов. А теперь я хочу чтобы вы со мной поделились, чем вы пользуетесь, когда попадаете на иноязычный сайт:


Спасибо Arcanum (Заметки на память), за то что научил как провести опрос читателей! Дорогие читатели здесь вам расскажут как включить в свои статьи небольшие тематические опросы. По-моему, очень интересно!

Всем удачи во ВСЕМ!

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

23.11.08

Blogger: Включение HTML кода в наши статьи!

14 comments

Помощники из Интернета!

Здравствуйте! Сегодня я вам расскажу о том как я печатаю свои статьи... Ну, в общем, ничего особенного - примерно как это козлик (Взятый мной с сайта BBC, где они обучаю деток и возможно взрослых печатать по-английски слепым десятипальцевым методом - честно говоря, мне показалось это довольно занятным и на досуге - я решила наведываться к ним время от времени, потому что в отличии от этого козлика я печатаю статьи только двумя-тремя пальцами). Ну, на самом деле статья вовсе ни о способах и скорости печатания, а о методах написания (включения) HTML предложений в вашу статью.

Результатом исследования этой проблемы явилось печальное знание, что чтобы HTML-код, который вы хотите включить в вашу статью остался буковками и циферками, знаками меньше (<) и больше (>) т.е. вполне читаемым для ваших читателей, вам придется поработать и заменить в вашей статье все знаки < (меньше) на &lt; все знаки > (больше) на &gt; тогда эти символы не "съедятся" редактором (не преобразуются в указания для разметки страницы), а останутся только текстом для ваших читателей с символами меньше и больше, чего вы и добивались.

Теперь вернемся к вопросу о том как мы печатаем наши статьи. Вот я, например, набираю текст в редакторе Bloggerа иногда переключая моды с "Создать" на "Изменить НТМL" и обратно. При таком переключении все мои HTML-описания упорно превращаются из текста для читателя в HTML-описания для браузера и читатель код уже не видит. В общем, кто пробовал - тот поймет!

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

И вот недавно я узнала о потрясающем сервисе в интернете: очень простенький скрипт преобразует ваш HTML-код "для браузера" в HTML-код которым вы сможете поделится со своими читателями и при необходимости обратно! Encode / Decode HTML Entities.

Пользуйтесь на здоровье! А здоровье здесь очень даже "при чем": нервные клетки говорят, не восстанавливаются. А я пока пойду поправлю свою первую статью про Favicon, а то меня совесть уже давно мучает с тех пор как я узнала как вернуть блогу потерявшуюся Favicon, но мысль о необходимости опять воевать со всем этим HTML-кодом очень сдерживала мой благой порыв! А теперь статья будет приведена в соответствие очень легко, просто и быстро и без затраты лишних нервных клеток, которые нам еще понадобятся для чего-нибудь позитивного! ;)

Кого же, как и меня, заинтересовала возможнось поучитаться на BBC скоропечатанию на английском языке, может, кликнув на картинку с козликом, попасть на тренировочную площадку.

Всем УДАЧИ!
Света

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

20.11.08

Blogger: Падающие Снежинки в Вашем Блоге.

108 comments


В Москве выпал первый снег.
Всем доброго времени суток! А в Москве, действительно, прошлым вечером выпал первый снег. Конечно, не такой красивый, как на этой картинке, автора которой я не знаю, а то бы мы вместе сходили к нему или к ней полюбоавлись бы и другими шедеврами и наверное скоро, как положено первому снегу, растает.

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

Идея мной взята с сайта http://www.dynamicdrive.com/dynamicindex3/snow.htm и адаптирована для работы с Blogger'ом.

Теперь рассказываю, что надо сделать, чтобы 10 снежинок [больше не надо, а то тяжелова-то будет для компьютера] плавно кружились (ну, может не совсем кружились, а просто красиво падали) в вашем блоге. Всё почти так же просто как было с установкой радужных ссылок в блог.

Итак, как всегда:

1) Заходим на "Панель инструментов" Blogger'a, кликаем на "Дизайн" и выбираем "Изменить HTML"

2) В HTML описании нашего макета (дизайна) находим строчку [ищем с помощью Ctrl F, например]
<body>


в новых шаблонах, сделанных с помощью Дизайнера она может выглядеть так
<body expr:class='"loading" + data:blog.mobileClass'>


в общем ищите <body и вы не прогадаете.

3) И сразу после неё на следующей строчке пишем
<script src='http://blogger4you.narod.ru/JavaScript/snow.js'> </script>


4) Нажимаем СОХРАНИТЬ и любуемся результатом трудов праведных.

На шаге 3) можно вставить скрипт со снежинкой немного другой формы:
<script src='http://blogger4you.narod.ru/JavaScript/snow1.js'> </script>
Дело вкуса, кому что нравится... Мы в настоящее время боремся с еще одним скриптом падающих снежинок, который ну, никак не хочет дружить м Blogger'ом! Если нам удастся его победить, то напишу вторую часть о Падающих Снежинках в Вашем Блоге.

На этом разрешите откланяться.

Всем удачи во ВСЕМ!
Света
PS А поиск уже работает в вашем блоге?

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

16.11.08

Blogger: Радужные ссылки!

23 comments

Все цвета радуги в вашем блоге!

Всем доброго времени суток! На сайте, где я взяла картинку для этой статьи учат вставлять радугу в ваши фотографии используя Photoshop - процесс расписан подробно на пяти (!) страницах.

Я же сейчас в двух словах расскажу вам как сделать ссылки в Вашем блоге переливающимися всеми цветами радуги!

Для этого нам придется немного изменить HTML-код нашего макета. Т.е. вызываем "Панель инструментов" Blogger'a кликаем на "Дизайн" и выбираем "Изменить HTML"

Теперь находим окончание заголовочной части HTML-описания нашего макета. Т.е. вот такую строчку:
</head>


и перед ней вставляем строчку:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>


т.е. все вместе у нас получилось:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>
</head >


Всем всего доброго!

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

А также, пожалуйста, НЕ ЗАБЫВАЙТЕ делать резервную копию вашего блога иногда!

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

15.11.08

Blogger: Защита контента!

19 comments

Тащить, иль не тащить...
Вот в чем вопрос!
Доброго времени суток! Защита контента - это действительно очень сложная философская проблема.

Так что давайте сначала немножко пофилософствуем: Прежде всего зачем мы выкладываем наш контент (ну, картинки там всякие или мысли умные или может музыку какую) в интернет - Как истинные творцы мы выкладываем наше богатство для людей - берите, пользуйтесь, наслаждайтесь! Так почему же некоторые так недовольны если кто-то поместил их творчество на свой сайт - ведь таким образом наше творчество станет достоянием еще большего количества людей. Да, но если люди, разместившие наше творчество у себя, не очень добросовестные (т.е. они "забыли" указать вас как автора - дать ссылку людям, которым возможно понравится, что вы пишите и творите и которые бы с удовольствием поизучали бы ваше творчество еще и еще...) Следующий момент, который может напрячь автора - это контекст. Т.е. изменив контекст мы можем поменять значение высказывания на противоположное - хотя это уже экстремальный случай. А вообще, для настоящего блоггера, контент - это самое дорогое, это то во что он вкладывает частичку своей души... каждый день!

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

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

Вот несколько советов:
1) Защита картинки или фотографии - вставляйте
свой логотип, имя или адрес сайта на свои фотографии, тогда если кто-то позаимствовал Вашу фотографию, это возможно пойдет на пользу обоим и человек украсит свой сайт Вашим творением и это Ваше творение станет рекламой Вас самих и Вашего сайта. [Честно говоря, мы с Кайлом до таких высот защиты фотографий на нашем фотоблоге не поднялись (наверно, слишком ленивые) -- этот пример я сделала специально для этой статьи, а вот наш друг BSKAAD все фотографии своего сайта защищает подобным образом.]

2) Еще один способ защиты контента неожиданно появился во время написания этой статьи. Мне вдруг стало любопытно, не позаимствовал ли кто-нибудь материалов с этого сайта [Вы не подумайте, я не против - пусть меня будет много в интернете! Вот если бы только еще ссылочку.... (Мечтательно сказала она)].

В общем, я нашла один такой сайт как раз про то, как заработать на квартиру в Киеве. А взяли они мою статью про PageRank и NOFOLLOW. А это статья имела некоторые особенности одной из особенностей была моя пораноя по поводу слов Nofollow и Noindex -- и я категорически не хотела иметь эти слова написанные в виде кода HTML на моем сайте, по этому в строчку, где мне надо было ввести код я просто вставила картинку по фону совпадающую с фоном сайта. Вы можете сделать тоже самое (небольшую часть вашей статьи заменить на рисунок с текстом. Ваши читатели - это не заметят, а для поисковых роботов небольшой пропуск в тексте не станет большой проблемой при индексировании - Просто не заменяйте всю значимую часть вашей статьи картинкой.) А можно придумать даже так: всегда заменять какое-то одно слово на картинку ("нарисованное слово"), а к этой картинке можно поставить и ссылку на вашу статью (может ссылка и не будет заметна читателям украденной статьи, читатели заметят "очень странные, не вписывающиеся в дизайн сайта слова", а поисковые роботы заметят ссылки на Ваш сайт, что тоже неплохо). Ну, это так - если вор попался ленивый!

3) Наверное, у читателя возник вопрос по предыдущему пункту, как я нашла сайт где в целости и сохранности, почти без купюр лежит моя статья? Это просто. В интернете есть сервис называется он Copyscape (некоторые наши друзья ими пользуются), на этом сервисе можно бесплатно проверить не скопированы ли ваши произведения целиком или частично, поставить себе на сайт баннер предупреждающий, что вы с помощью этого сервиса отслеживаете, появление копий вашего сайта. [Если Вы хотите установить такой баннер к себе на сайт - спросите и я расскажу как.]

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

4) Хорошо (на самом деле ничего хорошего), вы установили что кто-то лично вам неприятный скопировал контент вашего сайта. Что делать и можно ли найти на них управу. Прежде всего попробуйте списаться с этим человеком и предложить ему поставить активную ссылку на вас (с DO FOLLOW) или удалить скопированную часть. Если не помогает можно жаловаться. Жаловаться можно и вот пример человека пострадавшего от такой жалобы. Как вы уже, наверно, прочитали он получил жалобу DMCA (Full version in English). Написанную с соблюдением всех правил. О правилах написания DMCA для AdSense смотрим здесь если совсем припечет ;).

Я закругляюсь статья получилась совсем какая-то огромная... Но люди спрашивали и я отвечаю.

5) Если мои советы по защите вашего контента показались вам недостаточно надежными... Я очень рекомендую вам почитать статью Почему не надо отключать правую кнопку мыши, они так же расскажут вам вернее дадут много ссылок, на то что можно делать взамен!

6) А в общем, совет не заморачивайтесь вы слишком с этой защитой контента - это же ваши мысли и ваши творения бродят по интернету -- и их даже становится больше - совсем ерунду копировать бы не стали [значит чего-то они стоят! ;)]

7) Продолжение: Blogger: Украденная картинка.

Всем всего хорошего и
Удачи в Жизни!


Света

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

8.11.08

Blogger: Голография и раскрашивание скрипта!

2 comments

Раскрасим Наш Мир и поговорим о голографии!

Здравствуйте! Сегодня мы продолжаем раскрашивать Наш Мир, вернее наш сайт, нет все-таки наш мир, который каждый из нас пытается создать на просторах интернета...

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

Так и наши интернет дневники - являющиеся только частью нашего мира, может быть как голограмма отражают весь наш мир целиком?

Давайте договоримся так: сегодня мы раскрашивает только наши сайты на примере раскраски скриптов. А уж раскрасится ли от этого наш реальный мир и какими цветами - мы просто понаблюдаем!

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

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

На самом деле раскрашивать с помощью CSS (Cascading Style Sheets - Каскадных таблиц стилей), очень просто. Для этого в HTML описание объекта который мы хотим раскрасить или как-то изменить мы добавляем волшебный атрибут style и его значением будет строка состоящая из объявлений свойств, каждое из которых представляется в виде пары имя: значение и если у обекта несколько свойств они разделяются точкой с запятой.

Не будучи еще очень большими специалистами в HTML, с атрибутом style мы уже встречались: вот например, когда разговаривали о Картинках для фотохудожников мы изучили такое свойство как ширина width и присвоили ему значение 500px, записав width:500px;

Так что не все так страшно и мы приступаем к раскраске нашего скрипта:



А вот и его код:
<center><form id="searchThis" action="/search" style="display: inline;" method="get"><input id="searchBox" style="width: 200px;" value="Введите слово для поиска..." name="q" onclick="this.value=''" type="text"/><input id="searchButton" value="Искать" type="submit"/></form></center>

в нем присутствует описание двух графических объектов "поле для ввода" и "кнопка поиск". Вот их то мы сегодня и будем изменять.

В описании поля для ввода уже есть магический атрибут style и он задает ширину поля для ввода (width) - в моем случае это было 200px, но если у вас такое поле в блог не помещается его можно уменьшить: поставьте например width:150px на пробу. Кстати слова в атрибуте value можно тоже изменить, чтобы они помещались в строку ввода.

Какие свойства нам могут понадобиться:
width - ширина
height - высота

background-color - цвет фона
border-color - цвет рамочки

color - цвет шрифта
font-size - размер шрифта

размеры будем указывать в пикселях px
а цвета - 6 шестнадцатиричных цифр с символом # перед ними

Для раскраски нашего скрипта я уже заготовила несколько цветов:

#00CCFF
#FF0000
#3300FF
#00CC00

И вот какой код у меня получился:
<center><form id="searchThis" action="/search" style="display: inline;" method="get"><input id="searchBox" style="width: 150px; height: 15px; color: #00CCFF; font-size: 14px; background-color: #FF0000;" value="Что ищем?..." name="q" onclick="this.value=''" type="text"/><input id="searchButton" style="border-color: #00CCFF; background-color: #00CC00; color: #3300FF;" value="Искать" type="submit"/></form></center>

и вот так он теперь выглядит:

Немного попугаисто, зато никакой цвет не перепутаешь ;).

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



Всем удачи во всем!
Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

7.11.08

Blogger: Готовим краски для раскраски!

9 comments

Раскрасим Наш Мир!
(Готовим краски)

Всем Доброго Времени Суток! Может быть Весь Мир мы и не раскрасим, но раскрасить и кастомизировать какой-нибудь полезный скрипт сможем наверняка! Делать мы это будем на примере скрипта для поиска в блоге, который я недавно опубликовала, а нашим инструментом для раскраски станет CSS (Cascading Style Sheets - Каскадные таблицы стилей), но об этом мы поговорим немного позже, а пока давайте подготовим наши краски!

Цвета в мире вебдизайна принято обозначать номерами в этих номерах зашифровано сочетание трех основных цветов: красного, зеленого и синего (RGB) и каждый основной цвет может принимать значение от 00 (минимум) до FF(максимум). Номера у нас шестнадцатеричные т.е. после 9 идет A, затем B и т.д. по латинском алфавиту до F. Чтобы почувствовать как работают сочетания цветов мне было интересно поиграться вот с этим ColorPicker'ом. Подвигать значения на красной, зеленой и синей линеечках и посмотреть, что будет. Так если все цвета взяты по максимуму т.е. код цвета у нас FFFFFF, то получится белый цвет, а вот если убрать все цвета в ноль, то 000000 будет обозначать черный. Но это мы и на физике проходили, что белый цвет содержит в себе все цвета, а черный цвет это полная пусота - черная дыра, отсутствие всего!

А еще некоторые цвета можно задавать ни только числовым кодом, но и названием -- но таких цветов не очень много: На них вы можете полюбоваться здесь. А если нажать в этой табличке на ссылочку с номером/именем цвета, то вы можете увидеть как этот цвет будет сочетаться с другими цветами из этой таблицы.

Самые любознательные могут почитать статью о Безопасных цветах студии Артема Лебедева. Я не уверена, что в настоящее время, когда все больше и больше компьютеров обладают возможностью выводить миллионы различных цветов, так уж необходимо придерживаться этого стандарта, выбор всегда остается за дизайнером!

Существуют так же программы и многие редакторы изображений это тоже умеют -- они могут показать вам код цвета того места на экране, в которое вы только что ткнули мышкой, у меня на компьютере такая программа тоже есть GColor2 (на операционной системе Линукс).

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

Вот как я узнаю их номера: Захожу на Панель Управления кликаю на Дизайн и Шрифты и цвета. И вот собственно на картинке как это примерно у меня выглядит:


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

Важно: Нажать кнопку УБРАТЬ ИЗМЕНЕНИЯ по окончании всех наших игр с цветами (выяснения номеров цветов которые мы хотим использовать)!

Всем удачи во всем!
И в следующей статье мы, наконец, раскрасим наш скрипт!
Света

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

Популярные сообщения