பல வலைப் பதிவுகள் மற்றும் வலைத் தளங்கள் பாப் அப் மின்னஞ்சல் சந்தா விட்ஜெட்டை பார்த்திருப்போம் ஒரு தளத்தில் ஒரு சில வினாடிகளுக்கு பின் பாப் அப் மின்னஞ்சல் சந்தா தோன்றும். உங்கள் பிளாகர் வலைப்பதிவில் ஒரு வியத்தகு விளைவை நிரூபிக்கப்பட்டுள்ளது சில மக்கள் நச்சரிக்கவும் ஆனால்
மின்னஞ்சல் Rss வழியாக உங்கள் பதிவு ஒரு படிவத்தை அளிக்கும் பொழுது உங்கள் பதிவு பிரபலம் அடைய வாய்ப்பு உள்ளது
நீங்கள் நேரடி டெமோ பார்க்க முடியும் :
நீங்கள் மாற்றங்கள் செய்யும் முன் உங்கள் வார்ப்புருவை பேக் அப் எடுப்பதை எப்போதும் நினைவில் கொள்ளவும்.
]]></b:skin>
படி 3. நேரடியாக ]]></b:skin> முன் பின்வரும் குறியீட்டை நகலெடுக்கவும் பின்பு ஒட்டவும்
படி 4. உங்கள் வலைப்பதிவுகள் HTML குறியீட்டு பின்வரும் வரியை கண்டுபிடிக்கவும்: (ஒரு தேடல் பட்டைக்கு சொடுக்கவும் Ctrl மற்றும் F குறியீட்டை கண்டுபிடிக்க உதவும்) /*Subscription Pop Up 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:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
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;
}
/*End Subscription Pop Up Css @ http://murugananda.blogspot.com */
</head>
படி 5. இப்போது நேரடியாக </ head> முன் இந்த குறியீடை நகலெடுக்கவும் மற்றும் ஒட்டவும்
<!--Pop Up Subscription-->
<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>
<!--End Pop Up Subscription @ http://murugananda.blogspot.com -->
படி 6. உங்கள் வலைப்பதிவுகள் HTML குறியீட்டு பின்வரும் வரியை கண்டுபிடிக்கவும்: (ஒரு தேடல் பட்டைக்கு சொடுக்கவும் Ctrl மற்றும் F குறியீட்டை கண்டுபிடிக்க உதவும்) - பிளாகர் டெம்பிளேட் டெம்ப்ளேட்டை கோட் காண எப்படி)
</body>
படி 7. நேரடியாக </ body> முன் பின்வரும் குறியீட்டை நகலெடுக்கவும் மற்றும் ஒட்டவும்
<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Get Our Latest Posts Via Email - It's Free</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=nilavaithedi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Enter your email address:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='nilavaithedi'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/><p>Delivered by <a href='http://feedburner.google.com' target='_blank'>FeedBurner</a></p></form></p>
</div>
<div id='backgroundPopup'/>