Tải bản đầy đủ (.doc) (5 trang)

Chen quảng cáo 2 bên Blog

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (92.59 KB, 5 trang )

TẠO HÌNH CHẠY DỌC 2 BÊN
Bài viết này sẽ hướng dẫn các bạn tao một ra một hiễu ứng quảng cáo ảnh chạy dọc 2 bên trang Web
giống như trang Violet vậy
Bước 1: Bạn upload một ảnh lên trang web để lấy link
VD: <IMG hspace=0 src=' width=53 border=0
height="73">
Bước 2: Bạn sử dụng đoạn code sau để tạo cho ảnh chạy dọc 2 bên
Bên trái: <DIV id="divAdLeft" align="left" style="LEFT: -200px; WIDTH: 70px; POSITION:
absolute; TOP: 80px">
<a href="liên kết khi bấm vào ảnh" target="_blank">
<IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên trái'></div>
<br /><br />
Bên phải: <DIV id="divAdRight" align="right" style="RIGHT:0px; WIDTH: 70px; POSITION:
absolute; TOP: 800px">
<a href="liên kết khi bấm vào ảnh" target="_blank">
<IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên phải'>
</DIV><br /><br />
<script src=" />Bước 3: Bạn copy và paste vào thông tin bản quyền thế là OK
Lưu ý : Bạn phải chạy ở trình Firefox mới thấy hiệu ứng này. Chúc các bạn thành công
Code chèn hình ảnh hai bên blog
Để chèn hình ảnh hai bên blog các bạn có thể chèn đoạn code sau vào ô thông tin bản quyền :
Bên trái : <DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px; POSITION:
absolute; TOP: 71px"><br/><a target="_blank" <a href="
src=" border="0"
</a><br/></DIV>
Bên phải : <DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION:
absolute; TOP: 71px"><a target="_blank"<a href="link đến trang"_blank"><img src=" link hình ảnh
sẽ hiển thị " border="0"</a><br/>
</DIV>
<script src=" />Nếu chỉ chèn một bên thì các bạn hãy copy một trong hai đoạn trên và chèn vào ô thông tin bản quyền.
Nếu muốn chèn cả hai bên thì các bạn hãy copy cả hai đoạn code trên và dán vào ô thông tin bản quyền.


Trong đó thay link đến trang bằng link mà bạn muốn mở khi click chuột vào.
Thay link hình ảnh sẽ hiển thị bằng link của hình ảnh mà các bạn muốn hiển thị.
Lưu ý : Các bạn phải copy đầy đủ đoạn code trên và chỉ thay link. Nếu không hiểu biết nhiều về code thì
không nên chỉnh sửa, vì rất dễ gây lỗi, nếu chỉnh sửa không đúng.
Code chèn quảng cáo, hình ảnh trượt hai bên blog
Với blog Violet và nhiều blog khác chúng ta có thể tận dụng khoảng không gian hai bên blog để chèn
thêm hình ảnh, quảng cáo.
Để thực hiện, các bạn hãy sử dụng đoạn code sau :
</table>
</td>
</tr>
</table>
</td></tr><tr><td valign="bottom"><table width="100%" cellspacing="0" cellpadding="5"
border="0"><tbody><tr width="780"><td
background="media/hs/portal/layout/AL_TabColumn/integratedModes/blue/institutional/footer-duoi.gif"
class="hsportal-footer" valign="middle" align="center" width="100%" height="53">



</td></tr></tbody></table></td></tr></table>
<script language="JavaScript">
var tagDiv_p1="";
if (!document.layers)
tagDiv_p1 ='<div style="position:absolute" id="divStayTopLeft_p1">';
tagDiv_p1 +='<layer id="divStayTopLeft_p1"><table border="0" cellspacing="0"
cellpadding="0"><tr><td><img src="link ảnh" border="0"></td></tr></table></layer></div>';

var verticalpos_p1="frombottom";

if (!document.layers)

if(document.body.clientWidth >1000)
document.write(tagDiv_p1);

