Оформляем блог (ссылки, картинки - без кода)

Автор: Наталья Изотова / Добавлено: 23.12.17, 22:01:40

Оглавлениие: 

  1. Как вставить ссылку в блог.
  2. Как вставить картинку в блог.
  3. Как сделать "Рамочку вокруг текста"
  4. Как сделать оглавление в блоге (якорь)  (на этом сайте пока не работает)

 

I. Как вставить ссылку в блог?

1. Скопируйте нужную ссылку.

 

2. В панели инструментов выберите команду "Вставить/редактировать ссылку"

 

3. В появившемся окне "Ссылка" вставьте нужную ссылку и введите текст.

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

Внимание! При вставке ссылки следите за тем, чтобы вначале ее пропадал "http://" или другой протокол. Если у вас в окне вставки ссылка будет начинаться с протокола - значит, перед первой буквой присутствует пробел. Его надо убрать, чтобы избежать неверной работы ссылки.

Текст с ссылкой будет выделен синим цветом.

Убрать ссылку можно с помощью команды "Убрать ссылку", находящейся рядом с "Вставить/редактировать ссылку".

 

II. Как вставить картинку в блог?

1. Прежде всего, необходима ссылка на картинку. Например, из ВК (работает даже из скрытого альбома закрытого аккаунта).

- щелкните по фото в альбоме, чтобы оно появилось в отдельном окне

- нажмите правую клавишу мыши

- выберите строчку "Копировать адрес изображения"

* Вы также можете использовать специальные сайты, позволяющие заливать картинки. Например, https://ru.imgbb.com.

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

** Еще один вариант: найти нужное изображение в гугле и скопировать его адрес прямо из выданных поиском миниатюр.

 

2. В панели инструментов выберите команду "Изображение"

Появится окно "Свойства изображения".

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

Альтернативный текст НЕ БУДЕТ высвечиваться при глюке блогов, когда не видны картинки. Он высветится, если, например, вы копировали ссылку на вашу обложку, а потом эту обложку поменяли.

Граница - обведет ваш рисунок рамкой.

Отступы - расстояние между вашей картинкой и ближайшим текстом/краем листа

Выравнивание: если не выбирать какое-то определенное, то ваша картинка будет все равно выравнена по левому краю - но при этом вы не сможете поместить рядом с ней текст.

Если выбрать "По правому/левому краю", то текст будет находиться рядом с изображением. Используйте "Отступы", чтобы отделить его от края картинки.

"Замочек", если его не трогать (не открывать) позволяет сохранить пропорции изображения при изменении его ширины/высоты.

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

 

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

 

III. Как сделать "рамочку" вокруг текста?

1. Выделите текст, который хотите заключить в рамочку.

2. Выберите в стилях "Special Container".

 3. Чтобы печатать дальше в обычном режиме, перейдите на следующую строку и повторите п.2 заново. Или просто щелкните курсором по строке ниже.

 

Пока все, якорь ремонтируют.

IV. Работа с якорем. (не работает пока работа с якорем)

Якорь полезен, когда вам нужно в собственном блоге ссылаться на какой-то текст в нем же.

Вставка якоря похожа на вставку ссылки.

1. Напечатайте текст полность. Выберите то, НА ЧТО должен ссылаться якорь. В данном случае - четвертый пункт в тексте.

 

2. Выделите этот текст, нажмите команду "Вставить/редактировать якорь"

3. В появившемся окне присвойте якорю имя. Любое, какое вам удобно - оно нигде не отображается.

После нажатия ОК и закрытия окна рядом с выделенным текстом появится значок якоря. Виден он только при редактировании страницы!

 

4. Теперь надо выделить текст, ОТКУДА будет производится переход к якорю и нажать "Вставить/редактировать ссылку".

В появившемся знакомом окне меняем Тип ссылки на "ссылка на якорь в тексте"

 

5. После этого окно изменит вид на следующий: 

