Code hình ảnh-Quảng cáo chèn 2 bên website - Tri Thức

Tìm kiếm thông tin

Hành trình phá án: Điệu hổ ly sơn

Kết quả xổ số

Tỉ giá: Vàng - Ngoại tệ

Dự báo thời tiết

Bài thuốc tự chế vĩnh biệt bệnh xoang không tốn tiền

Một số bài toán chọn lọc ở Tiểu học

Bài luyện tập Toán- Tiếng Việt lớp 5 theo tháng

Vào bếp - Nấu ăn

Lịch sử - Nhân vật

Gốc > Chia sẻ - Thủ thuật > Thủ thuật - Kinh nghiệm >

Tạo bài viết mới Code hình ảnh-Quảng cáo chèn 2 bên website

Tổng hợp code chèn 2 bên Violet:

</DIV><br /><br />

Website của Bùi Như Quỳnh

Code trượt 2 bên:

</script><div class="content">
<div id="advert1" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://violympic.vn/"><img width="110" height="150" src=
"http://i774.photobucket.com/albums/yy24/anh1976/1836545mblph7p32e_zpsff51a991.gif"
alt="Vũ Vân Phong "></a></div>
<div id="advert2" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://ioe.goonline.vn/"><img width="110" height="70" src=
"http://i774.photobucket.com/albums/yy24/anh1976/050e03ca1195_zpscf536db4.gif"
alt="Vũ Vân Phong "></a></div>
<script type="text/javascript">
setPosition({element: 'advert1', top: 0 , left: 3, minWidth: 1000});$('advert1').style.display='block';setPosition;
setPosition({element: 'advert2', top: 154 , left: 3, minWidth: 1000});$('advert1').style.display='block';setPosition;
topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "right");
</script></div>

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='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 2 bên

<IMG hspace=0 src='http://i774.photobucket.com/albums/yy24/anh1976/050e03ca1195_zpscf536db4.gif

'></div>

</DIV><br /><br />

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

-------------------------------------------------

Đoạn code chèn quảng cáo hai bên website (dạng trượt)

Mã code:

Đoạn 1:

Đoạn 2:

Đoạn 3:

var copyright = 'kgt';

var ns = (navigator.appName.indexOf("Netscape") != -1);

var d = document;

var px = document.layers ? "" : "px";

function KGT_FloatDiv(id, sx, sy,cc)

{

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

window[id + "_obj"] = el;

if(d.layers)el.style=el;

el.cx = el.sx = sx;el.cy = el.sy = sy;

el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

el.init=false;

el.flt=function()

{

var pX, pY;

pX = (this.sx >= 0) ? 0 : ns ? innerWidth :

document.documentElement && document.documentElement.clientWidth ?

document.documentElement.clientWidth : document.body.clientWidth;

pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?

document.documentElement.scrollTop : document.body.scrollTop;

if(this.sy<0)

pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?

document.documentElement.clientHeight : document.body.clientHeight;

this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;

if(!this.init)

{

this.init=true;

this.cx = pX+this.sx;

this.cy = pY+this.sy;

}

this.sP(this.cx, this.cy);

setTimeout(this.id + "_obj.flt()", 40);

}

return el;

}

KGT_FloatDiv("divTopLeft", 2, 50).flt();

if (navigator.appName.indexOf("Netscape") != -1)

{

KGT_FloatDiv("divTopRight", -120, 50).flt();

}

else

{

KGT_FloatDiv("divTopRight", -102, 50).flt();

}

</script>

Hướng dẫn:

- Bạn chép đoạn code này ra một trang word để chỉnh sửa cho hợp lý.

- Đoạn thứ nhất và đoạn thứ hai (phần in đậm) là code do Adnet cung cấp mà bạn đã đăng ký để chèn sản phẩm quảng cáo, cho nên các bạn hãy thay đổi cho phù hợp.

- Đoạn thứ ba là mã code bắt buộc, các bạn không được thay đổi gì hết!

- Sau khi điều chỉnh cho phù hợp các bạn copy toàn bộ 3 đoạn code, vào quản trị, vào giao diện, chọn "thêm khối chính" sau đó dán code vào. Và ra trang chủ để xem thành quả của mình.

Chúc các bạn thành công nhé!

------------------------------------------------

CODE CHÈN QUẢNG CÁO VÀO HAI BÊN BLOG VIOLET

Để có quảng cáo chạy hai bên màn hình bạn copy đoạn mã sau và dán vào phía dưới mã của một khối chính. Bạn không phải mở khối riêng, vì hình ảnh tạo ra sẽ chạy ở hai bên mà không ảnh hưởng tới hoạt động của các mã trong khối đó.

+ Màu xanh là đường link dẫn đến website sẽ mở khi bấm chuột vào tranh quảng cáo.

+ Màu đỏ là đường link tranh quảng cáo bạn muốn đặt hai bên.

+ Height="150 và width="120" là kích thước tranh quảng cáo chạy hai bên, bạn có thể điều chỉnh số cho phù hợp với Blog của mình.

Mã đây nhé:

<div class="banner" id="advert5" style=

"position: absolute; display: none;"><a href=

"http://anh135689999.violet.vn/document/show/entry_id/6468562" target=

