Рада видеть вас на моем блоге!!!

6.12.16

Галерея картинок для блога, созданного в Blogger.com

Как вставить галерею картинок
на блог
Галерея картинок для блога, созданного в Blogger.com, иногда должна появляться на блоге. 

К примеру, вы вырастили красивые цветы, приехали из поездки и хотите поделиться своими фотографиями.

Фото галерея всегда привлекает посетителей.

Можно создать на блоге, созданном в Blogger.com, фото галерею, как отдельную страницу блога, но можно показать свои фотографии и в сообщении.

Как создать галерею картинок для блога, созданного в Blogger.com?

Для создания галереи картинок используется следующий скрипт – HTML-код:

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>

Чтобы вставить картинки на страницу сообщения, вставьте HTML-код в HTML редакторе сообщения, затем нажмите кнопку «Создать».


На странице сообщения появляются такие слова: «столбец 1 столбец 2 столбец 3».


Вставляем на блог только 3 столбца – по ширине страницы.

Как вставить галерею картинок в сообщение?


Начинаем вставлять фотографии. Перед словом «столбец 1» ставим курсор и нажимаем на значок картинки – «Вставить изображение». Загружаем картинку на блог и выбираем это изображение. Когда картинка встанет в сообщение, нажимаем на эту картинку и на открывшейся голубой полоске выбираем размер картинки - маленькая.

После этого, ставим курсор перед словом «столбец 2», нажимаем на значок картинки – «Вставить изображение». Загружаем картинку на блог и выбираем это изображение. Когда картинка встанет в сообщение, нажимаем на эту картинку и на открывшейся голубой полоске выбираем размер картинки- маленькая.

Точно так же ставим третью фотографию. После этого, нажимает кнопку «Enter» на клавиатуре, делая отступ вниз от каждой фотографии.

Слова «столбец 1 столбец 2 столбец 3» появились под первым рядом фотографий.


Снова перед словом «столбец 1» ставим курсор, нажимаем на значок картинки – «Вставить изображение». Загружаем картинку на блог и выбираем это изображение. Когда картинка встанет в сообщение, нажимаем на эту картинку и на открывшейся голубой полоске выбираем размер картинки- маленькая. Можно добавить подписи к каждой картинке.

Таким образом, мы вставляем фото галерею на блог, созданный в Blogger.com, из любого количества фотографий. А слова «столбец 1 столбец 2 столбец 3», после установки всех фотографий, просто удалите. 

Источник скрипта: Цветочная галерея!!! 


Посмотрите галерею моих фотографий: 
Санаторий «Волжанка», Чебоксары






















19 комментариев :

  1. Как вставить галерею картинок на блог Галерея картинок для блога, Татьяна, спасибо за очень актуальную статью. Моему блогу, галерея жизненно необходима.

    ОтветитьУдалить
    Ответы
    1. для Вас и писала статью, Нина! Знаю, как Вам важно показать Ваши клематисы!

      Удалить
  2. Татьяна, ваша статья Галерея картинок для блога очень нужна. Давно хотелось узнать как поставить несколько картинок на странице, и именно в ряд. Находила скрипты, но они что - то мне не понравились. А тут ваша статья. Благодарю!!!!

    ОтветитьУдалить
    Ответы
    1. Да, Александра, я тоже считаю эту статью полезной для блоггеров.

      Удалить
  3. Здорово получилось, как и моя цветочная галерея

    ОтветитьУдалить
  4. Как здорово! Обязательно придумаю что-нибудь себе в блог. Спасибо, Татьяна!

    ОтветитьУдалить
    Ответы
    1. Мария, картинки украшают блог, а галерея - вдвойне!

      Удалить
  5. С большим удовольствием учусь на Ваших уроках.Спасибо!

    ОтветитьУдалить
    Ответы
    1. Мне приятно, Римма. Заходите! Всегда рада гостям и читателям!

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

    ОтветитьУдалить
    Ответы
    1. Для чего же узнавать новое, если им не делиться с друзьями? Спасибо, Елена!

      Удалить
  7. Спасибо, очень помогло!!!

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

    ОтветитьУдалить
  9. Присоединяюсь к Анастасии. Плюс ещё отдельно по фото Вашего блога вопрос, Татьяна. Видимо это настройки темы такие что когда на фото курсор наводишь - оно увеличивается и тень рамки добавляется. Или скрипт какой использовали.

    ОтветитьУдалить
  10. У вас другая галерея под ней паровозиком еще картинки.А цветочная просто выдвигают картинку.

    ОтветитьУдалить
  11. у вас картинки увеличиваются, но єтот код дает только вставить в определенную последовательность. они не открываются как у вас на страничке

    ОтветитьУдалить
  12. отреагируйте пожалуйста на моё письмо)))) мне очень интересно что вы предложите

    ОтветитьУдалить