Так как якорю было присвоено имя "4", в выпадающем списке "По имени" выбираем 4 и нажимаем ОК.

Теперь при выборе в оглавлении п.4 читающий будет перенаправлен к разделу 4. Работа с якорем.

 

Читайте сейчас: моя серия "Магия и код" 

(фэнтэзи-киберпанк)

"Последняя попаданка" - I том

"Нулевая (забери мои крылья)" - II том

"Белая змея" - III том, заключительный

 

  

116 комментариев

Авторизуйтесь, чтобы оставлять комментарии

Войти
avatar
Юлия Хегбом
07.03.2021, 17:09:56

Сделала как вы советовали. Фото из "в контакте " не грузится. О ура. Загрузилась!!! Спасибо, я ж чайник... и нубка.

Наталья Изотова
17.06.2021, 12:57:36

Елена Третьякова, Это самое главное!)

Спасибо,спасли многих!!!.А то как слепой котенок!!!Буду пробовать!!!!

Наталья Изотова
10.03.2021, 19:52:20

Валерия Дашкевич, Отлично!

avatar
Ася Невеличка
29.09.2018, 10:59:23

Наташа, огромное спасибо))))))
Вы супер!)))

Наталья Изотова
21.02.2021, 17:28:18

Серена Никки, Ссылка неправильная, например. Не на картинку непосредственно.

avatar
Екатерина Босс
15.12.2020, 15:15:06

Спасибо Вам огромное! Не знаю, увидите ли. Но МЕСЯЦ пыжилась, ничего не получались . У других спрашивала, куда только не заходила и не копировала. А тут зашла и все получилось! Огромное Вам Спасибо, ещё раз❤️

Наталья Изотова
15.12.2020, 15:34:16

Екатерина Босс, Спасибо) Очень рада, что смогла вам помочь))

avatar
Селена Стенфилд
13.11.2020, 21:23:20

Спасибо огромное за информацию)

Наталья Изотова
13.11.2020, 21:23:46

Селена Стенфилд, Пожалуйста)

avatar
Виктория Миллс
11.11.2020, 23:05:18

Большое спасибо! Очень полезно) забрала к себе в библиотеку. Училась по вашему шаблону))

Наталья Изотова
11.11.2020, 23:19:17

Виктория Миллс, Очень приятно слышать) Пользуйтесь на здоровье)

avatar
Виктория Виннер
02.11.2020, 18:51:20

Спасибо

Наталья Изотова
02.11.2020, 22:32:42

Виктория Виннер, Пожалуйста)

avatar
Эрика Руч
02.11.2020, 17:26:47

Спасибо ♥️

Наталья Изотова
02.11.2020, 22:32:26

Эрика Руч, Пожалуйста)

avatar
Ирина Андреева
02.11.2020, 16:47:58

Спасибо!

Наталья Изотова
02.11.2020, 17:02:34

Ирина Андреева, Пожалуйста)

Спасибо.

Наталья Изотова
20.10.2020, 23:10:25

Екатерина Аверина, Пожалуйста)

avatar
Эрика Руч
20.10.2020, 17:58:43

Спасибо за информацию ♥️

Наталья Изотова
20.10.2020, 18:14:25

Эрика Руч, Спасибо, что заглянули)

avatar
Аллу Сант
20.10.2020, 14:39:02

Огромное спасибо за инфо

Наталья Изотова
20.10.2020, 15:22:35

Аллу Сант, Пользуйтесь на здоровье)

Огромное вам спасибо

Наталья Изотова
20.10.2020, 12:59:13

КЛАВДИЯ БУЛАТОВА, Рада быть полезной)

avatar
Ирина Андреева
03.08.2020, 20:51:24

Большое спасибо! Я вообще не знала как это делать! Теперь знаю, буду практиковаться.))

Наталья Изотова
03.08.2020, 20:59:02

Ирина Андреева, Удачи вам в этом!)

