¸.•♥•.¸¸.•♥• Giải trí •♥•.¸¸.•♥•.¸: SƯU TẬP BỘ MÃ CODE NHÚNG VÀO WEBSITE

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 do Ha Noi" title="Dự báo thời tiết - Thủ đô Hà Nội" height="41" width="127">

Huế

<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48852.gif"
alt="Du bao thoi tiet - Co do Hue" title="Dự báo thời tiết - Cố đô Huế" height="41" width="127">

Thành Phố Hồ Chí Minh

<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48900.gif"
alt="Du bao thoi tiet - Thanh pho Ho Chi Minh" title="Dự báo thời tiết - Thành phố Hồ Chí Minh" height="41" width="127">

Đà Nẵng

<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48855.gif"
alt="Du bao thoi tiet - Thanh pho 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:

<a href="http://www.wunderground.com/global/stations/48914.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48914.gif" border=0 alt="Click for Ca Mau, Viet Nam Forecast" height=40 width=467></a>

Cao Bằng:

<a href="http://www.wunderground.com/global/stations/48808.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48808.gif" border=0 alt="Click for Cao Bang, Viet Nam Forecast" height=40 width=467></a>

Côn Sơn:

<a href="http://www.wunderground.com/global/stations/48918.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48918.gif" border=0 alt="Click for Con Son, Viet Nam Forecast" height=40 width=467></a>

Đồng Hới:

<a href="http://www.wunderground.com/global/stations/48848.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48848.gif" border=0 alt="Click for Dong Hoi, Viet Nam Forecast" height=40 width=467></a>

Sơn La:

<a href="http://www.wunderground.com/global/stations/48806.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48806.gif" border=0 alt="Click for Son La, Viet Nam Forecast" height=40 width=467></a>

Lạng Sơn:

<a href="http://www.wunderground.com/global/stations/48830.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48830.gif" border=0 alt="Click for Lang Son, Viet Nam Forecast" height=40 width=467></a>

Lào Cai:

Nam

Định:

<a href="http://www.wunderground.com/global/stations/48823.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48823.gif" border=0 alt="Click for Nam Dinh, Viet Nam Forecast" height=40 width=467></a>

Phan Thiết:

<a href="http://www.wunderground.com/global/stations/48887.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48887.gif" border=0 alt="Click for Phan Thiet,

Viet Nam

Forecast" height=40 width=467></a>

Vinh:

<a href="http://www.wunderground.com/global/stations/48845.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48845.gif" border=0 alt="Click for Vinh,

Viet Nam

Forecast" height=40 width=467></a>

Phú Quốc:

<a href="http://www.wunderground.com/global/stations/48917.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48917.gif" border=0 alt="Click for Phu Quoc,

Viet Nam

Forecast" height=40 width=467></a>

Qui Nhơn:

<a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48870.gif" border=0 alt="Click for Qui Nhon,

Viet Nam

Forecast" height=40 width=467></a>

Thanh Hoá:

<a href="http://www.wunderground.com/global/stations/48840.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48840.gif" border=0 alt="Click for Thanh Hoa,

Viet Nam

Forecast" height=40 width=467></a>

Trường Sa:

Code Báo Mới:

Tin tổng hợp:

Tin thể thao:

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 và Nay:

Code ngựa chạy (Past vào mục thông tin bản quyền):

Code Hoa rơi (Paste vào mục thông tin bản quyền):

Code Bướm bay:

Code Cá bơi:

Code Đồng hồ Solex:

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 này </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ồ quả lắc Flash:

Code Lịch Flash:

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

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

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

Code Album Hoa đẹp

Code Nhà đẹp

Code Cá cảnh :

Code Cây cảnh

CODE Bể cá cảnh:

CODE Thác nước:

CODE Cảnh đẹp:

<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=200"></script>

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].selected=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 có thể thay chữ : Điểm báo online bằng gì cũng được. Nên nhớ nó sẽ hiện trên box để ta biết được đó là liên kết gì.

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

Chú ý: ở đây bạn đã nhận ra http://lekimtuong.violet.vn/ là địa chỉ của trang web. Còn Diễn đàn tư vấn tin học là tên sẽ được hiển thi trong box của ta.

Lặp lại và thay đổi những liên kết cần thiết nếu cần.

3- Phần 3: Cuối đoạn code

</select>

4- Kết luận:

Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời.

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

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

Dong Ho:

CODE để thay đổi màu các đường link trên blog của 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 hãy copy đoạn code trên và dán vào một khối HTML. Có thể chèn đoạn code này trước hoặc sau các đoạn code khác.

Hãy tự khám phá : Các bạn hãy thay đổi chữ in đậm theo màu và font chữ xem kết quả mình tạo ra !

