Here are the steps necessary to accomplish this small feat:
1. Login to your Blogger account, click on the "model" for a blog that you want to add jobs. On the page that appears, click "Edit HTML" and "Edit"then. Tick the "Expand templates piece."
2. Find the following tag:
]]></b:skin>
3. Put the following css code just before the tag above :
#popupContactClose{4. Now find the following code:
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:300px;
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;
}
</body>5. Put the following code just before the tag </body>
<div id="popupContact">
<a id="popupContactClose">x</a>
<h1>Put the title of your pop-up here</h1>
<p id="contactArea">
Put the contents of your pop-up here
</p>
</div>
<div id="backgroundPopup"></div>
No comments:
Post a Comment