avatar
Пирс Кэмерон
10.07.2020, 21:04:18

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

avatar
Пирс Кэмерон
10.07.2020, 21:50:18

Наталья Изотова, А уж мне-то как было приятно, когда я его нашёл.

avatar
Жанна Штиль
31.05.2020, 02:35:23

Здравствуйте, Наташа)
При вставке картинки в книгу меняю её размер. Сохраняю. Смотрю текст после сохранения. Размеры вернулись к первоначальным. Не так давно всё получалось. Что делаю сейчас не так? "Сломала" голову))
Картинки из Радикал-фото или из ВК -- всё едино.
Надеюсь, понятно изложила суть)
Буду благодарна за ответ.

Жанна Штиль
31.05.2020, 15:57:14

Наталья Изотова, добрый день)
Что-то изменилось на сайте)) Ну и ладно. Думала, смогу избежать двойной\тройной работы. Эхх...((
Ваши блоги полезные. Жаль только, что красивые кнопки/самоделки съедают такие нужные знаки в аннотации.
Спасибо за ваше неравнодушие!

avatar
Anna Ren
28.05.2020, 06:30:07

Здравствуйте. А подскажите, пожалуйста, для тех, кто в танке. Как сам блог завести? Его как-то активировать нужно? А то захожу в раздел Мой блог, а там ничего нет.

Наталья Изотова
28.05.2020, 09:10:55

Anna Ren, Здравствуйте. Для этого нужно набрать сперва 50 подписчиков.

avatar
Валерия Брайт
11.05.2020, 15:02:43

Как вставить приобретенную картинку из shutterstock?

Наталья Изотова
11.05.2020, 15:56:29

Валерия Брайт, Вы молодец!)

avatar
Валерия Брайт
11.05.2020, 00:27:12

Очень полезно, спасибо

Наталья Изотова
11.05.2020, 00:31:28

Спасибо, что заглянули)

avatar
Надежда Пятая
30.04.2020, 17:07:48

Спасибо! Очень полезная информация.
А кнопки в блоге можно делать? Или в тексте книги?

Наталья Изотова
30.04.2020, 18:14:01

Спасибо)
Кнопка в блоге - это просто картинка кнопки с прикрученной к ней ссылкой (см. раздел II, пункт 3).
А в книге, увы, ссылки не работают.

avatar
Julia Uzun
02.03.2020, 10:27:09

Очень полезный блог) Спасибо)

Наталья Изотова
02.03.2020, 12:07:58

Спасибо вам, что заглянули)

avatar
Тэмзин Хэйз
02.03.2020, 10:08:34

Боже, как полезно. от души благодарю!)

Наталья Изотова
02.03.2020, 12:07:45

Спасибо большое, это очень приятно)

Спасибо)

Наталья Изотова
28.02.2020, 19:55:02

Пользуйтесь, пожалуйста)

avatar
Xenya online
07.12.2019, 11:30:28

Здравствуйте! Спасибо за полезный контент!

Скажите пожалуйста, почему картинка в мобильной версии получается очень вытянутой? Ширина - 640.

Наталья Изотова
07.12.2019, 12:27:42

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

avatar
Ольга Лучезар
28.11.2019, 13:36:09

Спасибо!

Наталья Изотова
28.11.2019, 13:50:00

Ольга Лучезар, Спасибо, что заглянули)

avatar
Елена Козина
08.10.2019, 22:44:03

Спасибо, Наталья! Как всегда, доходчиво и полезно.

Елена Козина
09.10.2019, 15:29:49

Наталья Изотова, Еще как! ))

avatar
Анна Стефаненко
08.10.2019, 22:24:51

Спасибо! Очень полезная и нужная информация!

Наталья Изотова
08.10.2019, 22:35:12

Спасибо))

avatar
Эва Эверли
12.09.2019, 14:45:08

