BO SUU TAP CODE TRANG TRI WEBSITE 03

Bộ đếm số lượt truy cập cho blog thay thế bộ đếm của Violet Khi đưa một website lên internet hay sử dụng blog ở một dịch vụ nào đó thì bộ đếm lượt truy cập là một cái có thể nói là khô[r]

(1)

SƯU TẬP BỘ MÃ CODE NHÚNG VÀO WEBSITE

Code Dự Báo Thời Tiết:

Hà Nội

<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/ language/www/global/stations/48820.gif"

alt="Du bao thoi tiet - Thu Ha Noi" title="Dự báo thời tiết - Thủ đô Hà Nội" height="41" width="127"> Huế

alt="Du bao thoi tiet - Co Hue" title="Dự báo thời tiết - Cố đô Huế" height="41" width="127"> Thành Phố Hồ Chí Minh

alt="Du bao thoi tiet - Thanh Ho Chi Minh" title="Dự báo thời tiết - Thành phố Hồ Chí Minh" height="41" width="127">

Đà Nẵng

alt="Du bao thoi tiet - Thanh Da Nang" title="Dự báo thời tiết - Thành phố Đà Nẵng" height=41 width=127> Thành phố Nha Trang:

<a href="http://www.wunderground.com/global/stations/

48877.html?bannertypeclick=gizmotimetemp"> <img src="http://banners.wunderground.com/ weathersticker/gizmotimetemp_both/language

/www/global/stations/48877.gif" border=0 alt="Click for Nha Trang, Viet Nam Forecast" height=41 width=127></a>

Bạch Long Vĩ:

<a href="http://www.wunderground.com/global/

stations/48839.html?bannertypeclick=miniDial"> <img src="http://banners.wunderground.com/ weathersticker/miniDial_both/language/www/

global/stations/48839.gif" border=0

alt="Click for Bach Long Vi, Viet Nam Forecast" height=50 width=150></a>

Cà Mau:

Cao Bằng:

Côn Sơn:

(2)

Đồng Hới:

Sơn La:

Lạng Sơn:

Lào Cai:

Nam Định:

Phan Thiết:

Vinh:

Phú Quốc:

Qui Nhơn:

Thanh Hoá:

Trường Sa:

(3)

Code Báo Mới:

Tin tổng hợp:

src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&count=15&ntype=popular&dtype=2&target=0"></script> Tin thể thao:

src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript" src="http://www.baomoi.com/Widget/GenerateJS.aspx?

zone=55&count=10&ntype=popular&dtype=2&target=0"></script>

Code Truyện cười :

Xem truyện cười <iframe frameborder="1" width="98%"

src="http://www.luudiachiweb.com/truyencuoi.htm" height="300"></iframe>

Code tra Từ điển trực tuyến :

</iframe> <iframe name=khungphu frameborder="1" height=220 width=100% src="http://thienchanh.webng.com/tudien.txt"></iframe>

Code Lịch truyền hình xem bóng đá:

Code Xưa Nay :

(4)

Code ngựa chạy (Past vào mục thông tin

quyền):

<marquee style="z-index: 1; left: 10px; width: 770px; position: absolute; top: 20px; height: 1000px;" scrollamount="5" direction="right"><span class="falling1"><img

src="http://d.violet.vn/uploads/resources/161/0.horses_76.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee><mar quee style="z-index: 1; left: 10px; width: 770px; position: absolute; top: 60px; height: 1000px;" scrollamount="8" direction="right"><span class="falling1"><img

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee><mar quee style="z-index: 1; left: 10px; width: 770px; position: absolute; top: 80px; height: 1000px;" scrollamount="10" direction="right"><span class="falling1"><img

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee>

Code Hoa rơi (Past vào mục thông tin

quyền):

<marquee style="z-index: 1; left: 677px; width: 30px; position: absolute; top: -11px; height: 1000px;" scrollamount="4" direction="down"><span class="falling1"><img

src="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 191px; width: 30px; position: absolute; top: -231px; height: 1000px;" scrollamount="5" direction="down"><span class="falling1"><img

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 425px; width: 30px; position: absolute; top: -440px; height: 1000px;" direction="down"><span class="falling1"><img

(5)

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee>

Code Bướm bay :

nr=6&type1=0&type2=3&type3=1&type4=4&type5=5&type6=2" width=350 height=300

