<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[BEST] iFrame Generator - Free Online Responsive iFrame Code Generator Tool</title>
<meta name="description" content="Online iFrame Generator tool allow you to Generate iframe code to embed any HTML doc or page to any website or blog with live preview options and customizations" />
<meta property="fb:admins" content="technosahilprime" />
<link rel="canonical" href="https://techno-sahil.blogspot.com/" />
<meta property="og:title" content="[BEST] iFrame Generator - Free Online Responsive iFrame Code Generator Tool" />
<meta property="og:description" content="Online iFrame Generator tool allow you to Generate iframe code to embed any HTML doc or page to any website or blog with live preview options and customizations" />
<meta property="og:image" content="icon.png" />
<meta name="theme-color" content="#2166da">
<link rel='stylesheet' id='https://yourjavascript.000webhostapp.com/upload/style.min.css' href='https://yourjavascript.000webhostapp.com/upload/style.min.css' media='all' />
<style>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='astra-theme-css-inline-css'>
html{font-size:100%;}a,.page-title{color:#2fb8f8;}a:hover,a:focus{color:#3a3a3a;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Open Sans',sans-serif;font-weight:400;font-size:16px;font-size:1rem;line-height:1.6;}blockquote{color:#000000;}h1,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.site-title,.site-title a{font-family:'Open Sans',sans-serif;font-weight:700;}.site-title{font-size:35px;font-size:2.1875rem;}header .site-logo-img .custom-logo-link img{max-width:160px;}.astra-logo-svg{width:160px;}.ast-archive-description .ast-archive-title{font-size:35px;font-size:2.1875rem;}.site-header .site-description{font-size:15px;font-size:0.9375rem;}.entry-title{font-size:18px;font-size:1.125rem;}.comment-reply-title{font-size:26px;font-size:1.625rem;}.ast-comment-list #cancel-comment-reply-link{font-size:16px;font-size:1rem;}h1,.entry-content h1{font-size:36px;font-size:2.25rem;font-family:'Open Sans',sans-serif;}h2,.entry-content h2{font-size:24px;font-size:1.5rem;font-family:'Open Sans',sans-serif;}h3,.entry-content h3{font-size:19px;font-size:1.1875rem;font-family:'Open Sans',sans-serif;}h4,.entry-content h4{font-size:16px;font-size:1rem;}h5,.entry-content h5{font-size:15px;font-size:0.9375rem;}h6,.entry-content h6{font-size:14px;font-size:0.875rem;}.ast-single-post .entry-title,.page-title{font-size:35px;font-size:2.1875rem;}#secondary,#secondary button,#secondary input,#secondary select,#secondary textarea{font-size:16px;font-size:1rem;}::selection{background-color:#2fb8f8;color:#000000;}body,h1,.entry-title a,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.wc-block-grid__product-title{color:#3a3a3a;}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#000000;border-color:#2fb8f8;background-color:#2fb8f8;}.main-header-menu a,.ast-header-custom-item a{color:#3a3a3a;}.main-header-menu li:hover > a,.main-header-menu li:hover > .ast-menu-toggle,.main-header-menu .ast-masthead-custom-menu-items a:hover,.main-header-menu li.focus > a,.main-header-menu li.focus > .ast-menu-toggle,.main-header-menu .current-menu-item > a,.main-header-menu .current-menu-ancestor > a,.main-header-menu .current_page_item > a,.main-header-menu .current-menu-item > .ast-menu-toggle,.main-header-menu .current-menu-ancestor > .ast-menu-toggle,.main-header-menu .current_page_item > .ast-menu-toggle{color:#2fb8f8;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:#2fb8f8;}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:#2fb8f8;background-color:#2fb8f8;box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:#2fb8f8;border-color:#2fb8f8;}.footer-adv .footer-adv-overlay{border-top-style:solid;border-top-color:#7a7a7a;}.footer-adv .widget-title,.footer-adv .widget-title a{color:#444444;}.footer-adv{color:#000000;}.footer-adv a{color:#333333;}.footer-adv .tagcloud a:hover,.footer-adv .tagcloud a.current-item{border-color:#333333;background-color:#333333;}.footer-adv a:hover,.footer-adv .no-widget-text a:hover,.footer-adv a:focus,.footer-adv .no-widget-text a:focus{color:#333333;}.footer-adv .calendar_wrap #today,.footer-adv a:hover + .post-count{background-color:#333333;}.footer-adv-overlay{background-color:#f5f5f5;}.ast-comment-meta{line-height:1.666666667;font-size:13px;font-size:0.8125rem;}.single .nav-links .nav-previous,.single .nav-links .nav-next,.single .ast-author-details .author-title,.ast-comment-meta{color:#2fb8f8;}.entry-meta,.entry-meta *{line-height:1.45;color:#2fb8f8;}.entry-meta a:hover,.entry-meta a:hover *,.entry-meta a:focus,.entry-meta a:focus *{color:#3a3a3a;}.ast-404-layout-1 .ast-404-text{font-size:200px;font-size:12.5rem;}.widget-title{font-size:22px;font-size:1.375rem;color:#3a3a3a;}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:#2fb8f8;}.secondary .calendar_wrap #today,.ast-progress-val span{background:#2fb8f8;}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:#2fb8f8;border-color:#2fb8f8;}.calendar_wrap #today > a{color:#000000;}.ast-pagination a,.page-links .page-link,.single .post-navigation a{color:#2fb8f8;}.ast-pagination a:hover,.ast-pagination a:focus,.ast-pagination > span:hover:not(.dots),.ast-pagination > span.current,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#3a3a3a;}.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle{background:transparent;color:#2fb8f8;}.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle{background:transparent;border:1px solid #2fb8f8;color:#2fb8f8;}.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle{background:#2fb8f8;color:#ffffff;}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"]{color:#ffffff;border-color:#2fb8f8;background-color:#2fb8f8;border-radius:2px;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px;font-family:inherit;font-weight:inherit;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.button:hover,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{color:#ffffff;background-color:#333333;border-color:#333333;}.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button{background-color:#2180ed;padding-left:10px;padding-right:10px;border-style:solid;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;}.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button{border-style:solid;}.footer-adv .tagcloud a:hover,.footer-adv .tagcloud a.current-item{color:#ffffff;}.footer-adv .calendar_wrap #today{color:#ffffff;}@media (min-width:545px){.ast-page-builder-template .comments-area,.single.ast-page-builder-template .entry-header,.single.ast-page-builder-template .post-navigation{max-width:1180px;margin-left:auto;margin-right:auto;}}@media (max-width:768px){.ast-archive-description .ast-archive-title{font-size:40px;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}.ast-single-post .entry-title,.page-title{font-size:30px;}}@media (max-width:544px){.ast-archive-description .ast-archive-title{font-size:40px;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}.ast-single-post .entry-title,.page-title{font-size:30px;}}@media (max-width:768px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:769px){.ast-container{max-width:1180px;}}@font-face {font-family: "Astra";src: url(/astra.woff) format("woff"),url(/astra.ttf) format("truetype"),url(/astra.svg#astra) format("svg");font-weight: normal;font-style: normal;font-display: fallback;}@media (max-width:767px) {.main-header-bar .main-header-bar-navigation{display:none;}}.ast-desktop .main-header-menu.submenu-with-border .sub-menu,.ast-desktop .main-header-menu.submenu-with-border .children,.ast-desktop .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper{border-color:#eaeaea;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu,.ast-desktop .main-header-menu.submenu-with-border .children{border-top-width:1px;border-right-width:1px;border-left-width:1px;border-bottom-width:1px;border-style:solid;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu,.ast-desktop .main-header-menu.submenu-with-border .children .children{top:-1px;}.ast-desktop .main-header-menu.submenu-with-border .sub-menu a,.ast-desktop .main-header-menu.submenu-with-border .children a{border-bottom-width:1px;border-style:solid;border-color:#eaeaea;}@media (min-width:769px){.main-header-menu .sub-menu li.ast-left-align-sub-menu:hover > ul,.main-header-menu .sub-menu li.ast-left-align-sub-menu.focus > ul{margin-left:-2px;}}@media (max-width:920px){.ast-404-layout-1 .ast-404-text{font-size:100px;font-size:6.25rem;}}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}.ast-header-break-point .site-header{border-bottom-width:1px;}@media (min-width:769px){.main-header-bar{border-bottom-width:1px;}}.ast-safari-browser-less-than-11 .main-header-menu .menu-item,.ast-safari-browser-less-than-11 .main-header-bar .ast-masthead-custom-menu-items{display:block;}.main-header-menu .menu-item,.main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > a{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-primary-menu-disabled .main-header-bar .ast-masthead-custom-menu-items{flex:unset;}.header-main-layout-1 .ast-flex.main-header-container,.header-main-layout-3 .ast-flex.main-header-container{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}.ast-desktop .astra-menu-animation-slide-up>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-slide-down>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(-.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-fade>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}
</style>
<link rel='stylesheet' id='astra-google-fonts-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C%2C700&display=fallback&ver=2.3.4' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://yourjavascript.000webhostapp.com/upload/fronted.min.css' media='all' />
<link rel='stylesheet' id='elementor-post-2686-css' href='https://yourjavascript.000webhostapp.com/upload/posts2686.css' media='all' />
</head><body>
<style type="text/css">
.header{background:#2873f0;color:#fff;text-align:center;box-shadow:1px 2px 3px 0 rgba(0,0,0,.3);text-transform:uppercase}.sitename{color:#fff;padding-top:20px;font-size:35px;display:block;opacity:.9;backface-visibility:hidden}nav{width:100%;background:#2166da;margin-top:12px}nav a{display:inline-block;padding:12px 15px;color:#ffffffa6;background:#2166da;font-size:14px}nav a:hover{background:#145ab1;color:#fff}
@media only screen and (max-width: 680px)
p.site-description {
font-size: 5px;
}
p.site-description {
font-size: 10px;
color: #8bb7ff;
margin-top: 5px;
margin-bottom: 5px;
}
.iframesub {
float: right;
margin-left: 5px;
background: #03a712;
box-shadow: 0px 1px 2px #bbbbbb;
color: #fff;
font-size: 17px;
padding: 12px 13px;
text-decoration: none;
cursor: pointer;
backface-visibility: hidden;
}
</style>
<div class="header">
<a class="sitename" href="/" rel="home"><font color="white"><b>iFrame Generator</b></font></a>
<p class="site-description container">iframe code generator is one of the best and useful free online tool for iFrame creator (responsive iframe generator) with live iframe Preview options for Webmasters and Website Designers to embed any web page to any HTML page or docs.</p>
<nav>
<a href="/about-us.html"><font color="white">About Us</font></a>
<a href="/contact-us.html"><font color="white">Contact Us</font></a>
<a href="/privacy-policy.html"><font color="white">Privacy Policy</font></a>
<a href="/terms-conditions.html"><font color="white">Terms & Conditions</font></a>
</nav>
</div>
<div data-elementor-type="wp-page" data-elementor-id="2686" class="elementor elementor-2686" data-elementor-settings="[]">
<div class="elementor-inner">
<div class="elementor-section-wrap">
<section class="elementor-element elementor-element-7607aed elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="7607aed" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
</div>
</div>
</section>
<script src='https://yourjavascript.000webhostapp.com/upload/jquery.js'></script>
<script>
var cssTarget = {"Bodhi":"img.style-svg","ForceInlineSVG":"style-svg"};
var ForceInlineSVGActive = "true";
</script>
<div class="entry-content clear" itemprop="text">
<div class="elementor-element elementor-element-212fdf8 elementor-widget elementor-widget-spacer" data-id="212fdf8" data-element_type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
</div>
</div>
</div>
<center>
<section class="elementor-element elementor-element-a590b87 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="a590b87" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-88135aa elementor-column elementor-col-66 elementor-top-column" data-id="88135aa" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-f23ec2b elementor-widget elementor-widget-heading" data-id="f23ec2b" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-large">iFrame Code Generator</h1> </div>
</div>
<div class="elementor-element elementor-element-a2dc41d elementor-widget elementor-widget-html" data-id="a2dc41d" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="iframe-container">
<div class="iframe-inner">
<div class="frame-row">
<label>iFrame URL:</label>
<div class="if-field-group">
<input type="text" id="f-url" value="https://www.domain-name.com" />
<span class="bar"></span> </div>
</div>
<div class="frame-flex frame-prop frame-row">
<div class="f-col-3">
<label>iFrame Name:</label>
<div class="if-field-group">
<input type="text" id="f-name" value="iFrame Name" />
<span class="bar"></span> </div>
</div>
<div class="f-col-3">
<label>Width:</label>
<div class="if-dime">
<div class="if-field-group">
<input type="text" id="f-width" value="100" />
<span class="bar"></span> </div>
<div class="if-select">
<select class="f-unit" id="f-wUnit">
<option value="%">%</option>
<option value="px">px</option>
</select>
<div class="select-arrow"></div>
</div>
</div>
</div>
<div class="f-col-3">
<label>Height:</label>
<div class="if-dime">
<div class="if-field-group">
<input type="text" id="f-height" value="500" />
<span class="bar"></span> </div>
<div class="if-select">
<select class="f-unit" id="f-hUnit">
<option value="px">px</option>
<option value="%">%</option>
</select>
<div class="select-arrow"></div>
</div>
</div>
</div>
</div>
<div class="frame-flex frame-row">
<div class="f-col-3 ex-opt">
<label>Scrollbar:</label>
<label class="radio">
<input type="radio" name="f-scroll" class="hidden" value="Yes">
<span class="label"></span>Yes </label>
<label class="radio">
<input type="radio" name="f-scroll" class="hidden" value="No" checked>
<span class="label"></span>No </label>
</div>
<div class="f-col-3 ex-opt">
<input type="checkbox" id="f-border" name="set-name" class="switch-input">
<label for="f-border" class="switch-label">Border <span class="toggle--on">On</span><span class="toggle--off">Off</span></label>
</div>
</div>
<div id="f-bProp" style="display:none;">
<div class="frame-flex frame-prop frame-row">
<div class="f-col-3">
<label>Border Type:</label>
<div class="if-select">
<select id="f-bType">
<option value="solid">solid </option>
<option value="dashed">dashed </option>
<option value="dotted">dotted </option>
<option value="double">double </option>
<option value="groove">groove </option>
<option value="ridge">ridge </option>
<option value="inset">inset </option>
<option value="outset">outset </option>
</select>
<div class="select-arrow"></div>
</div>
</div>
<div class="f-col-3">
<label>Border Size:</label>
<div class="if-field-group">
<input type="text" id="f-bSize" value="1" />
<span class="bar"></span> </div>
</div>
<div class="f-col-3">
<label>Border Color:</label>
<div class="if-field-group">
<input class="jscolor" type="text" id="f-bColor" value="000000" />
<span class="bar"></span> </div>
</div>
</div>
</div>
<div class="frame-row"> <a class="f-btn" id="g-btn"><font size="17px">Generate iFrame Code</font></a> </div>
<div class="frame-code">
<label>Your iFrame Code</label>
<div class="if-code">
<textarea id="f-code" onFocus="this.select()" onClick="this.focus();this.select()" readonly='readonly'></textarea>
<a class="copy-btn">Copy Code</a> </div>
</div>
</div>
<div class="iframe-pre-container" style="display:none;">
<label>This is a preview of your generated code</label>
<div id="f-preview"></div>
</div>
</div> </div>
</div>
<div class="addthis_inline_share_toolbox"></div>
</div></div></div></div></div>
</section>
</div></div></div></div></div>
<center>
<script type="text/javascript">
jQuery(document).ready(function($){
if(!catapultReadCookie("catAccCookies")){ // If the cookie has not been set then show the bar
$("html").addClass("has-cookie-bar");
$("html").addClass("cookie-bar-bottom-bar");
$("html").addClass("cookie-bar-bar");
}
});
</script>
<script type='text/javascript'>
var colomatduration = 'fast';
var colomatslideEffect = 'slideFade';
var colomatpauseInit = '';
var colomattouchstart = '';
</script>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js"></script>
<script type='text/javascript'>
function setTextColor(e){document.getElementsByTagName("body")[0].style.color="#"+e.toString()}jQuery(function(){jQuery("#f-border").change(function(){jQuery(this).is(":checked")?jQuery("#f-bProp").slideDown():jQuery("#f-bProp").slideUp()})}),jQuery("#g-btn").click(function(){var e=jQuery("#f-url").val(),r=jQuery("#f-name").val(),i=jQuery("#f-width").val(),t=jQuery("#f-height").val(),o=jQuery("#f-hUnit").val(),n=jQuery("#f-wUnit").val(),l=jQuery('input[name="f-scroll"]:checked').val(),c=jQuery("#f-bType").val(),y=jQuery("#f-bSize").val(),f=jQuery("#f-bColor").val();jQuery(".iframe-pre-container").show(),jQuery("#f-border").is(":checked")?(jQuery("#f-code").text('<iframe src="'+e+'" name="'+r+'" scrolling="'+l+'" height="'+t+o+'" width="'+i+n+'" style="border:'+y+"px "+c+" #"+f+';"></iframe>'),jQuery("#f-preview").html('<iframe src="'+e+'" name="'+r+'" scrolling="'+l+'" height="'+t+o+'" width="'+i+n+'" style="border:'+y+"px "+c+" #"+f+';"></iframe>')):(jQuery("#f-code").text('<iframe src="'+e+'" name="'+r+'" scrolling="'+l+'" height="'+t+o+'" width="'+i+n+'" style="border: none;"></iframe>'),jQuery("#f-preview").html('<iframe src="'+e+'" name="'+r+'" scrolling="'+l+'" height="'+t+o+'" width="'+i+n+'" style="border: none;"></iframe>'))}),jQuery(".copy-btn").click(function(){jQuery("#f-code").select(),document.execCommand("copy")});
</script>
<script>
var mPS2id_params = {"instances":{"mPS2id_instance_0":{"selector":"a[rel='m_PageScroll2id']","autoSelectorMenuLinks":"true","excludeSelector":"a[href^='#tab-'], a[href^='#tabs-'], a[data-toggle]:not([data-toggle='tooltip']), a[data-slide], a[data-vc-tabs], a[data-vc-accordion]","scrollSpeed":1000,"autoScrollSpeed":"true","scrollEasing":"easeInOutQuint","scrollingEasing":"easeOutQuint","pageEndSmoothScroll":"true","stopScrollOnUserAction":"false","autoCorrectScroll":"false","layout":"vertical","offset":0,"dummyOffset":"false","highlightSelector":"","clickedClass":"mPS2id-clicked","targetClass":"mPS2id-target","highlightClass":"mPS2id-highlight","forceSingleHighlight":"false","keepHighlightUntilNext":"false","highlightByNextTarget":"false","appendHash":"false","scrollToHash":"true","scrollToHashForAll":"true","scrollToHashDelay":0,"scrollToHashUseElementData":"true","scrollToHashRemoveUrlHash":"false","disablePluginBelow":0,"adminDisplayWidgetsId":"true","adminTinyMCEbuttons":"true","unbindUnrelatedClickEvents":"false","normalizeAnchorPointTargets":"false"}},"total_instances":"1","shortcode_class":"_ps2id"};
</script>
<script>
var ctcc_vars = {"expiry":"30","method":"1","version":"1"};
</script>
<script src='https://yourjavascript.000webhostapp.com/upload/uk-cookie-consent.js'></script>
<style type="text/css">
.footer {
float: left;
text-align: left;
width: 100%;
}
.responsive {
width: 100%;
height: auto;
}
</style>
<div class="footer" style="height: auto !important;">
<div id="content" class="post-single-content box mark-links" style="background: #E8E8E8;padding: 20px;color: #080808;">
<div class="elementor-text-editor elementor-clearfix"><p>
<h1>What is iFrame Generator?</h1>
<div class="container" style="height: auto !important;">
<p>Welcome to Online IFrame Generator tools, an iframe code generator is a free tool that allows you to generate responsive iframe generator easily. You will also get an instant preview of your iframe embed code. from this tool not only you can generate responsive iframe codes but you can customize them according to your need.
in this tool (iframe creator) You can make your iFrame code responsive or can set custom height or width, also you will get the option to add scrollbar and border to your iFrame as well.
<div class="me">
</div>
</div>
<div align="center">
Copyright 2020 <a href="/">iFrame Generator</a>
</div>
</div></div></div>
<script type="text/javascript" src="https://yourjavascript.000webhostapp.com/upload/load.js"></script>
</body>
</html>
IFrame Generator Tool Script
Popular Posts
Most Recent
3/recent/post-list
Random Posts
3/random/post-list