"_blank" title=

"Xem chi tiết và liên hệ-Click đây">

<img alt="" height="150" src=

"http://i774.photobucket.com/albums/yy24/anh1976/11001ED3g1ED7phuongAnh_zpsac3441ed.jpg"

width="120"></a></div>

<div class="banner" id="advert2" style=

"position: absolute; display: none;"><a href=

"http://anh135689999.violet.vn/document/show/entry_id/7165739" target="_blank" title=

"Xem chi tiết-Click đây"><img alt="Art100x150" height="180" src=

"http://i774.photobucket.com/albums/yy24/anh1976/D1EC7tmayNg1ECDcTrang_zps61c19f45.jpg"

width="120"></a></div>

<script type="text/javascript">

setPosition({element:'advert5', top:0, left:3, minWidth:1000});setPosition({element:'advert6', top:154, left:3, minWidth:1000});setPosition({element:'advert7', top:0, right:3, minWidth:1000});setPosition({element:'advert2', top:154, right:3, minWidth:1000});topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "left");

</script>

---------------------------------------------------------------

<div class="banner" id="advert5" style=

"position: absolute; display: none;"><a href=

" http://anh135689999.violet.vn/document/show/entry_id/6468562" target=

"_blank" title=

" Xem chi tiết và liên hệ-Click đây ">

<img alt="" height="150" src=

"http://i774.photobucket.com/albums/yy24/anh1976/11101ED3g1ED7phuonganh2_zps3b9cfb6d.jpg"

width="120"></a></div>

<div class="banner" id="advert6" style=

"position: absolute; display: none;"><a href=

" http://anh135689999.violet.vn/document/show/entry_id/7165739" target="_blank" title=

" Click đây ">

<img alt="" height="180" src=

"http://i774.photobucket.com/albums/yy24/anh1976/D1EC7tmayNg1ECDcTrang_zps61c19f45.jpg"

width="120"></a></div>

<div class="banner" id="advert7" style=

"position: absolute; display: none;"><a href=

"http://anh135689999.violet.vn/document/show/entry_id/4095637 "

target="_blank" title="Xem chi tiết-Click đây "><img alt="" height="150" src=

"http://i774.photobucket.com/albums/yy24/anh1976/vagravengbachangtoan_zps07a3cc65.jpg"

width="120"></a></div>

<div class="banner" id="advert2" style=

"position: absolute; display: none;"><a href=

" http://anh135689999.violet.vn/document/show/entry_id/4088820" target="_blank" title=

"Click đây"><img alt="Art100x150" height="180" src=

"http://i774.photobucket.com/albums/yy24/anh1976/dulich2_zps8281229c.gif"

width="120"></a></div>

<script type="text/javascript">

</script>

Chúc thầy cô thành cô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ị.

---------------------------------------------------------

Tạo liên kết Google trong blog cá nhân

<form action="http://www.google.com/cse" id="cse-search-box">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25wht.gif"
<input type="hidden" name="cx" value="012596416485239023597:bdyrt64se6s" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" /> <input type="submit" name="sa" value="Tìm kiếm" />
<input type="radio" name="sitesearch" value="" /> Google <input type="radio" name="sitesearch"value="http://violet.vn/" checked="checked" /> Violet <input type="radio" name="sitesearch"value="http://violet.vn/tranvanthanh_78" checked="checked" /> tranvanthanh_78
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box =vi"></script>

(ST/Tổng hợp)

Nhắn tin cho tác giả

Nguyễn Tuấn Anh @ 18:01 10/08/2013
Số lượt xem: 10171

Số lượt thích: 0 người

Code câu đối TIÊN HỌC LỄ - HẬU HỌC VĂN chèn 2 bên blog:

<div class="copyright">
<div id="footer" style="text-align: center;">
<div class="copyright"><br></div>
<div class="banner" id="advert1" style=
"position: absolute; display: none;"><a href=
"http://anh135689999.violet.vn/" title="Nguyễn Tuấn Anh"
target="_blank"><br>
<img src="http://d.violet.vn/uploads/blogs/684/picture2.gif" width=
"110" height="320"><br></a> <a href=
"http://anh135689999.violet.vn/" title="Website Nguyễn Tuấn Anh"
target="_blank"><img src=
"http://d.violet.vn//uploads/blogs/684/picture1_02.gif" width="70"
height="220"><br></a><br></div>
<div class="banner" id="advert2" style=
"position: absolute; display: none;"><a href=
"http://anh135689999.violet.vn/" title=" Website Nguyễn Tuấn Anh"
target="_blank"><br>
<img src="http://d.violet.vn/uploads/blogs/684/picture1_03.gif"
width="110" height="320"><br></a> <a href=
"http://anh135689999.violet.vn/" title=" Website Nguyễn Tuấn Anh"
target="_blank"><img src=
"http://d.violet.vn//uploads/blogs/684/picture1_02.gif" width="70"
height="220"><br></a><br></div>
<script type="text/javascript">
setPosition({element:'advert1', top:0, left:2, minWidth:1000});setPosition({element:'advert2', top:0, right:2, minWidth:1000});topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "left");
</script></div>
</div>