wmode="transparent"><br><div><a href="http://www.crazyprofile.com/butterfly/butterflies.asp" target="_blank">Butterflies at crazyprofile.com</a></div>

Code Cá bơi:

quality='high' wmode=Transparent allowScriptAccess="never" width='300' height='300' type='application/x-shockwave-flash'

pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed>

Code Đồng hồ Solex:

(6)

Code Tìm kiếm Google :

(Xem báo)<script type="text/javascript"> epi_id = 'epi-widget-container'; epi_width = '170'; epi_height = '220'; epi_theme = 'widgetDisplayThemePink'; epi_border = 1; </script> <script type="text/javascript" src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&count=30&ntype=popular&dtype=2&target=0"></script> <form

action="http://www.google.com/cse" id="cse-search-box"> <h2><font color="#FF0000"><b>CƠNG CỤ TÌM KIẾM</b></font></h2> <br> <img border="0" alt="Google"

src="http://d.violet.vn/uploads/resources/507/0.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="25" /> <p> <input type="radio" name="sitesearch" value="" /> Tìm kiếm tất cả<br> <input type="radio" name="sitesearch"value="http://violet.vn/" checked="checked" /> Thư viện Violet <br> <input type="radio"

name="sitesearch"value="http://giaoan.violet.vn/" checked="checked" /> Thư viện Giáo án<br> <input type="radio" name="sitesearch"value="http://dethi.violet.vn/" checked="checked" /> Thư viện Đề thi <br> <input type="radio" name="sitesearch"value="http://baigiang.violet.vn/"

checked="checked" /> Thư viện Bài giảng<br> <input type="radio"

name="sitesearch"value="http://trunggvvl.violet.vn/" checked="checked" /> Trang </p> <p> <input type="submit" name="Thanh" value="Tìm kiếm với Google" /></p> </form>(Hỗ Trợ trực tuyến

Code Đồng hồ lắc Flash:

TimeZone=VietNam_Hanoi&Place=&" width="180" height="180" wmode="transparent" type="application/x-shockwave-flash">

Code Lịch Flash:

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="180" height="230">

Code Máy tính bỏ túi Flash:

Code Danh ngôn song ngữ Anh-Việt

(7)

%2Fdanhngonsongngu-final.htm&up_mywidth=180&up_myheight=250&up_myalign=center&synd=open&w=180&h=250& title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Code Du lịch - Danh lam thắng cảnh

Code Album Hoa đẹp

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,40,0 " align="middle" width="348" height="289"><param name="movie"

value="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow swf?xmlPath=http://photo.timnhanh.com/slideshow/bellsla/35A71462/fade.xml"/><param

name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /><param name="allowfullscreen" value="true" /><param name="mAuto" value="false" /><embed width="348" height="289" mAuto="false" wmode="transparent" allowscriptaccess="always"

allowfullscreen="true" quality="high"

src="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.sw f?xmlPath=http://photo.timnhanh.com/slideshow/bellsla/35A71462/fade.xml" type="application/x-shockwave-flash"/></object>

Code Nhà đẹp

value="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow swf?xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A71B90/fade.xml"/><param

name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /><param name="allowfullscreen" value="true" /><param name="mAuto" value="false" /><embed width="348" height="289" mAuto="false" wmode="transparent" allowscriptaccess="always"

src="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.sw f?xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A71B90/fade.xml" type="application/x-shockwave-flash"/></object>

Code Cá cảnh :

(8)

WIDGETBOX.renderWidget('b8b608be-780d-4a43-a926-de2a7b4a95bf');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/zen-fish-tank-aquarium-by-buddhahands">Zen Fish Tank (Aquarium) by LocalHealers</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a

href="http://www.widgetbox.com">Widgetbox</a>!</noscript>

Code Cây cảnh

value="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow swf?xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A7098B/slideleft.xml"/><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /><param name="allowfullscreen" value="true" /><param name="mAuto" value="false" /><embed width="348" height="289" mAuto="false" wmode="transparent" allowscriptaccess="always"

src="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.sw f?xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A7098B/slideleft.xml"

type="application/x-shockwave-flash"/></object>

CODE Bể cá cảnh:

data="http://widgets.clearspring.com/o/486c097c0199c884/4a34f7c5d3778819/486c0985da626c82/40 aa1df8" id="W486c097c0199c8844a34f7c5d3778819" width="400" height="345"><param

name="movie"

value="http://widgets.clearspring.com/o/486c097c0199c884/4a34f7c5d3778819/486c0985da626c82/4 0aa1df8" /><param name="wmode" value="transparent" /><param name="allowNetworking"

value="all" /><param name="allowScriptAccess" value="always" /></object>

CODE Thác nước:

data="http://widgets.clearspring.com/o/4852c6ad8adeae53/4a34fa9f8d854a07/4852c6bf0dd110e3/9b0 b5e18" id="W4852c6ad8adeae534a34fa9f8d854a07" width="404" height="344"><param

name="movie"

value="http://widgets.clearspring.com/o/4852c6ad8adeae53/4a34fa9f8d854a07/4852c6bf0dd110e3/9b 0b5e18" /><param name="wmode" value="transparent" /><param name="allowNetworking"

value="all" /><param name="allowScriptAccess" value="always" /></object>

(9)

CODE Lịch:

CODE tra diem thi Dai hoc

CO DE lien ket web

1- Phần 1:

<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].s elected=true" style="width: 180; " class="text_noresize" name="select"><option