Với menu ngang ở phía trên của blog thì đã được hỗ trợ trong theme và cách tạo khá dễ dàng. Tuy nhiên, để tạo thêm menu ở cuối trang thì chúng ta không thể thực hiện được như thông thường. Để làm được điều này chúng ta cần chèn thêm code vào blog.

CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML:

Cấu trúc code như sau :

Để tạo thêm menu các bạn hãy 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 bằng địa chỉ (URL) cần link đến của menu

- Thay tên menu bằng tên bạn muốn hiển thị trên menu.

Các bạn có thể xem ví dụ về menu ngang tôi tạo ở cuối trang. Chúc các bạn thành công !

10 mẫu giao diện mới

Xin được tiếp tục chia sẻ cùng quý thầy cô 8 mẫu giao diện có màu nền nhạt, vì theo một số ý kiến của các thầy cô, mẫu này có vẻ nhẹ nhàng, dịu mắt và dễ đọc. Xin mời quý thầy cô Copy Code tại đây nhé:

1. Mẫu giao diện màu xanh lá cây:

2. Mẫu giao diện màu xanh Cốm:

3. Mẫu giao diện màu xanh dương:

4. Mẫu giao diện màu Tím:

5. Mẫu giao diện màu xanh:

6. Mẫu giao diện màu đỏ:

7. Mẫu giao diện màu ghi:

8. Mẫu giao diện màu xanh dương (nhạt hơn):

9. Mẫu giao diện màu ghi:(đây là mầu hồng Thành à)

10. Bo giao dien mau tim

Quý thầy cô Copy phần Code của mẫu giao diện rồi Paste vào phần Thông tin bản quyền.

Một điều cần chú ý là quý thầy cô nên chọn mẫu thư viện là mẫu tết, giao diện sẽ thể hiện đẹp nhất.

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 9 giờ sáng )

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

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ông thể thiếu, nó giúp cho việc đánh giá hiệu quả hoạt động cũng như “sự nổi tiếng” của trang web. . Một số blog đã cung cấp sẵn bộ đếm như wordpress hay yahoo 360, nhưng blogspot và một số site khác thì không có sẵn. Sau đây tôi xin giới thiệu với các bạn một số website miễn phí có thể giúp bạn đưa bộ đếm vào website hay blog của mình.

Cách sử dụng rất đơn giản, bạn chỉ cần đăng kí một tài khoản tại website, cung cấp địa chỉ của website hay blog của bạn, sau đó nó sẽ sinh ra một đoạn mã chứa HTML và Javascript, bạn hãy copy đoạn mã này và đặt vào bất cứ đâu trong website của mình, ở chỗ mà bạn muốn nó hiện ra ấy.

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

http://www.sitemeter.com

http://www.onestat.com

http://www.gostats.com (site này có hỗ trợ tiếng Việt)

http://www.histats.com

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

Đ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é!

Nguồn :Nguyễn Minh Thắng

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

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

1. Nhúng RSS:

o RSS là một tiêu chuẩn định dạng tài liệu dựa trên XML, bằng cách tóm lược thông tin vào một đoạn dữ liệu ngắn gọn - hợp chuẩn hiển thị trên máy của người sử dụng. Lúc này người dùng có thể tìm thấy những thông tin mới nhất thông qua những tiêu đề, đường link tóm tắt để xem toàn bộ nội dung tin một cách thuận tiện.

o Hầu hết các trang Web theo kiểu tin tức - thời sự Online hiện nay đều hỗ trợ chế độ RSS này, và đặc biệt hơn đây cũng là một trong những chuẩn Gadget nhúng mà các BLOG đều 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 và nhấp chọn nút công cụ RSS, trong bảng liệt kê các kênh chuẩn RSS của trang web bạn lựa chọn một kênh để nhúng vào Blog của mình, ví dụ ở đây tôi chọn kênh giải trí truyện Cười của Vnexpress có địa chỉ cụ thể là http://vnexpress.net/rss/gl/cuoi.rss, xem hình 1.

Hình 1

o Đăng nhập vào quyền quản trị trên Blog, chọn chức năng nhúng RSS tương ứng. Chức năng này có thể hơi khác nhau trên các dịch vụ Blog, ở đây tôi minh họa trên BlogSpot nên chọn công cụ tương ứng là Feed, xem hình 2.

Hình 2

o Trong hộp thoại Configure Feed nhập vào đường link RSS đã sao chép được trên VNExpress, xem hình 3.

Hình 3

o Nhấp nút Continue và chờ đợi giây lát để Blog cập nhập dữ liệu từ máy chủ Vnexpress, xem hình 4.

Hình 4

o Nhấp Save để kết thúc quá trình nhúng RSS vào Blog (tương tự như vậy bạn hãy tiến hành thao tác nhúng kênh RSS từ các 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ề cơ bản thì các dịch vụ BLOG đề có những công cụ chuyên biệt riêng hỗ trợ nhúng multemedia vào máy – tuy nhiên khá gò bó về mặt bố cục, thủ thuật này đề cập tới việc sử dụng mã nguồn để Admin Blog có thể tùy biến linh động hơn cho công việc thú vị này.

1. Chèn flash :

Trong đó hãy thay thế link của file flash bằng link của flash mà các bạn muốn hiển thị. Nếu muỗn flash load nhanh hơn thì file này nên được up trên host của các bạn. Ví dụ với BlogSpot chúng ta hãy up lên chính trang riêng của các bạn và lấy link.

2. Chèn mp3 :

3. Chèn video :

Tương tự như trên, thay URL bằng link của video.

Hãy để ý phần src="URL" có ở cả 2 đoạn code trên. Nó là phần quan trọng nhất. Hãy thay thế chữ URL bằng đường link đến file nhạc bạn upload lên blog của bạn. Muốn để chế độ tự chạy thì để autostart='1', còn không thì để autostart='0'

Đối với nhạc audio link phải tận cùng là dạng wma hoặc mp3 còn với nhạc hình thì tận cùng là wmv

Ví dụ code để chèn flash vào blog như sau :

Hãy nhúng đoạn code này vào blog để xem kết quả.

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

o Khi thưởng thức một bài nhạc trên các Music Online hiện nay, nếu để ý ta sẽ thấy luôn luôn có những đoạn Code ngay bên dưới cho phép nhúng bài nhạc trực tuyến này vào Blog, web, hay Forum riêng của mình. Với phương pháp này chỉ cần tận dụng Gadget HTML/JavaScript như phần 1 đã giới thiệu ta có thể thực hiện nhúng dễ dàng, xem hình 5.

Hình 5

o Hiển thị một VideoClip nhúng vào Blog theo kiểu Copy mã nguồn từ trang nhaccuatui.com, xem hình 6.

Hình 6

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

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

o Hiện nay chỉ có trang www.nhaccuatui.com là thực hiện tốt được thủ thuật này.

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

o Lựa chọn các bài nhạc yêu thích cần tạo bộ sưu tập: ở mỗi một chủ đề duyệt qua, nếu cần đưa một bài nhạc nào vào bộ sưu tập ta nhấp nút “thêm vào nhaccuatui” tương ứng phía bên phải, xem hình 7.

Hình 7

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

o Lúc này tương ứng với bộ sưu tập mà bạn đã lựa chọn sẽ có đoạn Code tương ứng ngay bên dưới để nhúng vào Blog cá nhân, xem hình 8.

Hình 8

o Sử dụng cơ chế nhúng HTML/JavaScript để nhúng đoạn Code bộ sưu tập nhạc tương ứng vào Blog của mình, xem hình 9.

Hình 9

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

o Nghe nhạc xong có thể chơi Game ngay trên Blog, đây đúng là một phương pháp Relax thú vị mà chắc chắn Blog của bạn sẽ thu hút rất nhiều khách viếng thăm.

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

o Chọn Game cần nhúng vào Blog, nhấp nút Chia sẻ game ngay bên dưới, sao chép đoạn Code nhúng vào Blog tương ứng, xem hình 10.

Hình 10

o Sử dụng cơ chế nhúng HTML/JavaScript để nhúng đoạn Code vào Blog (do các game dạng Flash thường có giao diện tương tác tương đối lớn nên nhúng vào vị trí Footer trên Blog là hợp lý nhất), xem hình 11.

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 bản tin cập nhật các tin tức mới nhất để nhúng vào Blog cá nhân.

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

o Lần lượt cấu hình các thuộc tính cho hộp thông tin baomoi.com nhúng vào Blog như: hiển thị bao nhiêu tin, kiểu hiển thị kèm hình hay không, chiều cao - độ rộng hộp…., xem hình 12.

Hình 12

o Sao chép đoạn mã nguồn tương ứng tạo thành, rồi nhúng vào Blog bằng Gadget HTML/JavaScript, xem hình 13.

Hình 13

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

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

Code Tạo giờ theo từng địa điểm.

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 2</title>
</head>

<body>

<table border="0" width="200" cellspacing="0" cellpadding="3">
<form name="where">
<tr>
<td width="100%">
<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;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
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>


<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>

<p>

<font face="arial" size="-2">This free script provided by
<a href="http://www.javascriptfreecode.com/">java site</a></font>
</td>
</form>
</tr>
</table>

</body>

</html>

Cao Bằng @ 23:18 15/08/2009
Số lượt xem: 9

Code Banner tự động chạy

<html>
<head>
<LINK href="zing_banner.css"
type=text/css rel=stylesheet>
<SCRIPT src="zing_trangchu/anh_thu.js" type=text/javascript></SCRIPT>
<style>

</style>
</head>
<BODY background="http://www.vn-zoom.com/images/bg_hoa.gif">
<body topmargin="0" leftmargin="0">
<center>

<table border=0 width=780 cellspacing=0 cellpadding=0 >
<tr><td align=center>
<SCRIPT type=text/javascript>

</SCRIPT>
<SCRIPT language=javascript type=text/javascript>

</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 chú
1 các bạn nên thay đổi các size chiều cao x chiều rộng nếu có thể tùy ý các bạn

Cao Bằng @ 23:14 15/08/2009

Chữ vòng quanh theo con trỏ

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

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

Ngày nay 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 có thể "rinh" chương trình truyền hình về blog của mình để xem nhé.

Dưới đây là hướng dẫn bạn làm việc với VTV (Đài truyền hình Việt

Nam

).
Bây giờ bạn sử dụng đoạn mã này nhé

Bạn cần biết LIÊN KẾT ĐẾN CÁC KÊNH trên VTV và thay dòng chữ đó bằng các liên kết bên dưới.

VTV1: mms://210.245.126.153/VTV1/

VTV2: mms://210.245.126.153/VTV2/

VTV3: mms://210.245.126.153/VTV3/

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 khi hiển thị blog. Tôi đã đã kiểm tra autostart="0" thì truyền hình không chịu "hát".
Nhớ thay đổi width và height cho phù hợp. Chúc bạn thành công!

Sau khi đã dùng thử ở một số site tôi quyết định chọn histats vì nó có hình thức hiển thị rất hay và hiển thị đầy đủ những thông tin mà tôi cần cho blog.

Nếu các site cung cấp bộ đếm không đáp ứng được nhu cầu của bạn thì bạn có thể tự tạo cho mình một bộ đếm thích hợp.

(Blogtinhoc)

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

Ngoài ra để thêm sinh động hơn, bạn hãy tạo thêm màu hoặc ảnh nền cho thông báo ngày giờ này.

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

Bước 1

Mở một file Flash mới, định dạng độ rộng và chiều cao của file (Ctrl + J).

Bước 2

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

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

Bước 3

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

Bước 4

Thực hiện lại bước 2 và 3 đễ vẽ một ô text khác để hiển thị giờ ngay dưới ô ngày vừa vẽ, giá trị Var của ô này 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 này sang dạng Movie Clip Symbol

Bước 6

Chọn công cụ Selection Tool (V) và kích vào Movie Clip vừa tạo. Vào phần Action Script Panel (F9) và đưa vào đoạn mã sau:

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 giờ là: "+tHour+" giờ "+tMin+" phút "+tSec+" giây";
}

Hãy thử kiểm tra sản phẩm mà bạn vừa tạo nhé. Còn nếu chưa làm được bạn có thể download file nguồn tại đây!

Code không cho chuột phải trên blog, web hoặc ảnh trên Web hay Blog( quá hay)

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

Không cho phép bấm chuột phải lên hình ảnh trên 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 trên 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()
{
if(document.images)
{
for(i=0;i<document.images.length;i++)
{
document.images[i].onmousedown = right;
document.images[i].onmouseup = right;
}
}
}
</SCRIPT>

Đoạn mã JavaScript này bạn đặt giữa

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

<body >

thêm vào dòng lệnh như sau:

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 của bạn, bạn có thể thêm chức năng không cho phép bấm chuột phải lên blog. Bạn sử dụng 2 đoạn mã sau đây nhé :

Đoạn mã 1:

<SCRIPT LANGUAGE="JavaScript">
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Xin lỗi, bạn không thể bấm chuột phải trên 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:

Bạn đặt đoạn mã JavaScript này giữa hai thẻ:

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

Code về trang trước ,về đầu trang ,tạo bản in

<table width="600" height="23" border="0">
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<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>
<td width="200"><div align="center"><a class="sidehrefvetrang" href="javascript:window.print();">Bản để in</a></div></td>
</tr>
</table>

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

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

Vào trang:http://www3.clustrmaps.com/ Gõ tên địa chỉ web của bạn vào ô URL và điền địa chỉ email -> make my mapSau đó coppy toàn bộ code Cuối cùng chèn code đó vào website của bạn 2/ Tạo bộ đếm số người truy cập: Vào một trong các trang sau:http://www.sitemeter.com http://www.onestat.com http://www.gostats.com http://www.histats.comTìm kiểu bạn thích rồi coppy code vào web của bạn 3/ Tạo hộp chatbox Vào tranghttp://cbox.ws/getone.phpTạo một tài khoản bằng cách click vào Sign up Điền đầy đủ thông tin -> click vào create my cbox!Coppy code đó vào blog của 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) khi 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 Ngoà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/caobang83 Nhé ! Cảm Ơn Tất Cả Các Bạn - Đại Gia Đình violet.vn.!\n Admin : Trọng Bằng->.................. ");
</SCRIPT>

;