JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<form id="embedded-subscribe" onsubmit="return false;"><a href="https://link.coupang.com/a/CrcM2" target="_blank" style="color: white; text-decoration:none;" rel="noopener nofollow" onclick="closeNav()"><div class="bloom-popup">쿠팡 방문하고 계속 읽기</div></a>
<p class="bloom-credit"><a href="https://link.coupang.com/a/CrcM2" target="_blank" style="font-size: 1.12em; color: black; text-decoration:none; padding:10px;" rel="noopener nofollow" onclick="closeNav()">이 포스팅은 쿠팡 파트너스의 일환으로 일정액의 수수료를 제공받을 수 있습니다. 이를 통해 블로그 운영을 지원하실 수 있습니다.</a></p>
<p class="bloom-back">(원치 않을 경우 뒤로 가기를 눌러주세요.)</p>
<button class="submit-form" type="submit" style="visibility: hidden;">S</button></form>

CSS

span.et_bloom_close_button { visibility: hidden; } .et_bloom .et_bloom_form_container .et_bloom_form_header { display: none; } .bloom-popup { padding: 15px !important; font-size: 1.2em !important; background: #2196f3; text-align: center; } .bloom-credit { text-align: center; padding: 25px 10px !important; line-height: 1.6em !important; } .bloom-back { text-align:center; } :lang(ja) .et_bloom .et_bloom_popup { display: none !important; } .bloom-popup { border-radius: 30px; }

.bloom-popup:before {
  display: inline-block;
  content: "\00d7";
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 1.1em;
  color: white;
}

JavaScript

function closeNav() {
document.getElementsByClassName('submit-form')[0].click();
document.getElementsByClassName('et_bloom_close_button')[0].click(); 
}