selected="selected">Điểm báo online</option><option value="about:Tabs"> -</option>

Chú ý: Bạn thay chữ : Điểm báo online Nên nhớ box để ta biết liên kết

2- Phần 2: Tạo liên kết cho mục

Chú ý: bạn nhận http://lekimtuong.violet.vn/ địa trang web Còn Diễn đàn tư vấn tin học tên hiển thi box ta

Lặp lại thay đổi liên kết cần thiết cần

(10)

</select>

4- Kết luận:

Nối đoạn phần ta dropdown box thật tuyệt vời

5- Lưu ý: + Nếu muốn làm hay nhiều box bạn phải thực lại bước + Dấu cách xuống hàng HTML code không quan trọng, ta nên soạn thảo Word thích hợp ( font UNICODE )

CODE Lịch kèm Đồng hồ:

Dong Ho:

TimeZone=VietNam_HoChiMinhCity&" width="180" height="180" wmode="transparent" type="application/x-shockwave-flash">

CODE để thay đổi màu đường link blog mình:

<STYLE type=text/css>A:link {

COLOR:green; FONT: 10pt Arial; TEXT-DECORATION:none }

A:visited {

COLOR: blue; FONT: 10pt Arial; TEXT-DECORATION:none }

A:hover {

COLOR:blue; FONT: 10pt Arial; TEXT-DECORATION:none }

</STYLE>

Các bạn copy đoạn code dán vào khối HTML Có thể chèn đoạn code trước sau đoạn code khác

(11)

CODE để tạo thêm menu ngang cuối trang thẻ HTML:

Cấu trúc code sau :

<div class="menutop nowrap" id="chromemenu"><ul><li><a href="link"><span> Tên menu

</span></a></li></div>

Để tạo thêm menu bạn lặp lại đoạn code <li><a href="link"><span>Tên menu

</span></a></li> tuỳ theo số menu cần tạo

Lưu ý :

- Hãy thay link địa (URL) cần link đến menu - Thay tên menu tên bạn muốn hiển thị menu

Các bạn xem ví dụ menu ngang tơi tạo cuối trang Chúc bạn thành công ! 10 mẫu giao diện

Xin tiếp tục chia sẻ quý thầy cô mẫu giao diện có màu nhạt, theo số ý kiến thầy cơ, mẫu nhẹ nhàng, dịu mắt dễ đọc Xin mời quý thầy cô Copy Code nhé: 1 Mẫu giao diện màu xanh cây:

href="http://dothanhyb.webng.com/03New/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Menu.css" />

href="http://dothanhyb.webng.com/03New/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Tieude.css" />

2 Mẫu giao diện màu xanh Cốm: <link rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau01/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau01/Tieude.css"/> 3 Mẫu giao diện màu xanh dương: <link rel="stylesheet" type="text/css" media="screen"

(12)

media="screen" href="http://giaodien.webng.com/Mau02/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau02/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau02/Tieude.css"/> 4 Mẫu giao diện màu Tím:

href="http://giaodien.webng.com/Mau03/Tieude.css"/> 5 Mẫu giao diện màu xanh:

href="http://giaodien.webng.com/Mau04/Tieude.css"/> 6 Mẫu giao diện màu đỏ:

href="http://giaodien.webng.com/Mau05/Tieude.css"/> 7 Mẫu giao diện màu ghi:

