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.[r]
(1)TẠO HÌNH CHẠY DỌC BÊN
Bài viết hướng dẫn bạn tao hiễu ứng quảng cáo ảnh chạy dọc bên trang Web giống trang Violet
Bước 1: Bạn upload ảnh lên trang web để lấy link
VD: <IMG hspace=0 src='http://uitshare.com/upanh/images/20hiic6h5oaskf2vhv.jpg' 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 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 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 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="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script></div> Bước 3: Bạn copy paste vào thông tin quyền OK
(2)Code chèn hình ảnh hai bên blog
Để chèn hình ảnh hai bên blog bạn chèn đoạn code sau vào thơng tin 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="http://violet.vn/thcs-anhoa-ninhbinh"><img src="http://d.violet.vn/uploads/resources/502/thumbnails/0.Logo_TAH.bmp.jpg" 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="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script>
Nếu chèn bên bạn copy hai đoạn chèn vào ô thông tin quyền Nếu muốn chèn hai bên bạn copy hai đoạn code dán vào thơng tin quyền
Trong thay link đến trang link mà bạn muốn mở click chuột vào Thay link hình ảnh hiển thị link hình ảnh mà bạn muốn hiển thị
(3)Code chèn quảng cáo, hình ảnh trượt hai bên blog
Với blog Violet nhiều blog khác 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, bạn 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{
(4)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{
(5)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 bạn thay link ảnh link hình ảnh bạn muốn hiển thị
Nếu chèn quảng cáo, thay toàn đoạn code in đậm code Widget quảng cáo Đoạn code có tác dụng Fire fox, cịn IE khơng hiển thị
Chúc bạn thành cơng !
ng – http://thuviensinhhoc.violet.vn/