Welcome to my Code Snippets

MyCodeSnippets.Space

jekyll.leap-day.iframe.at.bottom

ReAdABLE Source

http://mycodesnippets.space/jekyll.leap-day.iframe.at.bottom.red

How to insert an iframe at the bottom of _layout/default.html.

Put the iframe below content placer holder


<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

            <!-- Begin Jekyll SEO tag v2.5.0 -->
<title>jekyll.leap-day.iframe.at.bottom | Welcome to my Code Snippets</title>
<meta name="generator" content="Jekyll v3.7.4" />
<meta property="og:title" content="jekyll.leap-day.iframe.at.bottom" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="MyCodeSnippets.Space" />
<meta property="og:description" content="MyCodeSnippets.Space" />
<link rel="canonical" href="http://mycodesnippets.space/jekyll/jekyll.insert.iframe.bottom.html" />
<meta property="og:url" content="http://mycodesnippets.space/jekyll/jekyll.insert.iframe.bottom.html" />
<meta property="og:site_name" content="Welcome to my Code Snippets" />
<script type="application/ld+json">
{"@type":"WebPage","url":"http://mycodesnippets.space/jekyll/jekyll.insert.iframe.bottom.html","headline":"jekyll.leap-day.iframe.at.bottom","description":"MyCodeSnippets.Space","@context":"http://schema.org"}</script>
<!-- End Jekyll SEO tag -->

<link rel="stylesheet" href="/assets/css/style.css?v=f7d330ddc9af08a4f846c35b375b3458a767d9fa">
<script src="https://code.jquery.com/jquery-3.3.0.min.js" integrity="sha256-RTQy8VOmNlT6b2PIRur37p6JEBZUE7o8wPgMvu18MC4=" crossorigin="anonymous"></script>
<script src="/assets/js/main.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha256-3Jy/GbSLrg0o9y5Z5n1uw0qxZECH7C6OQpVBgNFYa0g=" crossorigin="anonymous"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

            </head>
            <body>

<header>
    <a href="/">
    <h1>Welcome to my Code Snippets</h1>
    <p>MyCodeSnippets.Space</p>
</a>
</header>

<div id="banner">
    <span id="logo"></span>

    <a href="https://github.com/lepinekong/mycodesnippets" class="button fork"><strong>View On GitHub</strong></a>
    
</div><!-- end banner -->

<div class="wrapper">
<nav>
    <ul></ul>
</nav>
<section>
    
<h1 id="index-of-jekyll-code-snippets">Index of jekyll code snippets</h1>

<h3 id="readable-source">ReAdABLE Source</h3>

<p><a href="https://github.com/lepinekong/mycodesnippets/blob/master/jekyll/index.red">http://mycodesnippets.space/jekyll/index.red</a></p>

<h3 id="jekyll-themes">Jekyll Themes</h3>

<ul>
  <li>
    <p><a href="./leap-day.theme">leap-day theme code snippets</a></p>
  </li>
  <li>
    <p><a href="./jekyll.insert.iframe.bottom">insert iframe</a></p>
  </li>
</ul>



    <iframe src="https://onp4.com/embed/stream/60m4s" id="_uDHAQmYrdiEqBcfwMF9627FXW7ieMbMjBRgWILIC" style="width:100%;min-height:256px;overflow-y:hidden" scrolling="no" frameborder="0"></iframe><script>(function(){var iframe = document.getElementById('_uDHAQmYrdiEqBcfwMF9627FXW7ieMbMjBRgWILIC');setInterval(function(){iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';}, 500);})();</script>
</section>
<footer>
    
    <p>Project maintained by <a href="https://github.com/lepinekong">lepinekong</a></p>
    
    <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></small></p>
</footer>
</div>


</body>
</html>