href="http://giaodien.webng.com/Mau06/Tieude.css"/>

8 Mẫu giao diện màu xanh dương (nhạt hơn): <link rel="stylesheet" type="text/css" media="screen"

(13)

9 Mẫu giao diện màu ghi:(đây mầu hồng Thành à) <link rel="stylesheet" type="text/css" media="screen"

10 Bo giao dien mau tim

Quý thầy cô Copy phần Code mẫu giao diện Paste vào phần Thông tin quyền.

Một điều cần ý quý thầy cô nên chọn mẫu thư viện mẫu tết, giao diện thể đẹp

Chúc quý thầy cô thành công !

CODE vang, ngoai te

1 Code tỷ giá ngoại tệ ( Nguồn cung cấp: Vietcombank hàng ngày vào sáng )

2 Code giá vàng ( Do SJC cung cấp )

(14)

Bộ đếm số lượt truy cập cho blog thay đếm Violet Khi đưa website lên internet hay sử dụng blog dịch vụ đếm lượt truy cập nói khơng thể thiếu, giúp cho việc đánh giá hiệu hoạt động “sự tiếng” trang web Một số blog cung cấp sẵn đếm wordpress hay yahoo360,

blogspot số site khác khơng có sẵn Sau tơi xin giới thiệu với bạn số website miễn phí giúp bạn đưa đếm vào website hay blog

Cách sử dụng đơn giản, bạn cần đăng kí tài khoản website, cung cấp địa website hay blog bạn, sau sinh đoạn mã chứa HTML Javascript, bạn copy đoạn mã đặt vào đâu website mình, chỗ mà bạn muốn

Các bạn xem số hình minh họa mà hiển thị đưa vào website chúng ta, cịn nhiều kiểu dáng, bạn vào site để xem lựa kiểu thích hợp

 http://www.sitemeter.com

 http://www.onestat.com

(15)

 http://www.histats.com

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

Đoạn 1:

<script type=text/javascript> var widget_id =17326; var widget_width= "120"; var

widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ Chợ Điện Tử - Ebay"></a><script type=text/javascript

src="http://widget.adnet.vn/adnet_java.js"></script><script

type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true

width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0"

src='+adnet_domain_name+'></iframe>'); </script></div>

Đoạn 2:

(16)

<script type=text/javascript> var widget_id =17325; var widget_width= "120"; var

widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ Chợ Điện Tử - Ebay"></a><script type=text/javascript

src="http://widget.adnet.vn/adnet_java.js"></script><script

type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true

width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0"

src='+adnet_domain_name+'></iframe>'); </script></div>

Đoạn 3:

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) ? : ns ? innerWidth :

(17)

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 {

(18)

}

</script>

Hướng dẫn:

- Bạn chép đoạn code trang word để chỉnh sửa cho hợp lý

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

- Đoạn thứ ba mã code bắt buộc, bạn khơng thay đổi hết!

- Sau điều chỉnh cho phù hợp bạn copy toàn đ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à trang chủ để xem thành

Chúc bạn thành cơng nhé! Nguồn :Nguyễn Minh Thắng

======================================================================

Code nhúng cho đối tượng đặc biệt khác Blog

Giới thiệu với bạn cách nhúng số đối tượng đặc biệt khác thông qua chế nhúng HTML/JavaScript Blog Bài viết minh họa dịch vụ Blogspot Google, dịch vụ Blog khác tiến hành tương tự

1 Nhúng RSS:

(19)

nội dung tin cách thuận tiện

o Hầu hết trang Web theo kiểu tin tức - thời Online hỗ trợ chế độ RSS này, đặc biệt chuẩn Gadget nhúng mà BLOG hỗ trợ

* Thao tác nhúng RSS vào Blog:

o Mở trang Web có hỗ trợ chuẩn RSS, ví dụ http://vnexpress.net

o Tìm nhấp chọn nút cơng cụ RSS, bảng liệt kê kênh chuẩn RSS trang web bạn lựa chọn kênh để nhúng vào Blog mình, ví dụ tơi chọn kênh giải trí truyện Cười Vnexpress có địa cụ thể http://vnexpress.net/rss/gl/cuoi.rss, xem hình

Hình

(20)

Hình

o Trong hộp thoại Configure Feed nhập vào đường link RSS chép VNExpress, xem hình

Hình

(21)

Hình

o Nhấp Save để kết thúc trình nhúng RSS vào Blog (tương tự bạn tiến hành thao tác nhúng kênh RSS từ trang web tin tức khác như: thanhnien.com.vn, tuoitre.com.vn,

nhacso.net…)

2 Cách chèn flash, mp3, video vào blog:

o Về dịch vụ BLOG đề có cơng cụ chun biệt riêng hỗ trợ nhúng

multemedia vào máy – nhiên gị bó mặt bố cục, thủ thuật đề cập tới việc sử dụng mã nguồn để Admin Blog tùy biến linh động cho công việc thú vị

1 Chèn flash :

Trong thay link file flash link flash mà bạn muốn hiển thị Nếu muỗn flash load nhanh file nên up host bạn Ví dụ với BlogSpot up lên trang riêng bạn lấy link

(22)

Hãy để ý phần src="URL" có đoạn code Nó phần quan trọng Hãy thay chữ URL đường link đến file nhạc bạn upload lên blog bạn Muốn để chế độ tự chạy để autostart='1', cịn khơng để autostart='0'

Đối với nhạc audio link phải tận dạng wma mp3 cịn với nhạc hình tận wmv Ví dụ code để chèn flash vào blog sau :

type="application/x-shockwave-flash" width="500" height="273" loop="true"></embed> Hãy nhúng đoạn code vào blog để xem kết

3 Nhúng link nhạc từ websites nhạc online vào Blog:

(23)

Hình

(24)

Hình

o Một số trang nhacso.net hỗ trợ nhúng chuẩn RSS vào BLOG cá nhân; nhiên dù sử dụng phương án nhúng RSS hay Copy mã nguồn theo kiểu HTML/JavaScript chưa thật hiệu tiện lợi cho khách viếng thăm Blog

* Thủ thuật nhúng sưu tập nhạc cá nhân vào Blog:

o Hiện có trang www.nhaccuatui.com thực tốt thủ thuật

o Truy cập vào trang www.nhaccuatui.com đăng nhập tài khoản đăng ký trực tuyến

(25)

Hình

o Nhấp nút cơng cụ Nghe nhaccuatui phía cột menu bên trái giao diện trang web

(26)

Hình

(27)

Hình

4 Chơi game Flash trực tuyến Blog:

o Nghe nhạc xong chơi Game Blog, phương pháp Relax thú vị mà chắn Blog bạn thu hút nhiều khách viếng thăm

o Truy cập vào trang Game Flash Online http://socvui.com

(28)

Hình 10

(29)

Hình 11

5 Nhúng baomoi.com vào Blog:

o Trang thông tin Online baomoi.com cho phép xây dựng tin cập nhật tin tức để nhúng vào Blog cá nhân

o Truy cập vào địa http://www.baomoi.com/Widget/CreateWidget.aspx

(30)

Hình 12

(31)

Hình 13

6 Tổng kết: Kết thúc phần với thủ thuật đề cập thao tác nhúng đối tượng đặc biệt khác, lúc Blog cá nhân bạn mang tính thời giải trí đa phương tiện cao cấp, hẹn gặp lại phần loạt

Cao Bằng @ 22:50 16/08/2009

Code Tạo theo địa điểm <html>

<head>

</head> <body>

(32)

<select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option>

<option value="0">London GMT</option> <option value="1">Rome</option>

<option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /*

Drop Down World Clock

This credit notice must stay intact */

if (document.all||document.getElementById)

document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30;

hr=(isitlocal)?now.getHours() now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;

(33)

ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr;

if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all)

worldclock.innerHTML=finaltime else if (document.getElementById)

document.getElementById("worldclock").innerHTML=fi naltime else if (document.layers){

document.worldclockns.document.worldclockns2.docum ent.write(finaltime) document.worldclockns.document.worldclockns2.docum ent.close()

}

setTimeout('WorldClock()',1000); }

window.onload=WorldClock // >

</script>

<! Place holder for NS4 only >

<p>

<font face="arial" size="-2">This free script provided by

</form> </tr> </table> </body> </html>

(34)

Code Banner tự động chạy <html>

<head>

<! img { border:0 } >

</style> </head>

