Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
пятница, 25 мая 2018 г.

Галерея с картинок в Blogger

источник: Я блоггер https://yablogger.info/.

Галерея с картинок в 2 ряда
ДЕМО: https://demo-yablogger.blogspot.com/2017/09/blogger-galereya-izobrazhenij.html
Что бы создать галерею из картинок применим тег html <table>. С помощью этого тега можно создать таблицу(https://yablogger.info/kak-sozdat-tablicu-v-html-teg-table.html),
разбить текст на 2 колонки(https://yablogger.info/razbit-tekst-na-kolonki-v-html.html).
Открываем HTML редактор сообщения под цифрой 2 на скриншоте и вставляем код:
<table>
<tr><td>Картинка1</td>
<td>Картинка 2</td>
<td>Картинка 3</td></tr>
</table>
или такой код:
<table border="0"cellspacing="1"cellpadding="1" width="100%"><tr><td>Картинка 1 </td><td>Картинка 2 </td><td>Картинка 3</td> </tr></table>
Добавили, нажимаем на кнопку СОЗДАТЬ под цифрой 1, в текстовом редакторе сообщения вы не увидите код, там откроются слова:
Картинка 1 Картинка 2 Картинка 3 
Ставим курсор перед каждым словом Картинка и загружаем фотографии, выбираем маленький размер, по желанию добавляем подпись, все галерея готова. Удаляем слова и цифры.

Галерея изображений для blogger (https://yablogger.info/kak-sdelat-galereyu-iz-kartinok-v-blogger.html#more-95)
Чтобы сделать 2 ряда, т.е 6 картинок в галерее, после загрузки 3-х картинок, слова картинка 1, картинка 2 и картинка 3 переместятся во второй ряд под изображениями. Делаем все так же как с первым рядом, но если будем делать, как и в первом случае, то второй ряд будет прилипать к первому. Что бы их разделить, ставим курсор перед словом и нажимаем Enter.

Загружать желательно только три фотографии в ряд, четвертая в разных шаблонах может выходить за границы блока контента.



0 коммент.:

Отправить комментарий