![]() |
Как вставить галерею картинок на блог |
К
примеру, вы вырастили красивые цветы, приехали из поездки и хотите поделиться
своими фотографиями.
Фото галерея всегда привлекает посетителей.
Можно создать на блоге, созданном в 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», после установки всех фотографий, просто удалите.
Источник скрипта: Цветочная галерея!!!
Посмотрите галерею моих фотографий:
Санаторий «Волжанка»,
Чебоксары
Как вставить галерею картинок на блог Галерея картинок для блога, Татьяна, спасибо за очень актуальную статью. Моему блогу, галерея жизненно необходима.
ОтветитьУдалитьдля Вас и писала статью, Нина! Знаю, как Вам важно показать Ваши клематисы!
УдалитьТатьяна, ваша статья Галерея картинок для блога очень нужна. Давно хотелось узнать как поставить несколько картинок на странице, и именно в ряд. Находила скрипты, но они что - то мне не понравились. А тут ваша статья. Благодарю!!!!
ОтветитьУдалитьДа, Александра, я тоже считаю эту статью полезной для блоггеров.
УдалитьЗдорово получилось, как и моя цветочная галерея
ОтветитьУдалитьДа, Валентина, спасибо Вам за скрипт.
УдалитьКак здорово! Обязательно придумаю что-нибудь себе в блог. Спасибо, Татьяна!
ОтветитьУдалитьМария, картинки украшают блог, а галерея - вдвойне!
УдалитьС большим удовольствием учусь на Ваших уроках.Спасибо!
ОтветитьУдалитьМне приятно, Римма. Заходите! Всегда рада гостям и читателям!
УдалитьТатьяна, я каждый раз любуюсь вашими блогами. Каждый раз нахожу для себя, что то новое, интересное и полезное. Вы умница!!! Столько отдаете знаний. Спасибо Вам за это.
ОтветитьУдалитьДля чего же узнавать новое, если им не делиться с друзьями? Спасибо, Елена!
УдалитьСпасибо, очень помогло!!!
ОтветитьУдалитьХорошо, заходите, Татьяна!
УдалитьОтличная статья, подскажите, а как сделать чтобы при клике на картинку можно было перещелкивать между всеми карт на странице (у меня сейчас при клике на фотографию она открывается в большем формате на отдельной странице)
ОтветитьУдалитьПрисоединяюсь к Анастасии. Плюс ещё отдельно по фото Вашего блога вопрос, Татьяна. Видимо это настройки темы такие что когда на фото курсор наводишь - оно увеличивается и тень рамки добавляется. Или скрипт какой использовали.
ОтветитьУдалитьУ вас другая галерея под ней паровозиком еще картинки.А цветочная просто выдвигают картинку.
ОтветитьУдалитьу вас картинки увеличиваются, но єтот код дает только вставить в определенную последовательность. они не открываются как у вас на страничке
ОтветитьУдалитьотреагируйте пожалуйста на моё письмо)))) мне очень интересно что вы предложите
ОтветитьУдалить