пятница, 20 апреля 2018 г.

Как сделать галерею с картинок в Blogger


Как сделать галерею с картинок в Blogger

Здравствуйте, дорогие посетители и подписчики сайта Я блоггер. Как создать галерею из картинок интересует многих начинающих блогеров. Каждому хочется, что бы дизайн его блога был красивым, привлекательным для посетителей. Фотогалерея радует глаз и несомненно привлекает внимание всех и каждого.
 
Галерея изображений для блоггеров на blogger.com
Галерея с картинок в 2 ряда


Что бы создать галерею из картинок применим тег html <table>. С помощью этого тега можно создать таблицуразбить текст на 2 колонки.

Открываем 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
Галерея изображений для blogger

Чтобы сделать 2 ряда, т.е 6 картинок в галерее, после загрузки 3-х картинок, слова картинка 1, картинка 2 и картинка 3 переместятся во второй ряд под изображениями. Делаем все так же как с первым рядом, но если будем делать, как и в первом случае, то второй ряд будет прилипать к первому. Что бы их разделить, ставим курсор перед словом и нажимаем Enter.

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

Комментариев нет:

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