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

Ահա և այսօր կխոսեմ՝ Blogger-ի, հերթական հետաքրքիր հավելման մասին, որը կարծում եմ կօգնի ձեզ՝ բլոգի հաճախելիությունը բարձրացնելու համար:

Երևի բոլոր բլոգներում և կայքերում տեսել եք «Բաժանորդագրվել» կամ նման մի բան հիշեցնող հավելում:

Նախ ասեմ, թե ինչ է դա:

«Բաժանորդագրվել» դաշտում դուք կարող եք գրել ձեր էլ-փոստի հասցեն և սեղմել հաստատել, որից հետո այդ կայքում գրված յուրաքանչյուր նյութ ավտոմատ կերպով նաև կհայտնվի ձեր էլ-փոստում: Այս կերպ մշտապես կարող եք տեղեկանալ կայքի նորություններին:

Եվ այժմ ձեզ եմ առաջարկում այդ «Բաժանորդագրվել» հավելման մեկ այլ տարբերակ: Այս հավելումը տեղադրելուց հետո, երբ մարդիկ կայցելեն բլոգ նրանց դիմաց նախ կբացվի «Բաժանորդագրվել» պատուհան, ապա նոր ամբողջական բլոգը:

Հիմա անցնեք փորձնական տարբերակի դիտմանը և կոդերի տեղադրությանը:

Քայլ 1-Ավելացնում ենք Css կոդը: Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):

Մինչ որևէ փոփոխություն անելը, խորհուրդ եմ տալիս պահպանել բլոգի կրկնօրինակը, որը ձեզ թույլ կտա ինչ-որ անհաջողության դեպքում կրկին վերականգնել բլոգը: Այդ մասին կարող եք կարդալ այստեղ:

Քայլ 2-այս քայլում պետք է գտնել ]]></b:skin> կոդը:

]]></b:skin>

Կոդը գտնելուց հետո նրա անմիջապես վերևում ավելացնում ենք ներքևում նշված կոդը՝

/*Կոդի սկիզբը Css*/

#popupContactClose{

cursor: pointer;

text-decoration:none;

}

#backgroundPopup{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100%;

width:100%;

top:0;

left:0;

background:#000000;

border:1px solid #cecece;

z-index:1;

}

#popupContact{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:250px;

width:408px;

background:#FFFFFF;

border:2px solid #6e2f2f;

z-index:2;

padding:12px;

font-size:13px;

}

#popupContact h1{

text-align:left;

color:#ff0900;

font-size:22px;

font-weight:700;

border-bottom:1px dotted #21d1e8;

padding-bottom:2px;

margin-bottom:20px;

}

#popupContactClose{

font-size:14px;

line-height:14px;

right:6px;

top:4px;

position:absolute;

color:#6fa5fd;

font-weight:700;

display:block;

}

/*Կոդի վերջը Css @ http://www.mrblogger.ru */

Քայլ 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){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
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 = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$("#popupContact").css({
"position": "absolute",
"top": toppos,
"left": leftpos
});
//only need force for IE6

$("#backgroundPopup").css({
"height": windowHeight
});

}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie("anewsletter") != 1) {

//load popup
setTimeout("loadPopup()",5000);
}
//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
}
});

});
</script>

Քայլ 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('http://feedburner.google.com/fb/a/mailverify?uri=blogmacter', 'popupwindow', 'scrollbars=yes,width=550,height=520');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'/>

Հիշեցում:դեղին գույնով գրված blogmacter բառի փոխարեն գրեք ձեր RSS հոսքի անունը:

MRBlogger