Здравствуйте. После вставки ссылки на изображение, картинка в препросмотре не высвечивается и соответственно не добавляется, что это может быть?(

Эва Эверли
12.09.2019, 16:11:40

Наталья Изотова, спасибо

Спасибо за полезную статью. А как поднять запись в блоге?

Наталья Изотова
14.03.2019, 22:12:10

Марина Владимирова-Бойко, Да, на самый верх будет прыгать.
Но комментировать должен не автор блога.

avatar
Аврора Лимонова
10.01.2019, 23:39:15

Спасибо!) Невероятно полезный блог))

Наталья Изотова
11.01.2019, 08:44:12

Аврора Лимонова, Благодарю)

avatar
Шанель Оберлин
10.01.2019, 11:01:25

Как сделать запись в мой блог??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

Шанель Оберлин
10.01.2019, 12:35:11

Спасибо)

avatar
Пирс Кэмерон
06.01.2019, 20:33:55

У меня вопрос:
Картинки валяются в отдельной папке непосредственно на компе. Никакими ВК и Одноклассниками не пользуюсь.
Единственный , в моей ситуации, способ залить картинки - это через https://ru.imgbb.com. ?
Или я что-то упустил?

avatar
Пирс Кэмерон
06.01.2019, 21:00:50

Наталья Изотова, Как бы он меня не сломал.

avatar
Тамара Бергман
18.12.2018, 21:31:17

А можно ли вставить в блог видео ролик (с Ютуба, например) или хотя бы ссылку на него? Как?

Наталья Изотова
19.12.2018, 07:33:50

Тамара Бергман, Сам ролик нельзя.
Можно сделать красивую картинку, например, и привязать к ней ссылку на ютуб. (см. п.2 про вставку картинок).
Или просто вставить в виде ссылки.

avatar
София Грей
29.09.2018, 10:55:12

Спасибо, Наталья!

Наталья Изотова
29.09.2018, 11:01:47

София Грей, Пожалуйста)

avatar
Ольга Лебедева
29.09.2018, 10:37:39

Огромное спасибо за столь подробноые разъяснения:) Вы мне очень помогли.

Наталья Изотова
29.09.2018, 11:01:34

Ольга Лебедева, Рада быть полезной!)

avatar
Евгения Бергер
29.07.2018, 22:55:43

спасибо. Такие полезности всегда пригодятся!

Наталья Изотова
29.07.2018, 23:53:43

Евгения Бергер, Пожалуйста)

avatar
Ея Россо
29.07.2018, 21:08:12

спасибо,полезно!

Наталья Изотова
29.07.2018, 21:09:37

Ея Россо, Пожалуйста :)

avatar
Регина Грез
29.07.2018, 21:06:04

Спасибо еще раз!

Регина Грез
29.07.2018, 21:08:45

Наталья Изотова, Подробно и доступно - то, что надо!

avatar
Евгения Халь
24.12.2017, 00:08:22

Спасибо большое! Утащила в библиотэку! Так все ясно и наглядно, что понятно даже мне)))

Евгения Халь
24.12.2017, 00:21:51

Наталья Изотова, Еще как пригодится! Буду юзать много и часто)

Хороший блог, думаю, многим будет полезно =))
Жаль, не работает функция "открыть в новом окне" при нажатии на ссылку. Средней кнопкой мышки, конечно, можно это сделать, но... есть же функция =)) По крайней мере я каждый раз ставлю, и каждый раз при сохранении блога она слетает и, само собой, не отрабатыает.

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

avatar
Елена Лапушкина
23.12.2017, 22:52:05

Спасибо) Узнала кое-что новенькое - про якоря. Не рассматривала ещё настолько тщательно панель, хотя она во многом похожа на уже знакомые)

Елена Лапушкина
23.12.2017, 23:05:09

Наталья Изотова, да, вроде простая система, но не работает о_О Попробовала в старой записи в блоге - слетают якоря, похоже

Books language: