1 Главная кнопка - кнопка вставки картинок 

Значит так. Первым делом, обратите внимание на вот эту кнопочку в редакторе публикаций - она отмечена стрелкой на рис 1. Вот, в общем если вы нажмете на эту кнопку вы попадете в Модуль Счастья, и сможете долго и счастливо добавлять фотки в дневники!  

Примечание редактора. Под непонятным словом "Модуль счастья" автор имеет в виду всплывающее окно

 рис 1. Кнопка для добавления рисунков

Дальше. На рисунке 2 вы можете наблюдать этот самый модуль. Что в нем делать? А что хотите!

рис 2. После нажатия на кнопку вставки картинки появляется окошко свойств картинки (Волшебный Модуль)

В самое верхнее поле ввода текста впечатайте адрес картинки. Если ваша картинка уже лежит где-то в Интернете и вы уверены на 100% что она оттуда не исчезнет или не поменяет адрес, тогда смело пишите ее адрес в поле ввода! Узнать адрес картинки можно кликнув по ней правым щелчком мыши и выбрав свойства. Короче, как на рис 3. Это я кликнул картинку на шапке сайта gaba.su, слыхали про такой?

 рис 3. Если картинка уже лежит в Интернете, то вот так можно узнать ее Адрес

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

Вот так-то. Поэтому переходим ко второму пункту.

2 Закачка картинок непосредственно на наш сайт (в простонародье Габу).

Рядом с текстовым полем "Адрес картинки", что в окошке свойств картинки (Волшебном Модуле), ещё одна кнопка. На рисунке 4 она выделена. Если вы нажмете туда, появится еще одно всплывающее окошко - каталог ваших картинок. Если новое окно не появилось, а появилось сообщение об ошибке (в эксплорере это сообщение появляется сверху), то это значит, что окно заблокировано. Надо ткнуть на сообщение об ошибке и выбрать "разрешить всплывающие окна с этого веб-узла".

 рис. 4. Кнопка для закачки картинок на сайт

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

рис 5. Каталог ваших картинок 

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

Внимание! Название всех файлов картинок и папок должны быть на английском, и желательно маленькими буквами. 

Вот, для этой публикации, которую вы читаете, я создаю папку avtoram (название обязательно на английском!) И туда закачиваю те самые рисунки, которые вы сейчас видите в этой статье. Рис 6 и 7.

 рис. 6 Создаем папку avtoram - впечатываем название в поле ввода и нажимаем кнопку "Create"

Папку создаю в левом окошке, вписав имя, и нажав кнопку "Сreate". Потом тыкаю в эту папку и закачиваю картинки по одной, прописав путь картинки (путь на своем компьютере) в правое текстовое поле. Можно использовать кнопку "Обзор" - возникнет стандартный диалог выбора файла.

Потом, после выбора файла картинки на своем компьютере, нажимаю кнопку "Upload".

 рис 7. Закачка картинок со своего компьютера

После того, как вы закачали картинку, ее уменьшенное изображение появится в каталоге. Кликните на изображение мышкой, окно каталога закроется, и адрес картинки автоматически пропишется в окне свойств картинки, а точнее - в поле "Адрес картинки". Теперь остается настроить последние параметры (рис.4)!

Пойдем по порядку:

Описание картинки -  текст, который вы туда введете будет проиндексирован поисковыми машинами, и таким образом люди смогут найти картинку через Яндекс, Гугль, Рамблер и т.п. по вашему описанию. Обязательно заполняйте это поле!

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

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

Рамка - толщина рамки. Если установлен 0 - рамки не будет.

Вертикальный отступ, Горизонтальный отступ - в пикселях - устанавливайте значения 5-10 пикселей, если делаете обтекание картинки текстом.

И вот, после настройки всех этих параметров вы всего лишь нажимаете кнопку "Вставить"  (рис 4) - и - о чудо! Картинка появляется в тексте!

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

Да, еше один немаловажный момент! Некоторые делают так, что маленькая картинка в тексте представляет собой ссылку на большую. Типа для того, чтобы читатель не грузил сразу кучу мегабайт графики, а мог выбрать то, что ему хочется посмотреть по "превьюшкам".

Это делается так: вставляете маленькую картинку (превьюшку), затем тыкнув на нее, вы нажимаете на кнопку гиперссылка (рис. 8) и в появившемся окошке в поле "Адрес" прописываете адрес большой картинки. Обязательно не забудьте выбрать в средней строке "открыть в новом окне" 

рис 8. Кнопка вставка гиперссылки - с маленькой картинки на большую
 

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

   Ваш Буга.

   (Примечания - Григорий)