Տեղադրեք «Բաժանորդագրվել» վահանակ ձեր բլոգում

Քայլ 3- այս քայլում փնտրում ենք </head> կոդը և նրա վերևում կամ ներքևում ավելացնում ենք ներքևում տեղադրված կոդը:

<!--Կոդի սկիզբո-->

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/>

<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>

<script type='text/javascript'>

var popupStatus = 0;

//loading popup with jQuery magic!

function loadPopup(){

centerPopup();

//loads popup only if it is disabled

if(popupStatus==0){

$(&quot;#backgroundPopup&quot;).css({

&quot;opacity&quot;: &quot;0.7&quot;

});

$(&quot;#backgroundPopup&quot;).fadeIn(&quot;slow&quot;);

$(&quot;#popupContact&quot;).fadeIn(&quot;slow&quot;);

popupStatus = 1;

}

}

//disabling popup with jQuery magic!

function disablePopup(){

//disables popup only if it is enabled

if(popupStatus==1){

$(&quot;#backgroundPopup&quot;).fadeOut(&quot;slow&quot;);

$(&quot;#popupContact&quot;).fadeOut(&quot;slow&quot;);

popupStatus = 0;

}

}

//centering popup

function centerPopup(){

//request data for centering

var windowWidth = document.documentElement.clientWidth;

var windowHeight = document.documentElement.clientHeight;

var windowscrolltop = document.documentElement.scrollTop;

var windowscrollleft = document.documentElement.scrollLeft;

var popupHeight = $(&quot;#popupContact&quot;).height();

var popupWidth = $(&quot;#popupContact&quot;).width();

var toppos = windowHeight/2-popupHeight/2+windowscrolltop;

var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;

//centering

$(&quot;#popupContact&quot;).css({

&quot;position&quot;: &quot;absolute&quot;,

&quot;top&quot;: toppos,

&quot;left&quot;: leftpos

});

//only need force for IE6

$(&quot;#backgroundPopup&quot;).css({

&quot;height&quot;: windowHeight

});

}

//CONTROLLING EVENTS IN jQuery

$(document).ready(function(){

if ($.cookie(&quot;anewsletter&quot;) != 1) {

//load popup

setTimeout(&quot;loadPopup()&quot;,5000);

}

//CLOSING POPUP

//Click the x event!

$(&quot;#popupContactClose&quot;).click(function(){

disablePopup();

$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });

});

//Click out event!

$(&quot;#backgroundPopup&quot;).click(function(){

disablePopup();

$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });

});

//Press Escape event!

$(document).keypress(function(e){

if(e.keyCode==27 &amp;&amp; popupStatus==1){

disablePopup();

$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });

}

});

});

</script>

<!--Կոդի վերջը @ http://www.mrblogger.ru-->

Քայլ 4- ահա և վերջին քայլը, որի ժամանակ գտնում ենք </body> կոդը և նրանից անմիջապես հետո անմիջապս ավելացնում ենք ներքևում գրված կոդը:

<div id='popupContact'>

<a id='popupContactClose'>x</a>

<h1>Բաժանորդագրվեք և ստացեք բլոգի նյութերը հենց ձեր էլ-փոստինվ</h1>

<p id='contactArea'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogmacter&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Բաժանորդագրվեք և ստացեք բլոգի նյութերը հենց ձեր էլ-փոստին </p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='blogmacter'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Հաստատել'/><p>Պատրաստվել է  <a href='http://feedburner.google.com' target='_blank'>FeedBurner</a></p></form></p>

</div>

<div id='backgroundPopup'/>