Как создать попап для шаблона blogger

Question

У меня вопрос, как создать всплывающий костюм, чтобы при посещении пользователем он отображался на экране в течение нескольких минут. Я устал создавать поп, который показывает изображение и текст, когда приходит посетитель.

Answer 1

Вы можете сделать что-то вроде следующего:

• Создайте элемент с уникальным идентификатором и поместите его в любом месте вашего шаблона
• Примените стиль к элементу с помощью CSS
• Используйте JavaScript, чтобы скрыть элемент через желаемое время

Вот код

<div id="msg">welcome, I will disappear after 5 sec</div>

<style>
#msg {
  position: fixed;
  padding: 2em;
  background: black;
  color: white;
  z-index: 100000;
}
</style>

<script>
  setTimeout(function(){
	document.getElementById('msg').style.display = 'none';
  }, 5000);
</script>