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

Как спрятать текст, картинку под спойлер (spoiler)

Убрать текст под spoiler
Как спрятать текст, картинку под спойлер (spoiler)

Привет друзья! Бывает иногда необходимость прятать/убрать текст, картинку или скрипт под спойлер (spoiler) в Blogger, что бы наши статьи выглядели более компактно и привлекательней. Сегодня я покажу вам несколько примеров, как скрывать объёмные сообщения при помощи спойлера для blogger. Spoiler - язык программирования HTML, Javascript и так далее. Спойлером называют скрывающийся (или показывающийся) объект (текст, картинка, код и так далее).

Стильный спойлер (spoiler) для Blogger - скрываем текст (сменил шаблон перестал работать в WordPress):

Spoiler:
Lorem Ipsum по русски
Lorem Ipsum боль сидеть Амет, consectetur adipisicing элит, SED сделать eiusmod tempor incididunt ут Labore и др. dolore Magna aliqua. Ut эним объявление миним veniam, quis nostrud упражнение тестовая ссылка ullamco Laboris Ниси-ут aliquip бывший шт commodo consequat. Duis Aute irure боль в reprehenderit в voluptate другую ссылку велит эссе cillum dolore ЕС fugiat Nulla pariatur. Excepteur Синт occaecat cupidatat без proident, sunt в Culpa Квай officia deserunt mollit Anim ID EST laborum.
Lorem Ipsum просто манекен текста печати и верстки промышленности. Lorem Ipsum был стандартный текст манекен в отрасли с тех пор 1500-х годов, когда неизвестный принтер принял камбуз типа и вскарабкался его, чтобы сделать ссылку еще раз с более длинными якорный текст книги типа образца. Он не только успешно пережил пять веков, но и перешагнул в электронный набор, оставаясь практически неизменной. Она стала популярной в 1960-х с тестовыми ссылку выпуск Letraset листов, содержащих проходы Lorem Ipsum, а в последнее время с настольными издателя программного обеспечения, как Aldus PageMaker включая версии Lorem Ipsum.

Теперь попробуем скрыть картинку под спойлер:

Spoiler:

Код:

Надписи, размер кнопки, размер шрифта надписи, можете заменить на свои. Код ставится в режиме HTML.

Переходим к следующему спойлеру. С помощью сочетанием клавиш (Ctrl+F) Вам надо найти  строку в  шаблоне: </body> Перед этой строчкой - добавьте этот код:

Сохраните шаблон, теперь в режиме HTML пользуйтесь этим кодом:

Вот пока всё. Всем пока. До новых встреч.

С уважением ваш Сергей — блог shkolablogger.ru

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *