Dodajte Pop-up widget u vaš blog
- Sledite korake u nastavku da uspešno dodate
- Ulogujte se na Blogger>Dashboard
- Kliknite na Drop Down Menu i odaberite Layout
- Dodajte HTML/JavaScript gadget
- Ubacite kod ispod u gadget
(English)
Add Pop-Up Widget in Your Blog
- Follow below steps to add it successfully
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<script type="text/javascript">
/*** © (http://mix--er.blogspot.com)***/
function style_v4_popup(){document.getElementById('style-v4-popup-main').style.display='block'}setTimeout('style_v4_popup();',4000);
</script>
<style type="text/css">* html #stylepopupdiv {
position:absolute;
}
#stylepopupdiv {
z-index:999;
display:block;
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCJjr9vUEyhy0J4su_ZxFP59Ri5TtLWv2T7yOjY8jkNVyOdH2qJmx2Dqe0VxUn30d0ELwLozdJvLHDE3cplNTab6bY12ajRq0TkvXYDVESp7_gkY6JEBKr-Vtkl5rQXHMS2D0d3xUPMu9t/s1600/spir.png);
overflow-y:auto;
margin:0;
}
.stylepopup {
width:619px;
height:475px;
position:fixed;
top:50%;
left:50%;
margin-top:-237.5px;
margin-left:-309.5px;
}
#stylepopup {
overflow:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJCKHTOU98_KznG6OwF7laKRIsx83GPhEn0o6s8Q3gHM34fkwCy31tTL9K-N6LlcwaWkq0Ncxtih5X9TccvzaH0xpebZ9I2LIhD_1rjd-Y2_ZekGt-lab_XEVmNOekn3OVKXS8zZ1XdCd/s1600/Prosub.png);
background-repeat:no-repeat;
}
form#stylepopup {
display:block;
margin:0;
}
form#stylepopup #field {
position:absolute;
top:297px;
left:352px;
width:250px;
font-size:16px;
border:none;
background:transparent;
padding:10px;
}
form#stylepopup #button {
position:absolute;
left:352px;
top:350px;
width:249px;
height:42px;
border:none;
background:transparent;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="style-v4-popup-main" style="display:none;">
<div id="stylepopupdiv">
<div class="stylepopup" id="stylepopup">
<center onmouseup="document.getElementById('stylepopupdiv').style.display='none'" style="color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwbkgOosceb5jlILPXe6lkZby3MQXpFR4VT03_xu60nnGfTGEh46WvkeK4i6Ga4l38uSNOHrhyR0eeVJo1Ikp5BuSiQP63Uc4fZQ-RG4FV40ja4_fxxVuZ2INcPF9APR0vkTaIZpczA6KZ/s1600/closebtn.png" /></center>
<form action="http://feedburner.google.com/fb/a/mailverify" id="stylepopup" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ekWMe', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true" target="popupwindow"><input name="uri" type="hidden" value="ekWMe" /> <input id="field" name="email" type="text" value="Enter Your E-Mail Here..." /> <input name="loc" type="hidden" value="en_US" /> <input id="button" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsWH4jPVnX0Xzne9qD6wLPeyIPVNIx3IlRuTdf-64eyADJG5L2-Df14u68vr6Xu0FDNCYRh50e5NRn-rKeLymn9f1SDFxWpdaMlUizasv9s-BVBOURV-37xibjj5_aOsi1_l9usN-Hhww/s1600/tnn.gif" type="image" /> </form>
</div>
</div>
</div>