<! var xsImgs = new Array("banner.jpg","banner1.jpg","banner2.jpg","ba

nner3.jpg","banner4.jpg","banner5.jpg","banner6.jp g","banner7.jpg","banner8.jpg"); var xsImgLinks = new

Array("http://maiyeuem.li/","http://maiyeuem.li/","http://maiyeuem.li/","http://maiyeuem.li/"); var xsImgTexts = new Array(" "," "," ");

var xsImgSize = new Array(focus_width, focus_height); // >

</SCRIPT>

<SCRIPT language=javascript src="http://www.vn-zoom.com/images/banner.js" type=text/javascript></SCRIPT> </td></tr></table> </center> </body> </html> [hr] ghi

1 bạn nên thay đổi size chiều cao x chiều rộng tùy ý bạn

(35)

Chữ vòng quanh theo trỏ <script LANGUAGE="JavaScript">

<! Original: Trọng Bằng (info@123doc.org) > <! Web Site: http://caobang83.violet.vn >

<! This script and many more are available free online at > <! The JavaScript Source!! http://caobang83.violet.vn > <! Begin

if (document.all) { //Things you can alter

yourLogo = "Welcome to Blog giáo viên Thái Bình!"; //Not less than letters! logoFont = "Arial";

logoColor = "000000";

//Nothing needs altering below! yourLogo = yourLogo.split(''); L = yourLogo.length;

TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0;

xpos = 0; step = 0.03; currStep = 0;

document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < L; i++) {

document.write('<div id="ie" style=& quot;position:absolute;top:0px;left:0px; '

+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); }

document.write('</div></div>'); function Mouse() {

ypos = event.y; xpos = event.x - 5; }

document.onmousemove=Mouse; function animateLogo() {

outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) {

ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos;

if (Sz[i] < 5) Sz[i] = 5;

ie[i].style.fontSize = Sz[i] / 1.7; }

currStep -= step;

(36)

}

window.onload = animateLogo; }

// End > </script>

<! Script Size: 1.93 KB >

CODE Làm Con Chuột Có Mấy Cái Vòng Chạy Chạy Xung Quanh

<! Mouse Attack by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript

var num=10;//Number of dots! var vel=20;//Speed!

var col=new Array('#0080ff','#ffffff','#0000ff','#44ccff');//Dot colours, 2! var stopafter=60; //Stop and clear after x secondS!

//Nothing needs altering past here var MAy=0; var MAx=0; var py=0; var px=0; var angle=0; var distance=0; var rep; var ry=0; var rx=0; var tmr=null; var n4=(document.layers); var n6=(document.getElementById&&!document.all); var ie=(document.all);

var o6=(navigator.appName.indexOf("Opera") != -1)?true:false; var _d=(n4||ie)?'document.':'document.getElementById(" '; var _a=(n4||n6)?'':'all.'; var _r=(n6)?'")':''; var _s=(n4)?'':'.style'; var v=(n4)?"show":"visible"; var put=false; stopafter*=1000; if (n4||n6){ window.captureEvents(Event.MOUSEMOVE); function mouse1(e){

if (put) return false;

MAy = e.pageY-window.pageYOffset; MAx = e.pageX;

}

if (n4) window.onMouseMove=mouse1; else document.onmousemove=mouse1; }

if (ie||o6){

(37)

if (put) return false;

MAy = (ie)?event.clientY:event.clientY-window.pageYOffset; MAx = event.clientX;

}

document.onmousemove=mouse2; }

