Các Thủ Thuật Khác


Kiến thức Website Google


Nhúng Flash vào web site Google

đăng 13:16 26-12-2012 bởi Chồn Nhung Đen   [ đã cập nhật 13:40 26-12-2012 ]



Nhúng hiệu ứng Flash vào Website
:

Google Sites cho phép bạn chỉnh sửa mã nguồn của trang web bằng công cụ HTML  nhưng chỉ  trong một giới hạn nhất định, tức là không cho phép nhúng vào mã nguồn đó các đối tượng: frame, embed, styles, script. 

Điều này đồng nghĩa với việc không nhúng Flash trực tiếp bằng công cụ HTML được mà phải nhờ vào tiện ích Include gadget (iframe).

Trước khi sử dụng tiện ích Include gadget, bạn cần phải Upload tập tin Flash cần nhúng lên web bằng tính năng Attachments(hoặc tạo một trang mới với dạng trang File Cabinet). 

Kế đến, nhấn chuột phải vào tập tin mới vừa upload và chọn Properties rồi copy địa chỉ tại mục Address (URL). Xong, bạn nhấn Edit page và chọn in-sert> More trong cửa sổ chỉnh sửa trang web. Ở cửa sổ Add a gadget to your page,  bạn chọn thẻ Featured và chờ trong giây lát, sau đó bạn  éo thanh trượt ở bên phải xuống và tìm đến tiện ích Include gadget (iframe), nhấn Add. Sau đó, bạn paste (địa chỉ của tập tin flash đã upload) vào ô URL to content và chọn các kích thước hiển thị cho tập tin flash trên web ở mục Display (Width, Height).

Nhấn OK rồi nhấn Save ở cửa sổ chỉnh sửa.

Ví dụ Nhúng đồng hồ flash:
Đường link của đồng hồ flash: http://www.clocklink.com/clocks/0037-blue.swf


Cách nhúng đồng hồ: 
Bước 1: Vào Insert chọn more gadgets...

Bước 2: Chọn Include gadget (iframe)

Bước 3: Chọn select để tiếp tục

Bước 4: Nhập đường link vào ô bên cạnh chữ  URL to content (required):


Ở bước này các bạn có thể tùy chọn về Kích thước chiều rộng, chiều cao, Có xuất hiện Tiêu đề khung frame hay không, có đường viền hoặc ko, có thanh cuộn hay không ... 

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

Tạo website Google

đăng 17:02 27-11-2012 bởi Nhung Den Chon

Bước khởi động: Đăng ký 1 tài khoản google: 
Đầu tiên các bạn phải có 1 tài khoản Gmail, nếu chưa có tài khoản này, hãy đăng ký tại đây.

Sau khi đã có 1 tài khoản Gmail, bạn hãy đăng nhập vào đây sites.google.com bằng tài khoản Gmail của bạn. 

Bước 1: Ấn vào Tạo trang web sẽ hiện ra 1 trang mới:

Bước 1 tạo Google Site

Ở đây, nếu bạn muốn làm từ đầu mà không dựa vào các mẫu có sẵn, bạn chọn Mẫu trống. Nếu không bạn có thể chọn trang web có sẵn do các thành viên Google sites làm.

Tiếp bạn đặt tên cho trang web của mình. Khi bạn đặt tên xong thì sẽ có 1 URL ở dưới dòng “Trang web của bạn sẽ được đặt tại URL này:”. Và đó sẽ là địa chỉ của trang web của bạn.

Bước 2: Chọn mẫu classroom site, điền tên website, mã xác nhận rồi click vào nút Tạo

Bước 2 chọn mẫu, điền tên website


Phần chọn chủ đề bạn có thể chọn 1 chủ đề cho web của bạn từ thư viện có sẵn hoặc nếu bạn muốn tự thiết kế thì bỏ qua. 

Khi đó bạn đã vào website và bắt đầu Thiết kế website như ý!

3 thủ thuật tìm kiếm bằng Google có thể bạn chưa biết

đăng 04:35 23-11-2012 bởi Nhung Den Chon

Mặc dù ra đời từ rất lâu nhưng với mỗi người dùng internet thì Google vẫn luôn có "bí ẩn".
Google luôn là một bí ẩn với mỗi người dùng internet trên thế giới bởi các tính năng mà họ cung cấp đều không được quảng cáo quá rầm rộ hay thậm chí là bị ẩn hẳn đi. Vì thế mà hiện nay có rất nhiều mẹo sử dụng Google để làm những việc khác ngoài việc tìm kiếm thông tin. Dưới đây là 5 mẹo tìm kiếm với Google có thể bạn chưa bao giờ nghĩ tới.
 
1. Kiểm tra độ an toàn của trang Web bằng chính Google
 
Thế giới mạng đầy những hiểm nguy rình rập chúng ta, mỗi địa chỉ mà bạn truy cập đều có nguy cơ có chứa mã độc. Để đảm bảo an toàn, bạn có thể dùng các phần mềm bảo mật đánh giá mức độ nguy hiểm của trang Web mình sắp truy cập.
 
Google cũng cung cấp cho bạn 1 tính năng như thế ngay trong công cụ tìm kiếm của mình.
 
Để kiểm tra 1 tên miền nào đó, bạn có thể viết tên miền này vào sau dấu bằng ở đoạn mã bên dưới:
 
 
Ví dụ như khi gõ  http://www.google.com/safebrowsing/diagnostic?site=genk.vn vào thanh địa chỉ của trình duyệt, một trang web đánh giá như bên dưới sẽ hiện ra giúp bạn phân tích và đánh giá mức độ nguy hiểm của địa chỉ đã điền.
 

 
2. Tìm kiếm thông tin cá nhân người dùng trên các mạng xã hội
 
Trong thời kì bùng nổ của các mạng xã hội như ngày nay thì thông tin cá nhân người dùng có trên các mạng xã hội này cũng ngày càng cung cấp cho bạn nhiều thông tin hơn. Để tìm kiếm thông tin của 1 người nào đó bạn sẽ cần đăng nhập vào mạng xã hội này và tiến hành tìm.
 
Với 1 mẹo nhỏ, bạn có thể dễ dàng tìm kiếm thông tin cá nhân của 1 người nào đó trên mạng xã hội Google+ đang dần phổ biến với cư dân mạng.
 
Để kết quả tìm kiếm chỉ trả về các kết quả là profile của người dùng Google+ bạn chỉ cần điền tên của người muốn tìm vào khung tìm kiếm của Google, sau đó thêm đoạn mã&tbs=prfl:e vào cuối đường link tìm kiếm trên thanh địa chỉ.
 

 
3. Tìm kiếm hình ảnh theo khu vực
 
Chức năng tìm kiếm hình ảnh của Google cung cấp cho bạn rất nhiều tùy chọn tìm kiếm như kích cỡ, màu sắc chủ đạo v.v... Tuy nhiên bạn còn có thể tìm kiếm những bức ảnh này theo từng khu vực cụ thể nữa. Ví dụ như bạn muốn tìm hình ảnh của 1 nhân vật tại Ấn Độ chẳng hạn.
 
Bạn hãy vào tùy chọn tính năng tìm kiếm nâng cao của Google.
 

 
Và chọn khu vực quốc gia muốn tìm ảnh trong mục Vùng ở cuối trang.
 

 
Lúc này kết quả trả về sẽ chỉ là những bức ảnh đến từ các trang thuộc Ấn Độ mà thôi.

Tham khảo: smashinghub

Chèn nhạc & Video vào google site

đăng 04:33 23-11-2012 bởi Nhung Den Chon

Chèn nhạc vào google site 
:

 
Đoạn code sau sẽ giúp các bạn chèn một folder chứa các bài hát được uploat lên Box.net
 

VD bạn có link của folder BOX.NET là: 

http://www.box.net/shared/p4p9e66fqy7a42zqxslp

Bạn chỉ cần lấy cái phần màu đỏ thay vào {param} ở đoạn code trên, sau đó paste đoạn code đó vào tiện ích có tên là code wrapper của google site.

<embed src="http://www.box.net/static/flash/box_explorer.swf?widgetHash={param}&amp;v=1" width="400" height="300" wmode="transparent" type="application/x-shockwave-flash"></embed>

Một số tiện ích cho Google Site

đăng 04:32 23-11-2012 bởi Nhung Den Chon

Sử dụng code chèn bảng yahoo báo mình đang online hay offline để khách ghé thăm có thể liên lạc

Bạn chỉ cần paste đoạn code này vào bất cữ chỗ nào có thể gõ văn bản ở dưới dạng html (ví dụ như ở ô văn bản ở thanh bên, hoặc văn bản ở phần trang chủ khi bạn chọn chỉnh sửa trang) 

<a href="ymsgr:sendIM?Yahoo!ID"><img border="0" src="http://presence.msg.yahoo.com/online?u=Yahoo!ID&amp;amp;m=g&amp;amp;t=ImageNo&amp;amp;l=us"> 

Trong đó:

+ Thay chỗ nào có Yahoo!ID (bôi đỏ phía trên) bằng tên nick của bạn. 

+ Imageno (chữ bôi đỏ) thay bằng số, mỗi số thì tượng trưng cho 1 skin yahoo. VD số 14.

Sử dụng code để chèn bộ đếm số người truy cập vào web


Bạn hãy vào trang http://c2.gostats.vn để đăng ký và tạo một tài khoản.

Sau khi có tài khoản, bạn hãy làm theo các hướng dẫn để lấy một đoạn mã code HTML.

Bạn chỉ cần copy và paste vào chỗ gõ Code HTML trên website của bạn là xong.

Sử dụng code để chèn số người đàng xem trang web của bạn


Bạn hãy vào trang http://histats.com để đăng ký và tạo một tài khoản.

Sau khi có tài khoản, bạn hãy làm theo các hướng dẫn để lấy một đoạn mã code HTML đếm số người đang xem.

Bạn chỉ cần copy và paste vào chỗ gõ Code HTML trên website của bạn là xong.

Đưa các tài liệu Office vào Google Sites


Bạn có thể dễ dàng trích lấy các file office từ bộ office liên kết với Gmail của mình để đưa vào trong trang web. Muốn thế, bạn hãy mở trang web muốn thêm các tài liệu office, sau đó nhấn nút Edit Page rồi vào Insert -> Document, lúc đó trong danh sách hiện ra sẽ có một loạt các tài liệu Word bạn đã từng lưu trước đó trong Offlice của Gmail. Bạn chỉ việc bấm chọn lên tài liệu mình muốn đưa vào trong web rồi nhấn Select là được.



Trong Include title, bạn hãy điền tiêu đề cho văn bản Word vừa đưa vào. Sau đó canh chỉnh độ dài, rộng của văn bản bằng cách thay đổi các con số kích thước trong hai khung là Height và Width. Cuối cùng, bạn nhấn chuột lên nút Save để Google tiến hành đưa file Word vào trong trang web. 

Điểm đặc biệt của cách đưa tài liệu theo kiểu này là bạn có thể soạn trước tài liệu đó ở nhà, sau đó chuyển vào trong trang web thông qua trung gian công cụ Google Docs, do đó tiết kiệm được rất nhiều thời gian làm việc cho bạn.

Hơn thế nữa, khi bạn thu nhỏ kích thước hiển thị của văn bản lại thì người khác chỉ cần kéo thanh trượt bên phải của văn bản là xem hết được nội dung bên trong đó. Việc này giúp trang web của bạn chứa được nhiều nội dung nhất nhưng lại tốn ít không gian để hiển thị nhất.



Ngoài ra, trong mục Align các liên kết L – C – R giúp bạn đưa khung văn bản đến những vị trí mà bạn muốn trong trang web. 


Để đưa một file Word vào trong Office của Google, bạn làm theo cách sau: trước tiên, bạn mở Gmail của mình lên, nhấn nút Compose để soạn một lá thư. Sau đó, bạn nhấn chuột lên liên kết Attach a file sau đó tìm đến file Word của mình, nhấn Open để đưa nó vào trong Gmail. Trong dòng To, bạn hãy điền địa chỉ email của mình, sau đó nhấn nút Send để gửi đi.



Bây giờ, bạn mở lá thư vừa nhận được (gửi cho chính mình) lên, kéo chuột xuống dưới và nhấn lên liên kết Open as a Google document bên cạnh tên file Word đó. Khi ấy, cửa sổ Google Office sẽ mở ra trong trang mới, bạn nhấn tiếp lên nút Save & Close là xong. File Word đó đã được đưa vào Google document cho bạn và bạn chỉ việc thao tác như phần trên để chuyển tiếp nó vào trong trang web của mình. 



Hoặc bạn có thể sử dụng Google Docs của Google để tải tài liệu đó lên. Trong Google Docs, bạn có thể tạo mới, chỉnh sửa, tải tài liệu có sẵn....

Đối với các file được đưa lên Google Docs, bạn có thể đặt các quyền truy cập, bảo mật cho tài liệu đó.

Để đưa các file trình diễn (Power Point), Excel vào trong trang web, bạn cũng làm tương tự. Để chọn đưa file Power Point, bạn vào Insert > Presentation, còn đưa Excel thì bạn chọn Spreadsheet. Trong trường hợp tài liệu của bạn không nằm trong Google document thì bạn điền link của tài liệu ấy vào trong khung Or paste a web address here: là được.


Đưa bộ sưu tập ảnh, lịch làm việc

Google cho phép liên kết một loạt các ứng dụng khác nhau của Google vào trong trang web của bạn, vì thế– bạn dễ dàng đưa bộ sưu tập hình ảnh của mình từ trong Picasa vào trong trang web chỉ với vài thao tác đơn giản. Trước tiên, bạn hãy đưa thật nhiều hình vào trong Picasa của bạn, sau đó vào Insert > Picasa Web Slideshow và điền địa chỉ của album ảnh trong Picasa vào trong đó. Bạn có thể đưa bộ sưu tập ảnh của mình hoặc của người khác cũng không hề bị ảnh hưởng gì cả. 

Trong mục Slideshow options, bạn hãy chọn kích thước khung hình cho bộ ảnh bằng cách chọn giá trị mình thích trong mục Select slideshow size, tiếp đó bạn có thể chọn thiết lập để ảnh tự động được mở khi trang web vừa mở ra bằng cách đánh chọn Autoplay hoặc không chọn để chờ lệnh kích hoạt mở ảnh của người ghé thăm web. 



Trong khung Include title, bạn hãy điền tên cho album ảnh vào trong đó rồi nhấn Save để lưu lại các chọn lựa.Tương tự, bạn vào Insert > Calendar để đưa lịch làm việc của mình (tích hợp trong Gmail) vào trong trang web để có thể cùng với người thân ngồi lên lịch với nhau cho những thời gian làm việc, vui chơi hàng tuần khi mọi người lúc đó không thể trực tiếp ở bên cạnh nhau. 


Viết những kiểu chữ đặc biệt

Để viết những kiểu chữ đặc biệt trong trang web của mình, bạn hãy mở phần Edit Page của trang web ra, sau đó vào Format rồi chọn các mục Heading (H2), Sub-heading (H3), Minor heading (H4) để tạo ra các chữ to đầu dòng, hoặc Normal paragraph text để quay các chữ về một chuẩn chung nhất. Nếu muốn gạch ngang chữ, bạn chọn Strikethrough, chọn Superscript tạo tạo chữ,số nhỏ dạng trên mũ, hoặc chọn Subscript để tạo chữ,số nhỏ dạng cơ số. Nếu văn bản đưa vào có nhiều font lẫn lộn, bạn quét chọn toàn bộ văn bản rồi chọn tiếp Format > Clear Formatting. 


Thêm các thành phần liệt kê khác

Để thêm các khung bảng đơn giản (phi Excel) thì bạn chỉ việc vào Table > Insert table rồi quét chọn số lượng khung bảng muốn tạo. Theo mặc định thì trang web hỗ trợ bạn tạo ra 25 ô gồm 5 ô ngang và 5 ô dọc. Muốn đưa thêm nhiều ô hơn, chẳng hạn đưa thêm các ô ngang ở bên trên thì bạn chọn Insert row up, còn chọn Insert row down là để đưa thêm các ô ở phần bên dưới. 

Để thêm các cột bên trái, bạn chọn Insert column on the left, hoặc thêm cột bên phải thì bạn chọn Insert column on the right. Để xóa các cột, hàng vừa đưa vào, bạn chọn tương ứng Delete row, Delete column hoặc để xóa toàn bộ khung bảng thì bạn chọn Delete table. 


Tinh chỉnh bố cục trang web

Để thêm một đường vằn ngang trang web để thể hiện sự chấm dứt nội dung cho một đề tài nào đó, bạn chọn Insert > Horizontal Line. Để tạo ra trang web có hai khung nội dung song song nhau, bạn vào Layout > Two-column. 

Để tạo đề mục theo logic, bạn hãy nhấn chuột lên nút  để tạo đề mục phân chia theo số hoặc  để tạo đề mục phân chia theo ký hiệu. Để dịch chuyển một đối tượng qua phải, qua trái một khoảng nhất định – bạn quét chọn đối tượng đó rồi nhấn nút  để dịch qua phải hoặc  để dịch qua trái.



Nếu muốn can thiệp sâu hơn vào bố cục trang web, bạn hãy vào Site settings > Change appearance > Change site layout. Tiếp đó mục Site width, Header, Sidebar – bạn hãy chỉnh lại kích thước cho khung bề rộng trang web, khung tiêu đề, khung thông tin bằng cách thay đổi các giá trị số tương ứng. Các tùy chọn On the left hoặc On the right sẽ giúp bạn dịch chuyển khung thông tin qua phải hoặc qua trái để tạo một trang web có bộ cục hợp lý hơn.


Tác vụ can thiệp vào giao diện web

Để thay đổi màu sắc cho các thành phần trong trang web, bạn hãy vào thẻ Colors and Fonts sau đó chọn từng mục trong khung ở bên trái (mục nào có chữ Color ở trong tên gọi) sau đó chọn màu cho các phần đó bằng cách bấm chọn lên khung màu ở bên tay phải.


Để thay đổi hình nền cho trang web, bạn cũng nhấn chọn lên các mục có chữ Image trong tên gọi, lúc đó ở bên tay phải sẽ xuất hiện các khung tùy chỉnh thêm hình, bạn nhấn nút Browse sau đó tìm đến tấm hình của mình rồi nhấn Open để đưa làm hình trong trang web. Tiếp đó, mục Repeat, Horizontal Position, Vertical Position – bạn chọn vị trí đặt hình, việc lặp hình (khi hình nhỏ),…Sau khi đã chọn xong, bạn nhấn nút Save Changes để lưu lại các chọn lựa là xong. 



Để thay đổi dạng giao diện cho trang web, bạn hãy mở thẻ Themes sau đó bấm chọn lên mục mình thích rồi nhấn nút Preview để xem thử kết quả, nếu đã ưng ý – bạn nhấn Save Changes để lưu lại chọn lựa. 


Bổ sung thêm các thành phần phụ cho người xem web

Khi bạn muốn người quen ghé thăm web rồi tải những file gì đó liên quan về, bạn có thể đưa nó lên web theo hai cách. Cách thứ nhất là upload nó lên một nơi nào đó rồi đưa link vào trang web, cách thứ hai – đơn giản hơn, ấy là bạn đưa trực tiếp nó vào trong trang web bằng cách kéo chuột xuống phía dưới trang web (đã mở tính năng Edit Page), bạn sẽ thấy có một khung tên là Attachments (0), bạn hãy nhấn chuột lên biểu tượng dấu cộng , nhấn nút Browse rồi tìm đến file mình muốn đưa lên web – nhấn Open là xong. Lúc đó, Google sẽ tự động đưa file ấy lên web cho bạn. Khi ai đó cần tải về, họ chỉ cần nhấn chuột lên link của file ấy là được. 



Nếu bạn có một nhu cầu tạo ra một trang download hoặc muốn đưa nhiều file lên web hơn, bạn có thể tạo ra một trang riêng chuyên chứa các file bằng cách nhấn chuột lên nút Create new page rồi bạn đánh chọn mục File Cabinet, sau đó đặt tên cho trang web chứa file bằng cách điền tên ấy vào trong khung Name và nhấn Create Page để tạo trang chuyên download. Bây giờ, để đưa đồng loạt file lên trang web, bạn chỉ việc nhấn chuột lên nút Add file, nếu file nằm trong máy tính – bạn đánh chọn mục Your computer rồi nhấn chuột lên nút Browse và tìm đến các file đó để đưa nó lên web. Còn nếu file nằm trên các địa chỉ online khác thì bạn đánh chọn mục The web (paste in URL) rồi điền link của file vào trong khung cho sẵn. Cuối cùng nhấn Upload để đưa file vào trong trang web.



Để tạo khung comment của bạn với nội dung bài viết trong web, bạn di chuyển đến mục Comments (0) rồi cũng nhấn chuột lên biểu tượng dấu cộng , sau đó viết comment của bạn trong khung hiện ra và nhấn nút Add comment để đưa nó lên web. Đây là một cách hay để bạn cập nhật những thông tin ngắn ghi nhận tức thời trước khi chuyển nó thành một bài viết thật sự trên web. Khi cần xóa comment nào, bạn nhấn chuột lên liên kết Remove bên cạnh nó là xong. 


Xóa trang web

Khi bạn không cần một trang web nào nữa, bạn chỉ việc mở nó lên, sau đó vào More actions > Delete > Delete để xóa trang web ấy đi. Tương tự, bạn có thể thực hiện nhiều tác vụ khác với một trang web, chẳng hạn ra lệnh in nội dung trang web (lệnh Print), di chuyển trang web sang một đường dẫn mới (lệnh Move hoặc Page settings), ra lệnh thông báo vào email cho bạn mỗi khi có thay đổi – bổ sung mới trên trang web (lệnh Subscribe to page changes, Subscribe to site changes) hoặc là lệnh hủy bỏ việc thông báo ấy (lệnh Unsubscribe to page changes, Unsubscribe to site changes). 

Thêm nút trở về đầu trang trong google site

đăng 04:31 23-11-2012 bởi Nhung Den Chon

Khi làm việc với Google Site các bạn không thể tránh khỏi việc nội dung trong một trang quá dài khiến người xem cứ phải cuộn lên cuộn xuống để đọc rất bất tiện. Bài này hướng dẫn các bạn tạo một đường dẫn tắt để khi đang đọc đến cuối trang chỉ cần nhấn vào là trở về đầu trang ngay rất tiện lợi cho khách viếng thăm site của bạn.

Cách làm như sau:

Trong chế độ soạn thảo của trang web nhấn vào công cụng HTML để chuyển sang chế độ soạn thảo html ở đầu các bạn đặt code sau vào:

<a name="top"></a>


Sau đó xuống cuối nội dung htmt chèn tiếp code sau vào:


<a href="#top">Về đầu trang</a>


Các bạn có thể thay chữ Về đầu trang bằng chữ khác hoặc đường dẫn đến ảnh của một mũi tên hướng lên trên cho đẹp tùy ý chỉnh sửa.


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

Tạo một diễn đàn trên Google site

đăng 04:30 23-11-2012 bởi Nhung Den Chon

Sau đây là trình tự các bước thực hiện để tạo được một diễn đàn cho google site như vậy.

Bước 1: Tạo mới hoặc mở một nhóm trên Google Groups mà bạn muốn nhúng vào google site.


Trong hình bên các bạn nhấn vào Nhóm mới để tạo một nhóm mới, nhấp vào nhóm của tôi để xem danh sách nhóm mà các bạn đã tạo và nhóm mà các bạn đã tham gia.

Sau khi nhấn Nhóm mới sẽ xuất hiện giao diện để các bạn điền các thông tin như tên nhóm của bạn cái này các bạn đặt tùy ý sao cho dễ nhớ và gọn gàng là được. ở mục Chọn một mức Truy cập thì chọn mức đầu tiên tức là Công khai để ai cũng có thể đăng ký tham gia vào groups của bạn mà sau này sẽ là diễn đàn trên google site.

Bước 2: Đăng nhập vào google site nhấn vào nút tạo trang để tạo một trang mà các bạn muốn nhúng diễn đàn vào đặt tiêu đề trang là Diễn đàn. Phần vị trí trang có thể Đặt trang ở cấp cao nhất hoặc ở bất kỳ vị trí nào bạn muốn.

Từ menu chon Chèn (Insert) > Tiện ích khác (More gadgets...)

Trong cửa sổ Thêm tiện ích vào trang của bạn (Setup your gadget) chọn Thêm tiện ích bằng URL(Add gadget by URL). Trong hộp thoại tiếp theo chèn URL tiện ích sau vào ô trống

http://www.gstatic.com/sites-gadgets/forum/forum_content.xml. Nhấn vào nút Thêm (Add) để thêm tiện ích vào google site.

Bước 3:


Cửa sổ cài đặt thông tin tiện ích hiện ra như hình bên.

- Ô Default group các bạn điền tên nhóm mà đã tạo được ở bước 1.

- Ô The domain containing the content to display thì các bạn cứ để trống.

Chọn chiều rộng, Chiều cao cho tiện ích sau đó nhấn OK để hoàn tất.

Như vậy là với 3 bước trên các bạn đã có một forum miễn phí cho trang web của mình trên google site. Chúc các bạn thành công!

Tạo slide show ảnh cho google site

đăng 04:30 23-11-2012 bởi Nhung Den Chon

Đăng nhập vào tài khoản picasaweb sau đó click vào RSS ở menu bên tay phải để copy link RSS này (nó sẽ hiện ra một trang có code linh ta linh tinh nhưng bạn không cần quan tâm đến, bạn chỉ cần copy địa chỉ ở trên thanh address của trình duyệt thôi.)


Chèn tiện ích trình chiếu ảnh vào google site:

- Đăng nhập vào google site của mình và đến trang cần chèn slide show ảnh.

- Chọn Chèn > Tiện ích khác ... tại đây trong hộp tìm kiếm gõ từ khóa "Trình chiếu Hình ảnh"

- Click vào tiện ích được tìm thấy và chọn.

- Cài đặt các thông tin cho tiện ích này:
  • Tốc độ cập nhật là thời gian chuyển sang một tấm ảnh mới tính bằng giây, các bạn để sao cho hợp lý đừng để nhanh quá mà cũng không nên chậm quá (số càng to thì càng chậm, càng nhỏ thì càng nhanh).
  • URL nguồn cấp dữ liệu: ở đây các bạn điền địa chỉ url RSS vừa lấy ở trên vào.
  • Nguồn: các bạn chải xuống chọn nguồn là URL nguồn cấp dữ liệu.
  • Các bạn điều chỉnh chiều rộng và chiều cao sao cho hợp lý với anbom của mình.
  • Các thông tin khác có thể để mặc định.
  • Sau khi hoàn thành nhấn OK lưu trang lại và xem thành quả thôi.

Lưu ý: Tiện ích này sẽ show tất cả các anbom mà bạn có trong picasaweb để không hiển thị một anbum lên các bạn chỉ cần đăng nhập vào picasaweb và chọn anbum đó.
Trong hộp thoại tiếp theo hiện ra ở ô khả năng hiển thị chọn riêng tư và lưu lại thay đổi vậy là xong.

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

Tạo trang liên hệ cho google site

đăng 04:29 23-11-2012 bởi Nhung Den Chon

Có rất nhiều cách để tạo một trang liên hệ cho google site. Sau đây là 2 cách để tạo. Hai cách này đề có sử dụng mẫu ở trong google Docs

Cách tạo mẫu liên hệ trong google docs như sau:

- Tới Google Docs http://docs.google.com. Đăng nhập bằng tài khoản gmail của bạn.

- Chọn Create New (Tạo mới) trong trình đơn thả xuống chọn tiếp Form (Mẫu) để tạo ra một mẫu mới.

- Tiếp theo các bạn cần đưa ra các câu hỏi để khách đến thăm trả lời:

+ Họ Tên

+Địa chỉ Email

+ Tin nhắn của khách đến cho bạn, hay bất cứ gì đó mà bạn muốn...

Ví dụ như hình sau:

Với:

Question Title: là tiêu đề câu hỏi

Help text: Một đoạn văn bản nhỏ để người xem điền đúng

Question Type: Là kiểu văn bản mà người xem phải điền đúng vào ô trống

Make this a required question: Tích vào dòng này nếu bạn muốn bắt buộc khách thăm phài điền vào nếu để trống thì khách thăn trang có thể bỏ qua không cần điền.

Cứ làm như vậy cho địa chỉ email và khi làm mẫu đến nội dung tin nhắn thì các bạn làm như hình:


- Lưu lại mẫu của bạn và trở lại google Docs, cập nhật danh sách tài liệu mới.


Chèn biểu mẫu vào trang liên hệ của google site
  • Cách 1
        Mở tài liệu vừa lưu ở trên ra, vào Biểu mẫu >> Đi đến biểu mẫu đang mở Copy địa chỉ trang hiện ra:

https://spreadsheets.google.com/spreadsheet/viewform?hl=vi&key=0AoXDz2MbM6MGdFV1THlDLU1DWHNKWG5CQzRtUWpKdmc

        Đến trang google site của bạn kich vào Chỉnh sửa trang (chỉnh sửa trang liên hệ), tiếp theo Chèn >> Tiện ích khác ... tìm tiện ích có tên là Iframe Wrapper  paste đường dẫn ở trên vào ô Document / page URL


chỉnh sửa chiều rộng và chiều cao hợp lý và kích vào ok như vậy là xong.

Xem ví dụ tại đây.
  • Cách 2
Để sử dụng tiện ích này cần phải tạo một mẫu trong google docs như hình sau:



Cách này sử dụng một tiện ích có tên là Comment Form, để sử dụng tiện ích này các bạn Đến trang google site của bạn kich vào Chỉnh sửa trang (chỉnh sửa trang liên hệ), tiếp theo Chèn >> Tiện ích khác ... tìm tiện ích có tên là Comment Form


Trong đoạn URL ở các trên các bạn copy đoạn key ở sau dấu như sau:

0AoXDz2MbM6MGdFV1THlDLU1DWHNKWG5CQzRtUWpKdmc

Chèn key trên vào ô Google form key còn ô Page URL điền địa chỉ trang của bạn vào, điều chính kick thước rộng cao hợp lý rồi click ok vậy là xong.

Cách chèn thông tin liên hệ ở cuối bảng làm như sau:

Cái này sử dụng một tiện ích có tên là Comment Board, để sử dụng tiện ích này các bạn Đến trang google site của bạn kich vào Chỉnh sửa trang (chỉnh sửa trang liên hệ), tiếp theo Chèn >> Tiện ích khác ... tìm tiện ích có tên là Comment Board.

  • Admin display name Các bạn điền tên admin mà mình muốn cho mọi người biết.
  • Google spreadsheet URL Cái này các bạn điền URL ở cách 1 trên kia vào
  • Feed URL Đây là URL nguồn cấp dữ liệu trang của bạn, các bạn dùng trang feedburner.com để tạo cho mình một nguồn cấp dữ liệu và lấy link dán vào đó.

Tạo trang web trên Google Sites

đăng 04:28 23-11-2012 bởi Nhung Den Chon

Google đã và đang là công cụ tìm kiếm website được sử dụng nhiều nhất. Giờ đây, Google còn mong muốn trở thành một điểm đến của những ai muốn tự tạo lập cho mình một website khi ra tuyên bố ngày hôm qua về việc cung cấp dịch vụ miễn phí có tên Google Sites cho phép người dùng tạo ra các website dễ dàng.

Đăng kí 1 websites

Đầu tiên các bạn phải có 1 tài khoản Gmail, nếu chưa có tài khoản này, hãy đăng ký tại đây.

Sau khi đã có 1 tài khoản Gmail, bạn hãy đăng nhập vào đây bằng tài khoản Gmail của bạn. 

Ấn vào Tạo trang web sẽ hiện ra 1 trang mới. 

Ở đây, nếu bạn muốn làm từ đầu mà không dựa vào các mẫu có sẵn, bạn chọn Mẫu trống. Nếu không bạn có thể chọn trang web có sẵn do các thành viên Google sites làm.

Tiếp bạn đặt tên cho trang web của mình. Khi bạn đặt tên xong thì sẽ có 1 URL ở dưới dòng “Trang web của bạn sẽ được đặt tại URL này:”. Và đó sẽ là địa chỉ của trang web của bạn.

Phần chọn chủ đề bạn có thể chọn 1 chủ đề cho web của bạn từ thư viện có sẵn hoặc nếu bạn muốn tự thiết kế thì bỏ qua. 

Thiết kế websites 

Phần này giới thiệu các bạn trang trí trang chủ Websites.

1. Viết bài, đăng ảnh, video,… trên trang chủ 

- Bạn để ý mục Chỉnh sửa trang phía trên, khi bạn chọn, sẽ xuất hiện 1 thanh công cụ. Ở đây bạn có thể chèn ảnh, video, mục lục, dòng ngang ngăn cách, chọn định dạng kiểu chữ, tạo bảng để viết bài, hoặc chèn code nhạc, hoặc tự chọn cho trang chủ 1 bố cục thật đẹp.

- Nếu bạn muốn sử dụng code html, bạn hãy ấn vào công cụ html trên thanh công cụ.

- Nhớ sau khi làm xong ấn lưu để hoàn chỉnh các chỉnh sửa. 

2. Tạo menu liên kết

Bạn chọn “chỉnh sửa trang bên” ở trên cùng bên trái. Khi đó sẽ chuyển sang trang quản lý websites. Hầu hết việc trang trí, bố cục lại websites đều được thao tác ở đây.

2.1. Bố cục trang web. 

- Thay đôi bố cục trang: 

- Chiều rộng trang web: bạn có thể chọn chiều rộng cho trang web của mình để khi bạn thiết kế baner ảnh sẽ chính xác hơn. Nếu không có thể để chọn “sử dụng giá trị mặc định”

- Đầu trang: nếu bỏ dấu tích ở phần đầu trang thì bạn sẽ không hiển thị đầu trang, baner đầu trang. Phần chiều cao, căn chỉnh các bạn tự làm. Khi bạn tạo baner thì phần căn chỉnh sẽ làm thay đổi vị trí baner đầu trang. Các bạn hãy thử để cho baner ở vị trí đẹp nhất 

- Thanh điều hướng ngang: bạn chọn nếu như muốn tạo các menu nằm ngang.

- Thanh bên: Bạn nên chọn hiển thị thanh bên, bên trái. Có thể tùy chỉnh chiều rộng này cho thanh bên. 

- Chân trang: Mặc định là không được chọn, nhưng theo tôi bạn nên tích vào và chọn phần Nội dung quyết định chiều cao.

- Định cấu hình tìm kiếm: Theo tôi bạn nên bỏ chọn phần bật tìm kiếm, khi đó phần tìm kiếm trên baner sẽ bị mất và như vậy sẽ đẹp hơn. Nếu không, bạn có thể chọn bật tìm kiếm, và tích vào tất cả các mục ở phần Nhà cung cấp Tìm kiếm, có thể thêm trang tìm kiếm như yahoo ở nhãn Nâng cao bên cạnh.

- Thanh điều hướng ngang: Tạo các menu nằm ngang ơ trên trang web.

- Thanh bên: Để tạo các menu, điều hướng. Các bạn có thể thêm Văn bản, hình ảnh, code HTML, tên tác giả, đếm ngược...

2.2. Màu và Phông chữ 

Bạn có thể chọn 1 chủ đề được làm sẵn bởi các thành viên trên Google Sites ở đây, hoặc đưa về chủ đề gốc ban đầu sau khi bạn đã hiệu chỉnh chi tiết.

Tại đây bạn có thể tùy chỉnh và tạo ra một chủ đề cho riêng mình từ các chủ đề đã có sẵn như thay đổi hình nền, màu nền, màu chữ, phông chữ...

Từng bước tạo trang Google+ cho quảng bá kinh doanh

Với tốc độ phát triển nhanh đến chóng mặt kể từ ngày ra mắt cho đến nay, mạng xã hội non trẻ Google Plus đã tạo được rất nhiều ấn tượng tốt đẹp đối với số đông người dùng.
 
Sau nhiều lần nâng cấp và bổ sung chức năng. Vừa qua, Google đã công bố thêm một dịch vụ miễn phí kèm theo mạng xã hội Google Plus của mình, đó là Google Plus Business hay còn gọi đơn giản hơn là Google Page. Đây có thể xem là đối thủ cạnh tranh trực tiếp với Facebook Page.
 
Người dùng hoàn toàn có thể tạo cho mình một trang Google Plus dành cho mục đích thương mại. Đây có thể xem là động thái mới nhất của Google trong cuộc đua tranh với Facebook.
 
 
Thực tế cho thấy, việc tạo một trang Google Plus cho mục đích thương mại hay quảng bá lại dễ dàng và trực quan hơn hẳn việc tạo một Facebook Page. Mặc dù vẫn còn một số lỗi và chưa tạo nên sự khác biệt rõ ràng so với Facebook Page. Thế nhưng Google Plus Business hứa hẹn hẹn sẽ là một trợ thủ đắc lực đối với các hoạt động quảng bá trên internet.
 
Thông qua bài viết ngắn, tác giả sẽ giới thiệu đến với bạn cách thức tạo nhanh cho mình một trang Google Plus dành cho mục đích thương mại.
 
Đầu tiên, bạn cần đảm bảo chắc chắn rằng mình đã có một tài khoản Google Plus. Nếu chưa, bạn có thể tạo mới ngay tại đây. Nếu đã sở hữu cho mình một tài khoản Google Plus rồi thì bạn có thể truy cập vào đây để bắt đầu tiến trình tạo Google Page cho mình.
 
 
Khi bạn truy cập vào trang khởi tạo Plus Business, bạn sẽ được yêu cầu đăng nhập vào tài khoản Google Plus của mình. Nếu đã truy cập vào rồi, bạn sẽ được bỏ qua bước này. Lưu ý, nếu bạn chỉ tạo tài khoản Google Plus để sử dụng Plus Business thì mọi cập nhật của bạn trên tài khoản Google Plus sẽ đều xuất hiện lên trang Plus Business.
 
Tiếp đến, người dùng sẽ được đưa đến trang Create a page để chọn chủ đề mà bạn muốn tạo cho trang Plus Business của mình. Hiện tại, Plus Business cung cấp cho bạn bốn chủ đề khác nhau giúp bạn dễ dàng chọn lựa cho mục đích sử dụng của mình.
 
 
Đầu tiên là chủ đề Local Business or Place, chủ đề này bao gồm các chuyên mục con với các nghành nghề như khách sạn, nhà hàng hay các dịch vụ. Với chủ đề này người dùng chĩ việc khai báo số điện thoại của mình là xong.
 
Riêng chủ đề Other là một lựa chọn ngoại lệ. Chủ để này không có chuyên mục cụ thể, bạn sẽ phải lựa chọn chủ đề này nếu các chuyên mục mà Google Plus cung cấp cho bạn là không phù hợp với mong muốn của mình.
 
Những chủ đề còn lại là Product or Brand, Company, Institution or Organization và Arts, Entertainment or Sports. Các chủ đề này đều có rất nhiều chuyên mục cụ thể mà bạn co thể tùy ý lựa chọn. Khác với Local Business or Place, những chủ đề còn lại yêu cầu bạn khai báo thêm những thông tin khác và chúng ta sẽ thực hiện phía dưới.
 
 
Đầu tiên là Page Name, tên trang Plus Business của bạn, một cái tên ấn tượng sẽ giúp người dùng nhớ đến trang của bạn dễ dàng hơn.
 
Bạn cũng có thể đặt liên kết đến trang web của mình tại bằng cách điền địa chỉ website của mình vào ngay ô Website, nếu hiện không sở hữu bất kỳ một website nào hết thì bạn có thể để trống ô này.
 
Kế đến, bạn phải chọn lựa chuyên mục cụ thể trực thuộc chủ đề mà bạn đã lựa chọn ban đầu. Để thực hiện điều này, bạn hãy click vào Select a category, một danh sách tất cả các chuyên mục có liên quan đến chủ đề mà bạn chọn lúc ban đầu sẽ xuất hiện cho phép bạn chọn lựa.
 
 
Cuối cùng là việc phân loại đối tượng người xem dựa trên tuổi của họ. Chức năng này của Plus Business cho phép bạn xác định đối tượng mà mục đích kinh doanh muốn nhắm đến. Nói đơn giản hơn, nếu bạn chọn Users 18 and older cho trang Plus Business của mình thì các tài khoản Google Plus có độ tuổi nhỏ hơn 18 sẽ không thể thấy được nội dung trên trang Plus Business của bạn.
 
 
Mặc dù vậy, chức năng phân loại tuổi này chỉ có tác dụng lên các tài khoản Google+ mà thôi và những người không sở hữu Google Plus sẽ không gặp bất cứ giới hạn nào khi xem trang Plus Business của bạn.
 

Sau khi đã điền các thông tin cần thiết, bạn chỉ việc click nút Create để chuyển tới bước tiếp theo. Hãy chờ trong một vài giây để Google Plus Business thực hiện việc tạo tài khoản cho bạn.
 
Lúc này đây, Google Plus sẽ yêu cầu bạn mô tả một cách ngắn ngọn trang Plus Business của mình và cuối cùng là cài đặt ảnh đại diện.
 
 
Bước cuối cùng trong tiến trình tạo trang Plus Business của bạn là gửi đi lời thông báo đến bạn bè của mình, đây là cách đơn giản nhất để thông báo cho mọi người về trang Plus Business của bạn.
 
 
Cách sử dụng Plus Business tương tự như cách dùg trang Google Plus cá nhân vậy. Bạn có cỏ thể đăng tải các hình ảnh, tin tức hay video về công việc kinh doanh của mình.
 
 

Hiện tại, Google Plus Business đã nhận được nhiều phản hồi tích cực từ phía người dùng mặc dù vẫn còn tồn tại nhiều nét tương đồng với Facebook Page. Thế nhưng Google hứa hẹn sẽ có nhiều cải tiến trong tương lai đối với dịch vụ này. Bạn không nên bỏ qua một công cụ quả bá như thế này. Chúc thành công.

Tác giả bài viết: Admin sưu tầm 
Nguồn tin: Theo GenK

Thay đổi Favicon cho google site

đăng 04:27 23-11-2012 bởi Nhung Den Chon

Favicon là gì?

Favicon: viết tắt của biểu tượng ưa thích, cũng được biết đến như là một biểu tượng trang web, biểu tượng phím tắt, biểu tượng url, hoặc biểu tượng đánh dấu, là một biểu tượng hình vuông 16x16 pixel liên kết với một trang web cụ thể.

Favicon thường được hiển thị trong của bạn thanh địa chỉ của trình duyệt, đánh dấu trang, danh sách ưa thích, các tab và các phím tắt máy tính để bàn, ngay cả đến các trang web. Ví dụ:

  • Favicon mặc định của google site: 

Tạo Favicons

            Favicons có thể được tạo ra dựa trên một hình ảnh bất kỳ, nhưng không phải tất cả các hình ảnh sẽ tạo được favicon đẹp hay phù hợp với trang web của bạn. Có nhiều công cụ có sẵn để tạo những hình ảnh này, bao gồm các dịch vụ miễn phí.

Dịch vụ sau đây sẽ tạo một favicons trực tuyến.
 Từ kinh nghiệm của tôi, tất cả các dịch vụ này đều làm việc tốt như nhau, mặc dù một số có thêm nhiều tính năng và khả năng hơn:

Thêm một Favicon vào google site của bạn

Các bước sau đây là tất cả những gì cần thiết để thay thế favicon mặc định của google site bằng favicon của bạn:
  • Đăng nhập vào site của bạn và đến phần quản lý tập tin đính kèm trên trang web của bạn ( Tác vụ khác>> Quản lý các trang web>> Tài liệu đính kèm)
  • Nhấp vào Tải lên
  • Click vào Browse và chọn file của bạn favicon.ico 

Chú ý: file favicon của bạn 
phải được đặt tên là "favicon.ico
"
  • Chọn Tải tệp đính kèm lên/(mức cao nhất)
  • Nhấp vào Tải lên

Cách thay đổi thứ tự trang trong thanh điều hướng

đăng 00:25 15-11-2012 bởi Nhung Den Chon

Khi tạo được một trang web thú vị cho riêng mình nhưng bạn lại gặp phải rắc rối khi tạo các trang mới và không thể thay đổi thứ tự chúng trong thanh điều hướng?! Thật lộn xộn phải ko nào?! Có 3 bước đơn giản để thực hiện chúng, nào chúng ta hãy bắt tay vào thực hiện thôi:
1. Click "Chỉnh sửa thanh bên" ở góc trái phía dưới màn hình:


2. Click vào "Chỉnh sửa" trong khung điều hướng:


3. Click bỏ chọn vào ô "Tự động sắp xếp điều hướng của tôi" (nếu nó chọn)


4. Chọn những site mà bạn muốn sắp xếp lại và di chuyển vị trí của chúng bằng các mũi tên phía bên phải sao cho đúng thứ tự mà bạn muốn.
Sau đó click "OK"


5. Click "Lưu thay đổi" và quay lại trở lại trang web.  

Tạo lịch cho google site và ứng dụng

đăng 00:24 15-11-2012 bởi Nhung Den Chon

Bước 1: Tạo bộ lịch trên google
1
. Chọn Google Calendar trên thanh điều khiển của Google.


2. Click Create và chọn type theo ý mình.


3. Đặt tên cho bộ lịch và điền các thông tin cần thiết


4. Chọn Make this calendar public.


5. Click Save


Sau khi tạo xong bộ lịch, bạn quay trở về site của bạn

Bước 2: Chèn lịch vào google site

1. Truy cập vào trang bạn muốn tạo lịch trong google site của mình

2. Click nút "Chỉnh sửa trang" phía góc phải phía trên màn hình.


3. Click vào nút "Chèn" và chọn "Lịch"


4. Chọn lịch mà bạn vừa tạo ở box bên phải và click "Chọn"


5. Tùy chỉnh các chức năng theo ý mình và click "Lưu"



6. Click "Lưu" phía bên phải trên cùng màn hình



Và bây giờ hãy tận hưởng thành quả của bạn nào ;-)


    Bước 1 mình thu thập từ internet nên có tiếng Anh, giờ thì Việt hóa rồi nên bạn có thể dễ dàng thực hiện như các thao tác ở trên. Dựa vào ví dụ chèn lịch này, bạn có thể chèn những tiện ích khác của google (ngay trong bước 3 nhỏ của bước 2) nhằm làm phong phú và giúp trang web của bạn ngày càng đẹp hơn nhé! ;-)

                                                                                                                                                                                          Nguồn Internet và Jum cập nhật

Hướng dẫn cách tạo một Google group (forum)

đăng 00:23 15-11-2012 bởi Nhung Den Chon

Đối với những nhóm người thường xuyên trao đổi e-mail với nhau thì các website cung cấp dịch vụ Mail Group hay Mailing List rất có ích:

Mail Group giúp đơn giản hóa việc gởi email cùng lúc cho nhiều người: chỉ cần gởi cho 1 địa chỉ duy nhất thay vì đồng gởi cho cả danh sách dài.

Mail Group là công cụ quản lý danh sách thành viên, cung cấp không gian để lưu trữ tất cả thông tin trao đổi và giúp bạn dễ dàng theo dõi, tra cứu về sau.

Tuy nhiên, các dịch vụ này dễ bị người dùng lạm dụng để gửi spam email nên có thể bị các máy chủ ở Việt Nam ngăn chặn.

Google Groups là một trong số các dịch vụ Mail Group đáng tin cậy hiện nay vì họ có chính sách chống spam mail tốt và phục vụ miễn phí cho mọi người.


1. Đăng ký sử dụng dịch vụ Google Groups

- Trước tiên, bạn truy cập địa chỉ http://groups.google.com/  (giao diện tiếng anh) hoặchttp://groups.google.com/?hl=vi (giao diện tiếng việt)

- Sau đó, bạn cần login = tài khoản Gmail.


2. Tạo nhóm mới

- Click vào nút "Tạo..." để tạo group mới.

- Địa chỉ group sẽ có dạng:

  Group email address:  <TênNhóm>@googlegroups.com

  Group URL (địa chỉ trang web lưu trữ toàn bộ thư trao đổi của nhóm): 
       http://groups.google.com/group/<TênNhóm>

- Click "Tạo nhóm của Tôi"


3. Nhập danh sách thành viên

- Bạn có thể nhập danh sách email của các thành viên cho nhóm ngay sau khi tạo nhóm hay bất kỳ lúc nào bạn cần.

- Bạn chọn 1 trong 2 hình thức tạo danh sách là

Invite (Gửi thư mời tham gia): mỗi địa chỉ sẽ nhận được thư mời và họ có quyền quyết định tham gia hay không.

Add (Thêm vào danh sách): trở thành thành viên ngay lập tức.

- Mỗi thành viên trong danh sách sẽ nhận được thư chào mừng tham gia, nếu bạn muốn họ khỏi thắc mắc thì nên viết thêm vài dòng giải thích vào khung "Viết thông điệp chào mừng".

4. Quản lý

Đối với nhóm mail do bạn tạo, bạn có quyền truy cập vào phần dữ liệu của nhóm để thay đổi thông tin về nhóm, xóa nhóm; sửa chữa, xóa mail; bổ sung, phân quyền cho thành viên.

Để thực hiện, bạn bấm chuột vào tên nhóm trong danh sách.

5. Những điều cần biết khi sử dụng

- Dung lượng lưu trữ hiện nay không hạn chế, tất cả các thư (kể cả file đính kèm) sẽ được nén lại.

- Không cho phép gửi kèm file thi hành (exe, com...).

- Không nên dùng hộp thư để gởi spam mail hay quảng cáo vì chỉ cần có người gởi thư phản đối cho Google là họ sẽ xóa nhóm của bạn ngay.

- Những địa chỉ không gửi mail được (sai địa chỉ, họp thư bị đầy) sẽ bị “cấm” trong danh sách.

- Bạn có thể tạo form đăng ký email để nhúng vào website (cho phép khách hàng nhập email vào group).

- Để xóa tên khỏi danh sách thành viên, bạn có thể gởi e-mail cho địa chỉ


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

Thêm nút trở về đầu trang trong google site

đăng 00:18 15-11-2012 bởi Nhung Den Chon   [ đã cập nhật 00:21 15-11-2012 ]

Khi làm việc với Google Site các bạn không thể tránh khỏi việc nội dung trong một trang quá dài khiến người xem cứ phải cuộn lên cuộn xuống để đọc rất bất tiện. Bài này mình hướng dẫn các bạn tạo một đường dẫn tắt để khi đang đọc đến cuối trang chỉ cần nhấn vào là trở về đầu trang ngay rất tiện lợi cho khách viếng thăm site của bạn. Các bạn xem demo tại đây.



        Cách làm như sau:
Trong chế độ soạn thảo của trang web nhấn vào công cụng HTML để chuyển sang chế độ soạn thảo html ở đầu các bạn đặt code sau vào:

<a name="top"></a>
Sau đó xuống cuối nội dung htmt chèn tiếp code sau vào:
<a href="#top">Return to top</a>

Các bạn có thể thay chữ Return to top bằng chữ khác hoặc đường dẫn đến ảnh của một mũi tên hướng lên trên cho đẹp tùy ý chỉnh sửa.

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




Hướng dẫn chèn lịch và đồng hồ cho googlesite

đăng 00:11 15-11-2012 bởi Nhung Den Chon   [ đã cập nhật 00:16 15-11-2012 ]

Có rất nhiều bạn đã hỏi mình là làm thế nào để chèm đồng hồ vào googlesite sau một thời gian tìm hiểu nay mình viết bài này để chia sẻ code và kinh nghiệm cho các bạn mới tập tành dùng google site để viết blog, code này kết hợp luôn cả lịch và đồng hồ rất hay. .
            Đầu tiên trong trình soạn thảo bài viết nơi mà bạn muốn đặt lich và đồng hồ, sử dụng công cụ <HTML> chèn code sau vào vị trí mà bạn muốn và nhấn Cập nhật
<img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget%27%3D20%27f%5Cv%27a%5C%3D0%2710%27%3D189%270%27dim%27%5Cbox1%27b%5CF6F6F6%27fC%5CF6F6F6%27eC%5C0%27sk%27%5C%5B%22Embed+gadget%22%27%5D%27a%5CV%5C%3D12%27f%5C%5DV%5Cta%5C%3D10%27%3D0%27%3D190%27%3D237%27dim%27%5C%3D10%27%3D10%27%3D190%27%3D237%27vdim%27%5Cbox1%27b%5Cva%5CF6F6F6%27fC%5CC8C8C8%27eC%5C%27a%5C%5Do%5CLauto%27f%5C&amp;sig=kgyg0pIGOwrZ6xsSP-GkfhdafwU" igsrc="//jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com/gadgets/ifr?url=http://www.gstatic.com/sites-gadgets/embed/embed.xml&amp;container=enterprise&amp;view=home&amp;lang=vi&amp;country=ALL&amp;sanitize=0&amp;v=c15e9acfcda676ca&amp;libs=com.google.gadgets.analytics:core:dynamic-height:google.blog:opensocial-0.7:setprefs:skins:views&amp;mid=5&amp;parent=https://sites.google.com/site/tevinclub/#up_embed_snippet=%3Cembed+xmlns%3D%22http://www.w3.org/1999/xhtml%22+height%3D%22240%22+name%3D%22obj1%22+pluginspage%3D%22http://www.macromedia.com/go/getflashplayer%22+src%3D%22http://d.violet.vn/uploads/resources/495/0.calendarmo4.swf%22+type%3D%22application/x-shockwave-flash%22+width%3D%22190%22+/%3E&amp;st=e%3DAIHE3cAs72XkhShpdpzA1M%252FIV8seXiaW7EyxOM2FcYOZO1BUXu7W%252Fw1H%252BkQKCtghYfBKMIm9lQfoJt7AZrF9jBJODVCFUm7RlswJYlXPq29lOaspXk6PtkoLU8fNs%252BZMgY60LxH7lGBS%26c%3Denterprise&amp;rpctoken=1823184329326265872" type="ggs-gadget" props="height:240;igsrc://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com/gadgets/ifr?url=http#58//www.gstatic.com/sites-gadgets/embed/embed.xml&amp;container=enterprise&amp;view=home&amp;lang=vi&amp;country=ALL&amp;sanitize=0&amp;v=c15e9acfcda676ca&amp;libs=com.google.gadgets.analytics#58core#58dynamic-height#58google.blog#58opensocial-0.7#58setprefs#58skins#58views&amp;mid=5&amp;parent=https#58//sites.google.com/site/tevinclub/#35up_embed_snippet=%3Cembed+xmlns%3D%22http#58//www.w3.org/1999/xhtml%22+height%3D%22240%22+name%3D%22obj1%22+pluginspage%3D%22http#58//www.macromedia.com/go/getflashplayer%22+src%3D%22http#58//d.violet.vn/uploads/resources/495/0.calendarmo4.swf%22+type%3D%22application/x-shockwave-flash%22+width%3D%22190%22+/%3E&amp;st=e%3DAIHE3cAs72XkhShpdpzA1M%252FIV8seXiaW7EyxOM2FcYOZO1BUXu7W%252Fw1H%252BkQKCtghYfBKMIm9lQfoJt7AZrF9jBJODVCFUm7RlswJYlXPq29lOaspXk6PtkoLU8fNs%252BZMgY60LxH7lGBS%26c%3Denterprise&amp;rpctoken=1823184329326265872;mid:5;scrolling:no;showBorder:false;spec:http#58//www.gstatic.com/sites-gadgets/embed/embed.xml;view:home;width:190;" style="display:block;text-align:left;margin-right:auto;" class="igm" width="190" height="240">

lúc này googsite sẽ hiện lên một tiện ích Google Gadet "Embed gadget" các bạn click vào cái hình bánh răng để tiến hành cài đặt tiện  ích đó, tại ô Embedding snippet các bạn chèn code sau vào nhấn Oklưu trang lại xem thành quả ^^.
<html><head><script>(function(){var a=window;function b(d){this.t={};this.tick=function(d,h,c){c=c!=void 0?c:(new Date).getTime();this.t[d]=[c,h]};this.tick("start",null,d)}var e=new b;a.jstiming={Timer:b,load:e};try{var f=top!=self,g=a.location.href,i=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(i=Math.floor(a.chrome.csi().pageT));i==null&amp;&amp;a.gtbExternal&amp;&amp;(i=f?a.gtbExternal.frameT(g):a.gtbExternal.pageT());i==null&amp;&amp;a.external&amp;&amp;(i=f?a.external.frameT(g):a.external.pageT);i&amp;&amp;(a.jstiming.pt=i)}catch(j){};})();
window["__csi"]={a:false,b:false,c:"enterprise",v:"home",g:null,d:false};var google=window.google||{};
google.csi=function(){function c(a){var c=i?i:document.location.href;return(a=c.match(RegExp("[?&amp;]"+a+"=([^&amp;#]+)")))?a[1]:null}function a(a){window.jstiming.load.tick(a);e[a]=(new Date).getTime()}function d(){if(!h){var a=c("url")||"default",b=window.__csi||{},d=b.c||"default",g=b.v||"default",l=window.encodeURIComponent?encodeURIComponent:escape,l={gadget:l(a),container:l(d),view:l(g)},i=window.__dflags||{},k=[];b.g&amp;&amp;k.push(b.g);if(b.d)for(var j in i)i[j]!=="control"&amp;&amp;(l[j]=i[j],i[j]==="true"&amp;&amp;k.push(j));
l.e=k.join(",");j=m?m:document.location.protocol;j=f[j];window.jstiming.load.name=[d,"_",g].join("");window.jstiming.report(window.jstiming.load,l,j);if((d=window.gadgets)&amp;&amp;d.rpc&amp;&amp;b.b)e.url=a,e.id=c("mid"),d.rpc.call(null,"time_iframe",null,e);h=true}}function b(a){window.addEventListener?window.addEventListener("load",a,false):window.attachEvent&amp;&amp;window.attachEvent("onload",a)}function g(a){window.onbeforeunload=a}var f={"http:":"http://csi.gstatic.com/csi","https:":"https://gg.google.com/csi"},
e={},i,m,h=false,k=window.__csi||{};k.a?(b(function(){a("prt")}),g(function(){d()})):b(function(){a("ol");a("prt");d()});return{reset_:function(){h=false},mockHref_:function(a){i=a},mockProtocol_:function(a){m=a},report_:d,tickPrtAndReport:function(){a("prt");d()},tickDl:function(){a("dl")}}}();if(window.jstiming){window.jstiming.beaconImageReferences_={};window.jstiming.reportCounter_=1;var getTick=function(c,a,d){var b=c.t[a],g=c.t.start;if(b&amp;&amp;(g||d))return b=c.t[a][0],g=d!=void 0?d:g[0],b-g},getReportUri=function(c,a,d){var b="";window.jstiming.pt&amp;&amp;(b+="&amp;srt="+window.jstiming.pt,delete window.jstiming.pt);try{window.external&amp;&amp;window.external.tran?b+="&amp;tran="+window.external.tran:window.gtbExternal&amp;&amp;window.gtbExternal.tran?b+="&amp;tran="+window.gtbExternal.tran():window.chrome&amp;&amp;window.chrome.csi&amp;&amp;
(b+="&amp;tran="+window.chrome.csi().tran)}catch(g){}var f=window.chrome;if(f&amp;&amp;(f=f.loadTimes))f().wasFetchedViaSpdy&amp;&amp;(b+="&amp;p=s"),f().wasNpnNegotiated&amp;&amp;(b+="&amp;npn=1"),f().wasAlternateProtocolAvailable&amp;&amp;(b+="&amp;apa=1");c.dapperCookie_&amp;&amp;(b+="&amp;"+c.dapperCookie_);var e=c.t,i=e.start,f=[],m=[],h;for(h in e)if(h!="start"&amp;&amp;h.indexOf("_")!=0){var k=e[h][1];k?e[k]&amp;&amp;m.push(h+"."+getTick(c,h,e[k][0])):i&amp;&amp;f.push(h+"."+getTick(c,h))}delete e.start;if(a)for(var n in a)b+="&amp;"+n+"="+a[n];(a=d)||(a="https:"==document.location.protocol?
"https://csi.gstatic.com/csi":"http://csi.gstatic.com/csi");return c=[a,"?v=3","&amp;s="+(window.jstiming.sn||"opensocial-gadgets")+"&amp;action=",c.name,m.length?"&amp;it="+m.join(","):"","",b,"&amp;rt=",f.join(",")].join("")},sendReport_=function(c,a,d){c=getReportUri(c,a,d);if(!c)return"";var a=new Image,b=window.jstiming.reportCounter_++;window.jstiming.beaconImageReferences_[b]=a;a.onload=a.onerror=function(){delete window.jstiming.beaconImageReferences_[b]};a.src=c;a=null;return c};window.jstiming.report=function(c,
a,d){if(document.webkitVisibilityState=="prerender"){var b="webkitvisibilitychange",g=false,f=function(){if(!g){a?a.prerender="1":a={prerender:"1"};var e;document.webkitVisibilityState=="prerender"?e=false:(sendReport_(c,a,d),e=true);e&amp;&amp;(g=true,document.removeEventListener(b,f,false))}};document.addEventListener(b,f,false);return""}return sendReport_(c,a,d)}};
</script><style type="text/css">body,td,div,span,p{font-family:arial,sans-serif;}a {color:#0000cc;}a:visited {color:#551a8b;}a:active {color:#ff0000;}body{margin: 0px;padding: 0px;background-color:white;}</style><script>__dflags={"ContentDivGadgetRewriter":"false","HtmlParser":"control","ResourceUsageJsDebugGadgetRewriter":"true","JsSubVersion":"control",
"UseJsHintIfAvailable":"false","GadgetBlacklist":"control",

"LogResources":"false","DynamicHeightGadgetRewriter":"true","ErrorCodesToLog":"control","AdsUrlGadgetRewriter":"true",
"Monkeypatch":"control","ProxyingGadgetRewriter":"true",

"TrackResources":"false","AnalyticsGadgetRewriter":"true","InjectClientId":"false","ClickTrackGadgetRewriter":"false",
"CsiSample":"true","UseJsPipelineForRendering":"false",

"StyleAdjacencyGadgetRewriter":"true","UseIfrVersion":"true","DflagsJsDebugGadgetRewriter":"true","IfrSubVersion":"control",
"YtVideoUrlGadgetRewriter":"true",

"StyleTagExtractorGadgetRewriter":"true","MiniMessageGadgetRewriter":"true","TimeSecsSinceEpochEnvGadgetRewriter":"true",
"JsRepositoryId":"control","UseUrlGadgetWhitelist":"false",

"UseETags":"false","GmailSkinsGadgetRewriter":"true"};
window['__isgadget']=true;</script><script src="//www-sites-opensocial.googleusercontent.com/gadgets/js/com.google.gadgets.analytics:core:dynamic-height:google.blog:opensocial-0.7:setprefs:skins:views.js?container=enterprise&amp;nocache=0&amp;debug=0&amp;c=0&amp;v=80d520a66dfe57974fabfa389d8e9cbb&amp;sv=7&amp;jsload=0"></script><script>window['___jsl'] = window['___jsl'] || {};(window['___jsl']['ci'] = (window['___jsl']['ci'] || [])).push({"rpc":{"commSwf":"//xpc.googleusercontent.com/gadgets/xpc.swf","disableForceSecure":true,"passReferrer":"p2c:query","parentRelayUrl":"/rpc_relay.html"},"shindig.auth":{"authToken":"","trustedJson":""},"core.util":{"setprefs":{},"core":{}},"core.io":{"jsonProxyUrl":"//%host%/gadgets/makeRequest","proxyUrl":"//www-sites-opensocial.googleusercontent.com/gadgets/proxy/refresh=%refresh%&amp;container=%container%%rewriteMime%&amp;gadget=%gadget%/%rawurl%"}});gadgets.config.init({"opensocial":{"invalidatePath":"//%host%/gadgets/api/rpc","path":"//%host%/api/rpc","domain":"google.com","supportedFields":{"person":["id","name","thumbnailUrl","nickname"],"sortOrder":["name"],"mediaItem":["album_id","created","description","duration","file_size","id","language","last_updated","location","mime_type","num_comments",
"num_views","num_votes","rating","start_time",

"tagged_people","tags","thumbnail_url","title","type","url"],"album":["id","thumbnailUrl","title","description","location","ownerId"],"name":["unstructured","familyName","givenName","additionalName","honorificPrefix, honorificSuffix"],"filterType":["all","hasApp"],"activityMediaItem":["type","mimeType","url"],"activity":["appId","body","bodyId","externalId","id","mediaItems","postedTime","priority","streamFaviconUrl","streamSourceUrl",
"streamTitle","streamUrl",

"templateParams","title","url","userId","mediaItems","postedTime"]}},"rpc":{"commSwf":"//xpc.googleusercontent.com/gadgets/xpc.swf","disableForceSecure":true,"passReferrer":"p2c:query","parentRelayUrl":"/rpc_relay.html"},"shindig.auth":{"authToken":"","trustedJson":""},"views":{"canvas":{"isOnlyVisible":true,"urlTemplate":"http://www.gmodules.com/gadgets/ifr?{var}","aliases":["FULL_PAGE"]},"profile":{"isOnlyVisible":false,"urlTemplate":"http://www.gmodules.com/gadgets/ifr?{var}","aliases":["DASHBOARD","default"]}},"core.util":{"setprefs":{},"core":{}},"skins":{"properties":{"BG_POSITION":"","FONT_COLOR":"","BG_IMAGE":"","ANCHOR_COLOR":"","BG_REPEAT":"","BG_COLOR":""}},"core.io":{"jsonProxyUrl":"//%host%/gadgets/makeRequest","proxyUrl":"//www-sites-opensocial.googleusercontent.com/gadgets/proxy/refresh=%refresh%&amp;container=%container%%rewriteMime%&amp;gadget=%gadget%/%rawurl%"}});
</script><script>gadgets.Prefs.setMessages_({});gadgets.Prefs.setDefaultPrefs_({"embed_snippet":""});gadgets.io.preloaded_=[];</script></head><body dir="ltr"><div id="dest"><embed height="240" width="190" type="application/x-shockwave-flash" src="http://d.violet.vn/uploads/resources/495/0.calendarmo4.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" name="obj1" xmlns="http://www.w3.org/1999/xhtml"></div>
   <script type="text/javascript">
      function onLoad() {
        var prefs = new _IG_Prefs();
        var embed = prefs.getString('embed_snippet');
        var dest = document.getElementById('dest');
        dest.innerHTML = embed;
      };
      gadgets.util.registerOnLoadHandler(onLoad);
   </script>
 
<script>gadgets.util.runOnLoadHandlers();</script><script>window.google.csi.tickDl();
</script></body></html>
Để nhanh hơn các bạn download file đính kèm và chèn code vào <HTML>
Chúc các bạn thành công!

Code âm lịch cho google site

đăng 00:06 15-11-2012 bởi Nhung Den Chon   [ đã cập nhật 00:07 15-11-2012 ]

Hihi, lang thang thấy có một số bạn có code lịch có cả ngày âm ngày dương rất hay, táy máy lấy về chia sẻ cho bạn nào cần thì dùng. Vẫn sử dụng tiện ích Embed gadget đã sử dụng trong bài chèn lịch và đồng hồ cho googlesitechèn biểu tượng yahoo status vào google site nhưng lần này mình đã có link của tiện ích đó nên sẽ đơn giản hơn ở bước chèn tiện ích là không phải vào <HTML> nữa các bạn chỉ cần vào Chèn > Tiện ích khác > Thêm tiện ích bằng URL Nhập URL cho tiện ích bạn muốn thêm bằng địa chỉ sau:

http://www.gstatic.com/sites-gadgets/embed/embed.xml
            Trong phần cài đặt tiện ích chèn code sau vào ô Embedding snippet  để  chiều cao 250px, chiều rộng 265px. Chúc các bạn thành công!
<html xml:lang="vi" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="text/javascript" http-equiv="Content-Script-Type">
<meta content="quocbinhvip, www.quocbinhvip.tk" name="author">
<meta content="Âm lịch, Lịch Việt" name="description">
<meta content="quocbinhvip, FIVN, Âm lịch, Lịch Việt" name="keywords">
<script src="https://sites.google.com/site/testcodesite2011/home/luu-tru/amlich.js" type="text/javascript"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<link type="text/css" href="https://sites.google.com/site/testcodesite2011/home/luu-tru/amlich.css" rel="stylesheet">
<title>Âm lịch</title>
</head>
<body>
<table>
<tbody><tr><td>
<div id="content">
<span id="Calendar"><table class="thang">
<tbody><tr><td class="navi-l" colspan="2"><a onclick="drawCalendar(2010,12,0,1); return false;" href="#">«</a>&nbsp;&nbsp;<a onclick="drawCalendar(2011,11,0,1); return false;" href="#">‹</a></td>
<td class="tenthang" colspan="3">12/2011</td>
<td class="navi-r" colspan="2"><a onclick="drawCalendar(2012,1,0,1); return false;" href="#">›</a>&nbsp;&nbsp;<a onclick="drawCalendar(2012,12,0,1); return false;" href="#">»</a></td></tr>
<tr>
<td title="Thứ hai" class="ngaytuan">T2</td>
<td title="Thứ ba" class="ngaytuan">T3</td>
<td title="Thứ tư" class="ngaytuan">T4</td>
<td title="Thứ năm" class="ngaytuan">T5</td>
<td title="Thứ sáu" class="ngaytuan">T6</td>
<td title="Thứ bảy" class="ngaytuant7">T7</td>
<td title="Chủ nhật" class="ngaytuancn">CN</td>
</tr>
<tr>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(7,11,2011,0,2455897,1,12,2011);" title="Ngày Canh Dần, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">1</div><div class="am">7/11</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(8,11,2011,0,2455898,2,12,2011);" title="Ngày Tân Mão, tháng Canh Tý, năm Tân Mão" class="homnay"><div class="t2t6">2</div><div class="am">8</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(9,11,2011,0,2455899,3,12,2011);" title="Ngày Nhâm Thìn, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t7">3</div><div class="am">9</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(10,11,2011,0,2455900,4,12,2011);" title="Ngày Quý Tỵ, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="cn">4</div><div class="am">10</div></td>
</tr>
<tr>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(11,11,2011,0,2455901,5,12,2011);" title="Ngày Giáp Ngọ, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">5</div><div class="am">11</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(12,11,2011,0,2455902,6,12,2011);" title="Ngày Ất Mùi, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">6</div><div class="am">12</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(13,11,2011,0,2455903,7,12,2011);" title="Ngày Bính Thân, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">7</div><div class="am">13</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(14,11,2011,0,2455904,8,12,2011);" title="Ngày Đinh Dậu, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">8</div><div class="am">14</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(15,11,2011,0,2455905,9,12,2011);" title="Ngày Mậu Tuất, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">9</div><div class="am">15</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(16,11,2011,0,2455906,10,12,2011);" title="Ngày Kỷ Hợi, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t7">10</div><div class="am">16</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(17,11,2011,0,2455907,11,12,2011);" title="Ngày Canh Tý, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="cn">11</div><div class="am">17</div></td>
</tr>
<tr>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(18,11,2011,0,2455908,12,12,2011);" title="Ngày Tân Sửu, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">12</div><div class="am">18</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(19,11,2011,0,2455909,13,12,2011);" title="Ngày Nhâm Dần, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">13</div><div class="am">19</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(20,11,2011,0,2455910,14,12,2011);" title="Ngày Quý Mão, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">14</div><div class="am">20</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(21,11,2011,0,2455911,15,12,2011);" title="Ngày Giáp Thìn, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">15</div><div class="am">21</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(22,11,2011,0,2455912,16,12,2011);" title="Ngày Ất Tỵ, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">16</div><div class="am">22</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(23,11,2011,0,2455913,17,12,2011);" title="Ngày Bính Ngọ, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t7">17</div><div class="am">23</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(24,11,2011,0,2455914,18,12,2011);" title="Ngày Đinh Mùi, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="cn">18</div><div class="am">24</div></td>
</tr>
<tr>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(25,11,2011,0,2455915,19,12,2011);" title="Ngày Mậu Thân, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">19</div><div class="am">25</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(26,11,2011,0,2455916,20,12,2011);" title="Ngày Kỷ Dậu, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">20</div><div class="am">26</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(27,11,2011,0,2455917,21,12,2011);" title="Ngày Canh Tuất, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">21</div><div class="am">27</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(28,11,2011,0,2455918,22,12,2011);" title="Ngày Tân Hợi, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">22</div><div class="am">28</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(29,11,2011,0,2455919,23,12,2011);" title="Ngày Nhâm Tý, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t2t6">23</div><div class="am">29</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(30,11,2011,0,2455920,24,12,2011);" title="Ngày Quý Sửu, tháng Canh Tý, năm Tân Mão" class="ngaythang"><div class="t7">24</div><div class="am">30</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(1,12,2011,0,2455921,25,12,2011);" title="Ngày Giáp Dần, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="cn">25</div><div class="am">1/12</div></td>
</tr>
<tr>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(2,12,2011,0,2455922,26,12,2011);" title="Ngày Ất Mão, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t2t6">26</div><div class="am">2</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(3,12,2011,0,2455923,27,12,2011);" title="Ngày Bính Thìn, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t2t6">27</div><div class="am">3</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(4,12,2011,0,2455924,28,12,2011);" title="Ngày Đinh Tỵ, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t2t6">28</div><div class="am">4</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(5,12,2011,0,2455925,29,12,2011);" title="Ngày Mậu Ngọ, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t2t6">29</div><div class="am">5</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(6,12,2011,0,2455926,30,12,2011);" title="Ngày Kỷ Mùi, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t2t6">30</div><div class="am">6</div></td>
<td onmouseout="cleanInfo();" onmouseover="showDayInfo(7,12,2011,0,2455927,31,12,2011);" title="Ngày Canh Thân, tháng Tân Sửu, năm Tân Mão" class="ngaythang"><div class="t7">31</div><div class="am">7</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
</tr>
<tr>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
<td class="trong"><div class="t2t6">&nbsp;</div><div class="am">&nbsp;</div></td>
</tr>
</tbody></table>
</span>
<span id="CalendarInfo"></span>
</div>
</td></tr>
</tbody></table>
<script type="text/javascript">
&lt;!--
  document.getElementById('CalendarInfo').innerHTML = "";
  function view() {
    var s;
    view = getView();
    column = getColumn();
    if (view == 1) s = printSelectedYear();
    else s = printSelectedMonth();
    document.getElementById('Calendar').innerHTML = s;
  }
  function showDayInfo(dd, mm, yy, leap, jd, sday, smonth, syear) {
    document.getElementById('CalendarInfo').innerHTML = "";
  }
  function printEmptyCell() {
    return '&lt;td class="trong"&gt;&lt;div class="t2t6"&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="am"&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;\n';
  }
  view();
  _uacct = "UA-2380436-1";
  urchinTracker();
//--&gt;
</script>

</body></html>

Thêm một code âm lịch nữa:


<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Lịch âm dương"/>
<Content type="html"><![CDATA[
    <style type="text/css"><span style="background-color: transparent>
<!--
.ngay {background-color:transparent}
.thangduong{text-align:center;font-size:170%; font-weight:bold; color:#330033; background-color: transparent}
.ngayduong{text-align:center;font-size:170%;font-weight:bold; color:#666600}
.ngaythangduong{text-align:center;font-size:105%;font-weight:bold; color:#0066FF}
.thuduong{text-align:center;font-size:100%;font-weight:bold; text-decoration:underline}
.thangnamam{text-align:center;font-size:75%;color:blue;font-weight:bold}
.ngayam{text-align:center;font-size:140%;color:red;font-weight:bold}
.gioam{text-align:center;font-size:75%;color:red;font-weight:bold}
.canchi {vertical-align:top;font-weight:bold}
.normal {vertical-align:top; line-height:100%}
.hoangdao {font-size:85%;font-weight:bold}
.info{text-align:center;font-size:30%;color:#FF33CC}
-->    </span></style>
    <script language="JavaScript" src="https://sites.google.com/site/qbinh68/thu-thuat/opencart/v-1-5-x/amlich-homnay.js" type="text/javascript"></script>
    <table border-color="#DBDEE1" border="1" style="border-collapse: collapse" class="thang" height="110" scroll="0" width="100%">
      <tbody>
        <tr>
          <td class="ngaythangduong" id="gio">
            &nbsp;</td>
          <td class="ngaythangduong" id="thu">
            &nbsp;</td>
        </tr>
        <tr>
          <td class="ngayduong" colspan="2" id="ngayduong">
            &nbsp;</td>
        </tr>
        <tr>
          <td>
            <div class="thangnamam" id="thangam">
              &nbsp;</div>
            <div class="ngayam" id="ngayam">
              &nbsp;</div>
            <div class="thangnamam" id="namam">
              &nbsp;</div>
          </td>
          <td class="canchi">
            <div class="gioam" id="canchithang">
              &nbsp;</div>
            <div class="gioam" id="canchingay">
              &nbsp;</div>
            <div class="gioam" id="canchigio">
              &nbsp;</div>
            <div class="gioam" id="tietkhi">
              &nbsp;</div>
          </td>
        </tr>
        <tr>
          <td class="info" colspan="2" id="dayinfo">
            &nbsp;</td>
        </tr>
      </tbody>
    </table>
    <script language="JavaScript">
<!--
//document.writeln(printToday());
showDateTime();
//-->
</script>
]]></Content>
</Module>

| Tệp đính kèm: dynamic-content-writer.xml


Tổng hợp code menu điều hướng tùy chỉnh đơn giản cho google site

đăng 00:02 15-11-2012 bởi Nhung Den Chon   [ đã cập nhật 00:05 15-11-2012 ]

Đầu tiên mình sẽ hướng dẫn làm sao để sử dụng các code dưới đây cho google site, các bạn làm theo các bước sau:
Bước 1: Tới trang Google Gadgets Editor để bắt đầu xây dựng một tiện ích.
Bước 2:  Thay thế dòng Hello, world! bằng các đoạn code tùy chỉnh dưới đây.
Bước 3: Click vào File > Save as thay thế tên helloworld.xml bằng tên tiện ích của bạn, ví dụ: menungang.xml
Bước 4: Click phải chuột vào link tên tiện ích bạn vừa đặt ở góc bên phải của google gadgets editor và coppy url tiện ích, ví dụ: http://hosting.gmodules.com/ig/gadgets/file/102493921541441143368/button-menu.xml
Bước 5: Trở lại google site click vào Chỉnh sửa trang > chèn > tiện ích > thêm tiện ích bằng URL paste url vừa coppy ở trên vào, điều chỉnh độ cao cho phù hợp, độ rộng để 100% sau đó lưu lại và thưởng thức thành quả.

1. Sử dụng bảng để làm menu ngang:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<style type="text/css">
body {margin:0; padding:0;}
table {border-collapse:collapse;}
table, td {padding:0; border:1px solid #330000;}
a {display:block; font:bold 12px Verdana; color:#FFFFFF; background-color:#660000; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {background-color:#330000;}
</style>
<base target="_parent">

<table>
<tr>
<td><a href="https://sites.google.com/site/qbinh68/home">Home</a></td>
<td><a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a></td>
<td><a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a></td>
<td><a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a></td>

</base>

Hoặc code sau:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<style type="text/css">
body {margin:0; padding:0;}
a {display:block; float:left; margin-right:2px; font:bold 12px Verdana; color:#FFFFFF; background-color:#551F22; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {color:#320000; background-color:#DEB887;}
</style>
<base target="_parent">


<a href="https://sites.google.com/site/qbinh68/home">Home</a>
 <a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a>
 <a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
 <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a>
 <a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn dàn</a>
 <a href="https://sites.google.com/site/qbinh68/game-flash">Giải trí</a>
 <a href="https://sites.google.com/site/qbinh68/dowload">Download</a>
 <a href="https://sites.google.com/site/qbinh68/shared-code">Share code</a>
 <a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a>
 <a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sitemap</a>
</base>

Kết quả:




2. Sử dụng bảng để làm menu dọc:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<style type="text/css">
body {margin:0; padding:0;}
table {border-collapse:collapse;}
table, td {padding:0; border:1px solid #330000;}
a {display:block; width:120px; font:bold 12px Verdana; color:#FFFFFF; background-color:#660000; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {background-color:#330000;}
</style>
<base target="_parent">

<table>
<tr><td><a href="https://sites.google.com/site/qbinh68/home">Home</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn dàn</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/game-flash">Giải trí</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/dowload">Download</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/shared-code">Share code</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a></td></tr>
<tr><td><a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sitemap</a></td></tr>
</table>
</base>

Hoặc code sau:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<style type="text/css">
body {margin:0; padding:0;}
a {display:block; width:120px; margin-bottom:2px; font:bold 12px Verdana; color:#FFFFFF; background-color:#551F22; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {color:#320000; background-color:#DEB887;}
</style>
<base target="_parent">


<a href="https://sites.google.com/site/qbinh68/home">Home</a>
 <a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a>
 <a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
 <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a>
 <a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn dàn</a>
 <a href="https://sites.google.com/site/qbinh68/game-flash">Giải trí</a>
 <a href="https://sites.google.com/site/qbinh68/dowload">Download</a>
 <a href="https://sites.google.com/site/qbinh68/shared-code">Share code</a>
 <a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a>
 <a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sitemap</a>
 </base>

Kết Quả:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<style type="text/css">
body {margin:0; padding:0;}
div {background-image:url(http://lh5.googleusercontent.com/-yVwJudGSq5M/ToduF5oakBI/AAAAAAAAELo/nqe_DZ9PdRU/s800/brown-gradient.png); overflow:hidden;}
a {display:block; float:left; width:74px; border-right:1px solid #ffb894; font:bold 12px Verdana; color:#662900; text-align:center; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {padding-top:9px; padding-bottom:7px;}
</style>
<base target="_parent">
<div>
<a href="https://sites.google.com/site/qbinh68/home">Home</a>
 <a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a>
 <a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
 <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a>
 <a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn dàn</a>
 <a href="https://sites.google.com/site/qbinh68/game-flash">Giải trí</a>
 <a href="https://sites.google.com/site/qbinh68/dowload">Download</a>
 <a href="https://sites.google.com/site/qbinh68/shared-code">Share code</a>
 <a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a>
 <a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sitemap</a>
</div>
 </base>

Kết quả:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">       
<style type="text/css">
body {margin:0; padding:0;}
a {display:block; width:120px; font:bold 12px Verdana; color:#662900; background-image:url(http://lh5.googleusercontent.com/-yVwJudGSq5M/ToduF5oakBI/AAAAAAAAELo/nqe_DZ9PdRU/s800/brown-gradient.png); padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus {padding-top:9px; padding-bottom:7px;}
</style>
<base target="_parent">
<a href="https://sites.google.com/site/qbinh68/home">Home</a>
 <a href="https://sites.google.com/site/qbinh68/home/gioi-thieu">Giới thiệu</a>
 <a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
 <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ Thuật</a>
 <a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn dàn</a>
 <a href="https://sites.google.com/site/qbinh68/game-flash">Giải trí</a>
 <a href="https://sites.google.com/site/qbinh68/dowload">Download</a>
 <a href="https://sites.google.com/site/qbinh68/shared-code">Share code</a>
 <a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a>
 <a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sitemap</a>
 </base>

Kết Quả:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>CSS - giancon.me</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        .menu
        {
            list-style-type:none;
        }
        .menu li
        {
            float:left;
            background:blue;
            padding:20px;
            font-weight:bold;
        }
        .menu li a:hover
        {
            text-decoration:underline;
        }
        .menu li a
        {
            color:#fff;
            text-decoration:none;
        }
        
        /* more menu */
        li.moreitem > a
        {
            background:blue url(https://sites.google.com/site/testcodesite2011/home/luu-tru/more-icon.gif) right center no-repeat;
            padding-right:25px;
        }
        li.moreitem
        {
            position:relative;              
        }
        .moredropdown div
        {
            padding:5px 0;
        }
        .moredropdown
        {
            display:none;
            position: absolute;
            background:blue;
            padding:5px;
            margin-top:20px;
            top:35px;
            left:0;
            width:180px;
        }
        li.moreitem:hover .moredropdown
        {
            display:block;
        }
    </style>
</head>
<body>
  <ul class="menu">
    <li><a href="https://sites.google.com/site/qbinh68/home">Trang chủ</a></li>
    <li><a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn đàn</a></li>
    <li class="moreitem"><a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
        <div class="moredropdown">
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-excel">Micorosoft Excel</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-word">Micorosoft Word</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-powerpoint">Microsoft Powerpoint</a></div>
        </div>
    </li>
    <li class="moreitem">
        <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ thuật</a>
        <div class="moredropdown">
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/opencart">Opencart</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/google-sites">Google site</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/joomla">Joomla</a></div>
        </div>
    </li>
    <li><a href="https://sites.google.com/site/qbinh68/dowload">Download</a></li>    
    <li><a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a></li>    
    <li><a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sơ đồ trang</a></li>    
  </ul>
</body>
</html>

Kết Quả:




<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><script>(function(){var a=window;function b(d){this.t={};this.tick=function(d,h,c){c=void 0!=c?c:(new Date).getTime();this.t[d]=[c,h]};this.tick("start",null,d)}var e=new b;a.jstiming={Timer:b,load:e};try{var f=top!=self,g=a.location.href,i=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(i=Math.floor(a.chrome.csi().pageT));null==i&amp;&amp;a.gtbExternal&amp;&amp;(i=f?a.gtbExternal.frameT(g):a.gtbExternal.pageT());null==i&amp;&amp;a.external&amp;&amp;(i=f?a.external.frameT(g):a.external.pageT);i&amp;&amp;(a.jstiming.pt=i)}catch(j){};})();
window["__csi"]={a:false,b:false,c:"enterprise",v:"default",g:null,d:false};var google=window.google||{};
google.csi=function(){function c(a){var b=i?i:document.location.href;return(a=b.match(RegExp("[?&amp;]"+a+"=([^&amp;#]+)")))?a[1]:null}function b(a){window.jstiming.load.tick(a);e[a]=(new Date).getTime()}function d(){if(!h){var a=c("url")||"default",b=window.__csi||{},d=b.c||"default",g=b.v||"default",l=window.encodeURIComponent?encodeURIComponent:escape,l={gadget:l(a),container:l(d),view:l(g)},i=window.__dflags||{},k=[];b.g&amp;&amp;k.push(b.g);if(b.d)for(var j in i)"control"!==i[j]&amp;&amp;(l[j]=i[j],"true"===i[j]&amp;&amp;k.push(j));
l.e=k.join(",");j=m?m:document.location.protocol;j=f[j];window.jstiming.load.name=[d,"_",g].join("");window.jstiming.report(window.jstiming.load,l,j);if((d=window.gadgets)&amp;&amp;d.rpc&amp;&amp;b.b)e.url=a,e.id=c("mid"),d.rpc.call(null,"time_iframe",null,e);h=!0}}function a(a){window.addEventListener?window.addEventListener("load",a,!1):window.attachEvent&amp;&amp;window.attachEvent("onload",a)}function g(a){window.onbeforeunload=a}var f={"http:":"http://csi.gstatic.com/csi","https:":"https://gg.google.com/csi"},e={},
i,m,h=!1,k=window.__csi||{};k.a?(a(function(){b("prt")}),g(function(){d()})):a(function(){b("ol");b("prt");d()});return{reset_:function(){h=!1},mockHref_:function(a){i=a},mockProtocol_:function(a){m=a},report_:d,tickPrtAndReport:function(){b("prt");d()},tickDl:function(){b("dl")}}}();if(window.jstiming){window.jstiming.beaconImageReferences_={};window.jstiming.reportCounter_=1;var getTick=function(c,b,d){var a=c.t[b],g=c.t.start;if(a&amp;&amp;(g||d))return a=c.t[b][0],g=void 0!=d?d:g[0],a-g},getReportUri=function(c,b,d){var a="";window.jstiming.pt&amp;&amp;(a+="&amp;srt="+window.jstiming.pt,delete window.jstiming.pt);try{window.external&amp;&amp;window.external.tran?a+="&amp;tran="+window.external.tran:window.gtbExternal&amp;&amp;window.gtbExternal.tran?a+="&amp;tran="+window.gtbExternal.tran():window.chrome&amp;&amp;window.chrome.csi&amp;&amp;
(a+="&amp;tran="+window.chrome.csi().tran)}catch(g){}var f=window.chrome;if(f&amp;&amp;(f=f.loadTimes))f().wasFetchedViaSpdy&amp;&amp;(a+="&amp;p=s"),f().wasNpnNegotiated&amp;&amp;(a+="&amp;npn=1"),f().wasAlternateProtocolAvailable&amp;&amp;(a+="&amp;apa=1");c.dapperCookie_&amp;&amp;(a+="&amp;"+c.dapperCookie_);var e=c.t,i=e.start,f=[],m=[],h;for(h in e)if("start"!=h&amp;&amp;0!=h.indexOf("_")){var k=e[h][1];k?e[k]&amp;&amp;m.push(h+"."+getTick(c,h,e[k][0])):i&amp;&amp;f.push(h+"."+getTick(c,h))}delete e.start;if(b)for(var n in b)a+="&amp;"+n+"="+b[n];(b=d)||(b="https:"==document.location.protocol?
"https://csi.gstatic.com/csi":"http://csi.gstatic.com/csi");return c=[b,"?v=3","&amp;s="+(window.jstiming.sn||"opensocial-gadgets")+"&amp;action=",c.name,m.length?"&amp;it="+m.join(","):"","",a,"&amp;rt=",f.join(",")].join("")},sendReport_=function(c,b,d){c=getReportUri(c,b,d);if(!c)return"";var b=new Image,a=window.jstiming.reportCounter_++;window.jstiming.beaconImageReferences_[a]=b;b.onload=b.onerror=function(){window.jstiming&amp;&amp;delete window.jstiming.beaconImageReferences_[a]};b.src=c;b=null;return c};window.jstiming.report=
function(c,b,d){if("prerender"==document.webkitVisibilityState){var a="webkitvisibilitychange",g=!1,f=function(){if(!g){b?b.prerender="1":b={prerender:"1"};var e;"prerender"==document.webkitVisibilityState?e=!1:(sendReport_(c,b,d),e=!0);e&amp;&amp;(g=!0,document.removeEventListener(a,f,!1))}};document.addEventListener(a,f,!1);return""}return sendReport_(c,b,d)}};
</script><script>window['__isgadget']=true;</script><script src="//www-sites-opensocial.googleusercontent.com/gadgets/js/core.js?container=enterprise&amp;nocache=0&amp;debug=0&amp;c=0&amp;v=f94608a0c667e550cc5ba39ea90eb06e&amp;sv=7&amp;jsload=0"></script><script>window['___jsl'] = window['___jsl'] || {};(window['___jsl']['ci'] = (window['___jsl']['ci'] || [])).push({"shindig.auth":{"authToken":"","trustedJson":""},"core.util":{"core":{}},"core.io":{"jsonProxyUrl":"//%host%/gadgets/makeRequest","proxyUrl":"//www-sites-opensocial.googleusercontent.com/gadgets/proxy/refresh=%refresh%&amp;container=%container%%rewriteMime%&amp;gadget=%gadget%/%rawurl%"}});gadgets.config.init({"shindig.auth":{"authToken":"","trustedJson":""},"core.util":{"core":{}},"core.io":{"jsonProxyUrl":"//%host%/gadgets/makeRequest","proxyUrl":"//www-sites-opensocial.googleusercontent.com/gadgets/proxy/refresh=%refresh%&amp;container=%container%%rewriteMime%&amp;gadget=%gadget%/%rawurl%"}});
</script><script>gadgets.Prefs.setMessages_({});gadgets.Prefs.setDefaultPrefs_({});gadgets.io.preloaded_=[];</script><link type="text/css" rel="stylesheet" href="http://sites.google.com/site/dqbtes/home/luu-tru/style.css">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="author" content="izwebz">
    
    
    
    <title>Drop down menu</title>
</head><body dir="ltr"><script type="text/javascript" src="http://sites.google.com/site/dqbtes/home/luu-tru/jquery-1.3.2.min.js" charset="utf-8"></script><script type="text/javascript" src="http://sites.google.com/site/dqbtes/home/luu-tru/dropdown.js" charset="utf-8"></script>
    <div id="wrapper">
        <ul id="nav">
           <li><a href="#">Home</a></li>
           <li><a href="#">About ↓</a>
                <ul style="visibility: hidden; display: block;">
                   <li><a href="#">Home</a></li>
                   <li><a href="#">About »</a>
                        <ul>
                           <li><a href="#">Home</a></li>
                           <li><a href="#">About</a></li>
                           <li><a href="#">Clients</a></li>
                           <li><a href="#">Contact Us</a></li>
                        </ul>
                   
                   </li>
                   <li><a href="#">Clients</a></li>
                   <li><a href="#">Contact Us</a></li>
                </ul>
           
           </li>
           <li><a href="#">Clients ↓</a>
                <ul>
                   <li><a href="#">jQuery »</a>
                        <ul>
                           <li><a href="#">Home</a></li>
                           <li><a href="#">About</a></li>
                           <li><a href="#">Clients</a></li>
                           <li><a href="#">Contact Us</a></li>
                        </ul>
                   </li>
                   <li><a href="#">Clients</a></li>
                   <li><a href="#">Contact Us</a></li>
                </ul>
           </li>
           <li><a href="#">Contact</a></li>
           <li><a href="#">FAQs</a></li>
           <li><a href="#">Testimonials</a></li>
        </ul>
    </div>


<script>gadgets.util.runOnLoadHandlers();</script><script>window.google.csi.tickDl();
</script></body></html>

Kết Quả:


Comments