function JSFX_FloatTopDiv_p1()
{
//startX_p1_p1 ngang startY_p1_p1 doc
var startX_p1 =(document.body.clientWidth-800)/2 + 795,startY_p1 = 555;
var ns_p1 = (navigator.appName.indexOf("Netscape") != -1);
var d_p1 = document;
function ml_p1(id)
{
var el_p1=d_p1.getElementById?d_p1.getElementById(id):d_p1.all?
d_p1.all[id]:d_p1.layers[id];
if(d_p1.layers)el_p1.style=el_p1;
el_p1.sP=function(x,y){this.style.left=x;this.style.top=y;};
el_p1.x = startX_p1;
if (verticalpos_p1=="fromtop")
el_p1.y = startY_p1;
else{
el_p1.y = ns_p1 ? pageYOffset + innerHeight : document.body.scrollTop +
document.body.clientHeight;
el_p1.y -= startY_p1;
}
return el_p1;
}
window.stayTopLeft_p1=function() {
if (verticalpos_p1=="fromtop"){
var pY_p1 = ns_p1 ? pageYOffset : document.body.scrollTop;
ftlObj_p1.y += (pY_p1 + startY_p1 - ftlObj_p1.y)/8;
}

else{
var pY_p1 = ns_p1 ? pageYOffset + innerHeight : document.body.scrollTop +
document.body.clientHeight;
ftlObj_p1.y += (pY_p1 - startY_p1 - ftlObj_p1.y)/8;
}
ftlObj_p1.sP(ftlObj_p1.x, ftlObj_p1.y);
setTimeout("stayTopLeft_p1()", 10);
}
ftlObj_p1 = ml_p1("divStayTopLeft_p1");
stayTopLeft_p1();
}
JSFX_FloatTopDiv_p1();
</script><script language="JavaScript">
var tagDiv_tr1="";
if (!document.layers)
tagDiv_tr1 ='<div style="position:absolute" id="divStayTopLeft_tr1">';
tagDiv_tr1 +='<layer id="divStayTopLeft_tr1"><table border="0" cellspacing="0"
cellpadding="0"><tr><td><img src="link ảnh" border="0"></td></tr></table></layer></div>';

var verticalpos_tr1="frombottom";

if (!document.layers)
if(document.body.clientWidth >1000)
document.write(tagDiv_tr1);

function JSFX_FloatTopDiv_tr1()
{
//startX_tr1_tr1 ngang startY_tr1_tr1 doc
var startX_tr1 =(document.body.clientWidth-800)/2-106,startY_tr1 = 555;
var ns_tr1 = (navigator.appName.indexOf("Netscape") != -1);

var d_tr1 = document;
function ml_tr1(id)
{
var el_tr1=d_tr1.getElementById?d_tr1.getElementById(id):d_tr1.all?
d_tr1.all[id]:d_tr1.layers[id];
if(d_tr1.layers)el_tr1.style=el_tr1;
el_tr1.sP=function(x,y){this.style.left=x;this.style.top=y;};
el_tr1.x = startX_tr1;
if (verticalpos_tr1=="fromtop")
el_tr1.y = startY_tr1;
else{
el_tr1.y = ns_tr1 ? pageYOffset + innerHeight : document.body.scrollTop +
document.body.clientHeight;
el_tr1.y -= startY_tr1;
}
return el_tr1;
}
window.stayTopLeft_tr1=function() {
if (verticalpos_tr1=="fromtop"){
var pY_tr1 = ns_tr1 ? pageYOffset : document.body.scrollTop;
ftlObj_tr1.y += (pY_tr1 + startY_tr1 - ftlObj_tr1.y)/8;
}
else{
var pY_tr1 = ns_tr1 ? pageYOffset + innerHeight : document.body.scrollTop +
document.body.clientHeight;
ftlObj_tr1.y += (pY_tr1 - startY_tr1 - ftlObj_tr1.y)/8;
}
ftlObj_tr1.sP(ftlObj_tr1.x, ftlObj_tr1.y);
setTimeout("stayTopLeft_tr1()", 10);
}

ftlObj_tr1 = ml_tr1("divStayTopLeft_tr1");
stayTopLeft_tr1();
}
JSFX_FloatTopDiv_tr1();
</script></script></body></html>
Trong đó : Nếu chèn hình ảnh thì các bạn hãy thay link ảnh bằng link của hình ảnh bạn muốn hiển thị.
Nếu chèn quảng cáo, hãy thay toàn bộ đoạn code in đậm bằng code của Widget quảng cáo.
Đoạn code này chỉ có tác dụng trên Fire fox, còn trên IE thì không hiển thị.
Chúc các bạn thành công !
Nguồn: Thầy Bùi Đình Đường –

Tài liệu bạn tìm kiếm đã sẵn sàng tải về

Tải bản đầy đủ ngay
×