if (n4){

for (inc=0; inc < num; inc++)

document.write('<layer name=dots'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>');

} else{

if (ie&&!o6){

document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>");

}

for (inc=0; inc < num; inc++)

document.write('<div id="dots'+inc+'" style="position:absolute;top:0px;left:0px;width:'+ inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>');

if (ie&&!o6) document.write("</div></div>"); } function pos(){ h=(ie)?document.body.clientHeight:window.innerHeig ht-20; w=(ie)?document.body.clientWidth:window.innerWidth-20; ry=Math.round(Math.random()*h); rx=Math.round(Math.random()*w); rep=Math.round(Math.random()*3); if (rep == 3)ry=0;

if (rep == 2)ry=h; if (rep == 1)rx=0; if (rep == 0)rx=w; py=ry; px=rx; } pos(); function followleader(){ sy=(!ie)?window.pageYOffset:0; sx=(!ie)?window.pageXOffset:0;

if (ie) outer.style.top=document.body.scrollTop; for (inc=0; inc < num; inc++){

randomcol=col[Math.floor(Math.random()*col.length)]; temp1=eval(_d+_a+"dots"+inc+_r+_s);

temp1.visibility=v; if (inc < num-1){

(38)

if (n4)temp1.bgColor=randomcol; else temp1.background=randomcol; } } function bomb(){ ay=MAy-py; ax=MAx-px; angle=Math.round(Math.atan2(ay,ax)*180/Math.PI); if (angle < 0) angle += 360;

MAdy=py-MAy; MAdx=px-MAx;

distance=Math.floor(Math.sqrt(MAdx*MAdx+MAdy*MAdy) ); go_y = Math.round(vel*Math.sin(angle*Math.PI/180));

go_x = Math.round(vel*Math.cos(angle*Math.PI/180)); py+=go_y;

px+=go_x;

if (distance < vel) pos(); followleader(); tmr=setTimeout("bomb()",20); } bomb(); function dsbl(){ v=(n4)?"hide":"hidden"; put=true; MAx=0; MAy=0; setTimeout('clearTimeout(tmr)',stopafter+100); } setTimeout('dsbl()',stopafter); // > </script>

Code đưa chương trình truyền hình VTV lên blog

Ngày với tốc độ kết nối Internet băng thông rộng, nhiều hãng truyền hình lớn phát trực tuyến Bạn "rinh" chương trình truyền hình blog để xem

Dưới hướng dẫn bạn làm việc với VTV (Đài truyền hình Việt Nam) Bây bạn sử dụng đoạn mã

width="350"></embed>

Bạn cần biết LIÊN KẾT ĐẾN CÁC KÊNH VTV thay dịng chữ liên kết bên VTV1: mms://210.245.126.153/VTV1/

(39)

VTV4: mms://210.245.126.153/VTV4/

Lưu ý bạn nên để autostart="1" để chương trình truyền hình tự động phát hiển thị blog Tơi đã kiểm tra autostart="0" truyền hình khơng chịu "hát"

Nhớ thay đổi width height cho phù hợp Chúc bạn thành công!

Sau dùng thử số site định chọn histats có hình thức hiển thị hay hiển thị đầy đủ thông tin mà cần cho blog

Nếu site cung cấp đếm khơng đáp ứng nhu cầu bạn bạn tự tạo cho đếm thích hợp

(Blogtinhoc)

File thơng báo ngày tháng flash Chỉ việc sử dụng đoạn mã code cho sẵn để tạo nhanh chóng file Bạn đặt file website, vị trí cần hiển thị ngày hiện tại.

(40)

Để xem Flash trình duyệt phải hỗ trợ Flashplayer!

Bước 1

Mở file Flash mới, định dạng độ rộng chiều cao file (Ctrl + J)

Bước 2

Chọn công cụ Text Tool (T) vào phần Properties Panel (Ctrl + F3) Trong phần bên trái, bạn thấy hộp Text Type xổ xuống Chọn Dynamic Text hộp menu này:

Vẽ hình chữ nhật để hiển thị ngày hình chữ nhật

Bước 3

Vào lại phần Properties Panel (Ctrl + F3), phần Var nhập date

Bước 4

Thực lại bước đễ vẽ ô text khác để hiển thị ô ngày vừa vẽ, giá trị Var ô bạn nhập time

Bước 5

Chọn hai hộp text vừa vẽ, nhấn F8 (Convet to Symbol) để chuyển hộp text sang dạng Movie Clip Symbol

Bước 6

Chọn cơng cụ Selection Tool (V) kích vào Movie Clip vừa tạo Vào phần Action Script Panel

(41)

onClipEvent (load) {

weekdays = ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"];

months = ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", " Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", " Tháng 11", "Tháng 12"];

}

onClipEvent (enterFrame) { myDate = new Date();

tDay = weekdays[myDate.getDay()]; tMonth = months[myDate.getMonth()]; tDate = myDate.getDate();

tYear = myDate.getFullYear(); tHour = myDate.getHours(); tMin = myDate.getMinutes(); tSec = myDate.getSeconds();

date = "Hôm nay, "+tDay+" ngày "+tDate+" "+tMonth+", năm "+tYear; time = "Bây là: "+tHour+" "+tMin+" phút "+tSec+" giây"; }

Hãy thử kiểm tra sản phẩm mà bạn vừa tạo Cịn chưa làm bạn download file nguồn đây!

==============================================

Code không cho chuột phải blog, web ảnh Web hay Blog( hay)

Bạn thêm chức không cho phép bấm chuột phải lên blog bạn, cho phép bấm chuột phải lên blog không cho phép bấm chuột phải lên hình ảnh Có nhiều cách khác để thực việc Chủ yếu dùng đoạn mã HTML JavaScript

Không cho phép bấm chuột phải lên hình ảnh blog: <SCRIPT LANGUAGE="JavaScript">

function right(e) {

var msg = "Xin lỗi, bạn khơng thể bấm chuột phải lên hình ảnh trang này!"; if (navigator.appName == 'Netscape' && e.which == 3) {

alert(msg); return false; }

if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) { alert(msg);

return false; }

else return true; }

function protect_image() {

(42)

for(i=0;i<document.images.length;i++) {

document.images[i].onmousedown = right; document.images[i].onmouseup = right; }

} }

</SCRIPT>

Đoạn mã JavaScript bạn đặt <head> </head>

đồng thời bạn tìm đến thẻ <body >

thêm vào dịng lệnh sau: <body onLoad="protect_image()"> Khơng cho phép bấm chuột phải lên blog:

Nếu bạn không muốn cho người khác bấm chuột phải lên blog bạn, bạn thêm chức khơng cho phép bấm chuột phải lên blog Bạn sử dụng đoạn mã sau :

Đoạn mã 1:

<SCRIPT LANGUAGE="JavaScript"> function right(e) {

if (navigator.appName == 'Netscape' && (e.which == || e.which == 2))

return false;

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == || event.button == 3)) {

alert("Xin lỗi, bạn bấm chuột phải trang này!"); return false; } return true; } document.onmousedown=right; document.onmouseup=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN); if (document.layers) window.captureEvents(Event.MOUSEUP); window.onmousedown=right;

window.onmouseup=right; // End >

</script> Đoạn mã 2:

(43)

function click(e) { if (document.all) { if (event.button == 2) { alert(message);

return false; }

}

if (document.layers) { if (e.which == 3) { alert(message); return false; }

} }

if (document.layers) {

document.captureEvents(Event.MOUSEDOWN); }

document.onmousedown=click; </script>

Bạn đặt đoạn mã JavaScript hai thẻ: <head> <head>

Quá tuyệt phải không bạn ! Nhớ đừng quên thanks nhá

==============================================

Code trang trước ,về đầu trang ,tạo in <table width="600" height="23" border="0">

<td width="200" height="19"><div align="center"><a class="sidehrefvetrang" href="javascript:history.go(-1)">Về trang trước</a></div></td>

<td width="200"><div align="center"><a class="sidehrefvetrang" href="#top">Về đầu trang</a> </div></td>

</table>

(44)

Code tạo đồ vị trí người truy cập, chat box, bảng thống kê truy cập

1/ Tạo đồ vị trí người truy cập

Vào trang:http://www3.clustrmaps.com/ Gõ tên địa web bạn vào ô URL điền địa email -> make my mapSau coppy tồn code Cuối chèn code vào website bạn 2/ Tạo đếm số người truy cập: Vào trang sau:http://www.sitemeter.com

http://www.onestat.comhttp://www.gostats.com http://www.histats.comTìm kiểu bạn thích coppy code vào web bạn

3/ Tạo hộp chatbox Vào tranghttp://cbox.ws/getone.phpTạo tài khoản cách click vào Sign up Điền đầy đủ thông tin -> click vào create my cbox!Coppy code vào blog bạn ( nhớ chỉnh lại kích thước cho phù hợp vị trí chèn)

Hộp thông báo (chúc mừng) truy cập vào trang web <SCRIPT language=JavaScript1.1>

alert("CHÀO MỪNG BẠN ĐẾN CHƠI NHÀ, CHẲNG CĨ GÌ HƠN NGỒI NHỮNG LỜI

CHÚC !\n CHÚC BẠN TRÀN ĐÀY HẠNH PHÚC \n GẶP NHIỀU MAY MẮN , NIỀM VUI PHƠI PHỚI !\n VÀ NHỚ GHÉ THĂM http://violet.vn/quangtuan8682 BẠN NHÉ ! CẢM ƠN TẤT CẢ CÁC BẠN & ĐẠI GIA ĐÌNH VIOLET.VN !\n Admin : QUANG TUẤN – MINH THƯƠNG > ");

</SCRIPT>

=======================================================================

Định dạng
Số trang	44
Dung lượng	1,32 MB