Skip to content

Instantly share code, notes, and snippets.

@vaishalighuman
Created August 25, 2023 10:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vaishalighuman/69f9b00cee41ae6f90dca8f10ae28d38 to your computer and use it in GitHub Desktop.
Save vaishalighuman/69f9b00cee41ae6f90dca8f10ae28d38 to your computer and use it in GitHub Desktop.
STEP 1:
Add the following script tag in the <head> to include amp-iframe component.
If already present, ignore this step.
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
STEP 2:
Add the following style to your already existing <style amp-custom> tag.
.mybotUnibots {
bottom: 100px ;
right: 0;
position: fixed;
z-index: 2147483646;
}
STEP 3:
Add the following div just before closing <body> tag
<div class="mybotUnibots">
<amp-iframe width="150" height="150" sandbox="allow-scripts allow-same-origin allow-popups" resizable src="https://covidapi.unibots.in/html/tupaki/directAd_cube">
<div overflow tabindex="0" role="button" aria-label="Show more">More</div>
<amp-img layout="fill" src="https://cdn.jsdelivr.net/gh/unib0ts/unibots/coronaWidget30/ph.png" placeholder></amp-img>
</amp-iframe>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment