Thiết kế Web trên Google Sites: Tạo menu nhiều cấp trên hàng ngang

Trước bài viết nầy, các bạn có thể tham khảo:

• Tạo trang Web bằng Google Sites - Trang tổng quan
• Thiết kế trang chủ trên Google Sites - Phần đầu trang
• Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 1
• Thiết kế Web trên Google Sites: Tạo trang con ngoài trang chủ
• Nhúng mã Html vào trang Google Sites: Công cụ hổ trợ phần 2
• Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 3

Giống như thiết kế Blogger trên trình thiết kế Blogger Dashboard của Google, ứng dụng Google Sites cũng có 1 số tiện ích Widget trong trang thiết kế.
Để tiếp tục với phần nầy trong bài, các bạn hãy mở lại bài thiết kế mà các bạn đã tạo ra lần trước.

• Mở trang thiết kế

Một cửa sổ có giao diện như hình dưới sẽ được mở ra. Trên thiết kế ứng dụng Google Sites là những trang mà mình đã thiết kế. Bạn hãy Click vào trang thiết kế để tiếp tục.

Trên ứng dụng Google Sites, Các công cụ mà bạn cần chú ý trong bài viết hôm nay sẽ là những biểu tượng phía trên, bên trái của thanh điều hướng.

Tạo menu nhiều cấp trên hàng ngang

Nhìn trên hình trên, nó nằm vị trí có vòng tròn khoanh lại màu đỏ theo hướng trỏ lên của mũi tên màu đỏ, bạn Click chuột trái vào đây sẽ có 2 chế độ chọn lựa.(ở mũi tên số 1)
- Chọn lựa thứ nhất, menu Trang chủ sẽ hiển thị như ở phần Demo trên bài  Nhúng mã Html vào trang Google Sites: Công cụ hổ trợ phần 2
- Chọn lựa thứ hai, khi bạn Click chuột vào phần số 2 như ở hình dưới, menu Trang chủ sẽ hiển thị bên cột phía trái của trang Web.
Như Demo dưới đây, mình đặt menu trên hàng ngang của thanh điều hướng.

• DEMO

Để làm được như thế, bạn thực hiện trình tự các bước như sau:

- Vào chế độ điều hướng (1), chọn lựa mục chọn đầu tiên phía trên.

- Click Thêm trang ở mũi tên số 2.

- Click thao tác add thêm các trang con ở mũi tên số 3. Hướng dẫn nầy đã có ở bài: 

Thiết kế Web trên Google Sites: Tạo trang con ngoài trang chủ

- Số 4: là kết quả thiết kế. Tùy bạn muốn tính toan menu của bạn sẽ có bao nhiêu phần, bao nhiêu cấp quản lý nhé.
Mình sẽ tiếp tục những bài viết mới trong vài ngày sau.

Chúc các bạn thành công. Nhớ Xuất bản ra để Save lại đó.

Người viết: Nguyễn Đạt Khánh

Read More

Ứng dụng hổ trợ màu chat trên Facebook Messenger

Màu chuẩn trên thiết kế của facebook các bạn đã biết rồi, nhưng đôi lúc các bạn lại muốn cho đẹp hơn theo thiết kế của mình bằng một ứng dụng của một hãng khác. Thật tuyệt vời vì ứng dụng đó luôn có sẳn trên Cửa hàng Chrome trực tuyến rất miễn phí. 

Facebook Messnger chỉ cho thay đổi trong số màu nầy

Các bước thực hiện như sau:

- Việc đầu tiên, bạn phải có Tài khoản Google. Bạn đã có chưa? Thế thì ta phải tạo chúng thôi. Bạn có thể tham khảo bài: 

• Làm thế nào đăng ký tài khoản Google?

- Login vào Tài khoản vừa tạo.

- Truy cập vào đường Link sau để vào cửa hàng Chrome trực tuyến:

https://chrome.google.com/webstore/detail/mauf-custom-messenger-col/jfjnmganegfpajpgchndgfjbljnehink

- Click vào nút Thêm vào Chrome màu xanh ở hướng mũi tên trỏ vào ở hình dưới.

- Tiếp tục Click chuột vào nút Add Extension ở hướng mũi tên trỏ trên hình dưới.

- Sau khi đã thêm vào Chrome, các ứng dụng có liên quan của Mauf xuất hiện. Bạn có thể thêm vào một trong các ứng dụng có đánh số từ 1 - 4 như trong hình để tạo cho giao diện facebook của mình có màu sắc như ý nhé.

- Trên hình dưới là 5 ứng dụng nhỏ mà mình đã cài đặt từ trên cửa hàng Chrome trực tuyến. Chúng được thiết lập vào trong hệ thống máy tính của bạn và nằm trên khay hệ thống, phía góc phải trên, nằm cùng hàng với thanh địa chỉ. (mũi tên đỏ.)

Dưới đây là ví dụ minh họa trên hình dưới, mình thử thay đổi màu nền cho facebook Messenger. Vấn đề sử dụng nó như thế nào, các bạn cứ Click vào các biểu tượng ứng dụng ở hình trên để nghiệm màu chuẩn xác, tuyệt vời cho facebook của mình nhé.

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

Người viết: Nguyễn Đạt Khánh

Read More

Hướng dẫn xem Nhật ký hoạt động trên Facebook

Cuối tuần là những ngày rãnh, hoặc muốn tham khảo - nghiên cứu một điều gì đó để làm ăn, thậm chí nhiều khi bạn chẳng có gì để làm...vô vàn lý do. Bạn có thể vào chính trang Nhật Ký hoạt động của mình trên Tài khoản facebook để xem.

Cách làm như sau:

 Ở hình dưới, theo hướng mũi tên đen trỏ, bạn lần lượt Click chuột vào các số 1 trước, 2 sau. Trên menu bật xuống, bạn sẽ tìm thấy tên tuổi Nhật ký hoạt động, là của  chính bạn, đừng vào của ai khác nhé.

Sau khi hoàn tất hình trên, bạn thấy cửa sổ hình dưới được Open. Đó là tất cả những gì mà facebook cho biết: bạn đã làm gì, Post bài nào, Like ở đâu, Comments cho ai, Share những gì...trong những giai đoạn vừa qua.

Còn một điều đặc biệt nữa mà bạn có thể dòm thấy, là những bài Post của bạn bè gắn thẻ đăng vào trang nick của bạn. Trong hình nầy, do mình không muốn đăng vào trang nhà full tường nên đã khóa lại.

Ở số 1: Do mình đã Cài đặt dòng thời gian trong Cài đặt (Setting) nên facebook yêu cầu bạn Đánh giá để cho phép hiện hay ẩn bài viết trong trang nick của bạn. Số 2: là phần thuộc về những gì bạn đã làm rồi đó.

Nếu các bạn thấy hay thì Like và Share cho mình nhé. Nếu có ý kiến gì khác, xin bạn hãy để lại Comments. Chúc các bạn vui vẽ.

Người viết: Khánh Nguyễn

Read More

Các thiết lập Blocking trong Facebook Settings

Facebook là một mạng Cộng đồng XH được nhiều người dùng ưa chuộng. Hiện mạng xã hội lớn nhất thế giới có khoảng 2,1 tỷ người dùng, trong khi ứng dụng nhắn tin WhatsApp cũng đã đạt tới 1,5 tỷ và Facebook Messenger là 1,3 tỷ người dùng hàng tháng. Số thành viên của Facebook đang lớn hơn dân số của bất cứ quốc gia nào, cũng như lớn hơn 6 trong số 7 lục địa trên thế giới. (Theo báo mới.com số ra ngày 08/03/2018).

Với số lượng đăng nhập lớn như thế hàng ngày, khiến cho chúng ta không khỏi mệt nhọc như đang đi trên một xa lộ thông tin đầy ấp. Có những việc cần ngăn chặn, phòng ngừa và không muốn tiếp cận, Facebook cung cấp cho chúng ta một tiện ích Blocking trong Facebook Settings - Cài đặt (Setting)

Vậy tiện ích nầy nằm ở đâu? Nó dùng vào những mục đích gì một cách cụ thể? Và làm thế nào để truy cập chúng. Nội dung bài viết của Khánh Nguyễn gồm vào vào những ý chính đó thôi.

Tiện ích nầy nằm ở đâu?:

Trong đường dẫn của chương mục  Settings/Blocking/Manager Blocking

Dùng vào những mục đích?
1/ Restricted List (Danh sách hạn chế):

Khi bạn thêm một người bạn vào Danh sách hạn chế, họ sẽ không nhìn thấy các bài viết trên Facebook mà bạn chỉ chia sẻ với Bạn bè. Họ có thể vẫn nhìn thấy nội dung bạn chia sẻ với Mọi người hoặc trên dòng thời gian của một người bạn chung cũng như các bài viết họ được gắn thẻ. Facebook không thông báo cho bạn bè của bạn khi bạn thêm họ vào Danh sách hạn chế

2/ Block users (Chặn người dùng)

Ngay khi bạn chặn ai đó, người này không thể xem nội dung đăng trên dòng thời gian của bạn, gắn thẻ bạn, mời bạn tham gia sự kiện hoặc nhóm, bắt đầu cuộc trò chuyện với bạn hay thêm bạn vào danh sách bạn bè nữa. Lưu ý: Không bao gồm các ứng dụng, trò chơi hay nhóm mà cả bạn và người này đều tham gia.

Block messages (Chặn tin nhắn)

Nếu bạn chặn tin nhắn và cuộc gọi video từ ai đó tại đây, họ sẽ không thể liên hệ với bạn trong ứng dụng Messenger. Trừ khi bạn chặn trang cá nhân của ai đó, nếu không họ có thể đăng lên dòng thời gian của bạn, gắn thẻ bạn và bình luận về bài viết hoặc bình luận của bạn

3/ Block app invites (Chặn lời mời cài đặt ứng dụng)

Khi bạn chặn lời mời sử dụng ứng dụng từ ai đó, bạn sẽ tự động bỏ qua các yêu cầu sử dụng ứng dụng trong tương lai từ người bạn đó. Để chặn lời mời từ một người bạn, nhấp vào liên kết "Bỏ qua tất cả các lời mời từ người bạn này" ở dưới yêu cầu mới nhất của bạn

4/ Block event invites (Chặn lời mời tham gia sự kiện)

Khi bạn chặn lời mời sự kiện từ ai đó, bạn sẽ tự động bỏ qua những yêu cầu sự kiện trong tương lai từ người bạn đó.

5/ Block apps (Chặn ứng dụng)

Khi bạn đã chặn ứng dụng, ứng dụng không thể liên hệ với bạn hoặc nhận thông tin không công khai về bạn qua Facebook.

6/ Block Pages(Chặn trang)

Sau khi bạn chặn một trang, trang đó không thể tương tác với bài viết của bạn hoặc thích, trả lời bình luận của bạn nữa. Bạn sẽ không thể đăng lên Dòng thời gian của trang hoặc gửi tin nhắn cho trang. Nếu bạn đã thích trang gần đây, chặn trang cũng sẽ bỏ thích và bỏ theo dõi trang.

Làm thế nào để truy cập chúng?

Có 2 cách truy cập chúng:
1/ Bạn truy cập thẳng vào địa chỉ:

https://www.facebook.com/settings?tab=blocking

2/ Bạn vào menu truy vấn theo các trình tự của hình dưới, từ số 1 đến số 3.

Chúc các bạn thành công với những thủ thuật trên facebook ở phần Cài đặt (Setting) mà mình chia sẽ.

Người viết: Nguyễn Đạt Khánh

Read More

Cách Lưu lại bài trên trang News Feed của Facebook

Khi duyệt bài trên trang News Feed, có nhiều nội dung mà bạn cần lưu lại vào hồ sơ của bạn để dùng lại chúng khi cần. Vấn đề News feed là gì?, các bạn có thể tham khảo bài: Các bước hiệu chỉnh tính năng công khai của News Feed

Cách thức như sau: (Theo hình trên)

Bước số 1: Phía trên góc phải mỗi bài đăng có dấu 3 chấm (...), bạn Click chuột trái chọn vào đó. Có một menu bật xuống

Bước số 2: Bạn chọn vào Lưu bài viết.

Bước số 3: Để xem các bài đã lưu trong hồ sơ, bạn Click chuột trái vào đó theo hướng mũi tên trỏ về bên trái của hình (số 3).

Sau khi bạn chọn vào bước số 3, một cửa sổ màn hình xuất hiện. Đây là nơi chứa các hồ sơ bài Post mà bạn đã lưu lại.

Cách để chia sẽ thật đơn giản, Facebook cho phép bạn chia sẽ (Share) bài theo trình tự 3 bước chọn được đánh số theo hình dưới.

Ở bước số 2: Bạn có thể chọn lựa hướng mà bạn cần Share bài để các bạn bè cùng xem như hình dưới đây khi bạn chọn vào Chia sẽ trên dòng thời gian của bạn ▼

Trên List bật xuống có 6 mục lựa chọn, tùy bạn chọn lựa nhé. 
Các bạn có thể tìm hiểu thêm ở Từ khóa hoặc Related Posts (Những bài viết liên quan) phía bên dưới, hoặc trong Tab Tags/Facebook phía bên phải Website để biết thêm chi tiết khác.

Chúc các bạn của mình có những ngày vui vẽ với kiến thức mà Khanhnguyen' s Blog chia sẽ.

Người viết: Nguyễn Đạt Khánh.

Read More

Hướng dẫn đăng ký Tài khoản facebook

Bạn muốn đăng ký Tài khoản Facebook? Hoàn toàn miễn phí và rất dễ dàng tạo lập và sử dụng trên Computer. Các bước để có được 1 Nick name trên mạng cộng đồng XH FaceBook như sau:

Bước 1:

Truy cập vào địa chỉ FaceBook bởi đường Link sau:

https://www.facebook.com/

Trang thủ tục khai báo xuất hiện như hình bên dưới.

Hồ sơ đăng ký

Bước 2:

- Khai báo các thông tin về bạn cho Facebook gồm:
Mục 1: Khai báo họ tên, Ghi số điện thoại của bạn  để có hồi báo và cung cấp mã khóa của Facebook trong hộp Messenger.
Mục 2:  Nhập Password mà bạn muốn khai báo để bảo mật thông tin cá nhân khi truy cập.
Dưới đó là khai báo ngày tháng năm sinh của bạn.
Mục 3: Sau khi xong tất cả các thông tin bắt buộc, bạn Click chuột vào nút Tạo tài khoản.

Cung cấp thông tin cá nhân

Bước  3:

Hộp thoại nhập Pass Code xuất hiện trên màn hình. Bạn cần hoàn tất chúng bởi 2 bước nhỏ:

- Xem thông tin Messenger trên điện thoại để ghi nhận lại chúng. Thông tin nầy do Facebook cung cấp sau khi bạn thực hiện hoàn tất ở bước 2. Cần nhớ rằng: Facebook chỉ phản hồi trên số máy điện thoại mà bạn cung cấp.

- Nhập mã Pass Code đó vào hộp thoại xác nhận của Facebook trên máy Computer. Và Click vào nút Tiếp tục

Nhập đoạn mã mà faceBook đã gửi qua tin nhắn SMS

Bước 4:

Trang Face của bạn được mỡ ra. Bạn tiếp tục hoàn tất quá trình thêm ảnh Avatar và thêm bạn.
Trên cột bên phải, bạn có thể tạo dựng Nhóm/ Câu lạc bộ hoạt động riêng hoặc có thể tham gia cùng với các Nhóm và CLB khác cũng được.
Cũng từ Cột bên trái, bạn có thể truy cập vào Facebook Messenger để trao đổi thư tín với bạn bè đã kết nối cũng đước nhé.

Cập nhật ảnh trong Profile

Bước 5:

Click chuột vào tên Nick name của bạn trên thanh màu xanh, đầu trên màn hình, bạn chú ý vào các hướng mũi tên trỏ số 1, 2, 3.

- Số 1: Thêm ảnh bìa cho Banner.

- Số 2: Thêm ảnh Avatar của bạn. Nếu đã thêm rồi ở bước trước, bạn có thể vào đó chỉnh sữa.

- Số 3: Bạn có thể vào đây để chĩnh sữa trang cá nhân (hay còn gọi là trang Profile)

Ở bước nầy: Bạn có thể tìm kiếm bạn bè để kết nối bởi đó chính là mục đích của bạn mà. 

Thêm ảnh bìa trên Banner và chỉnh sữa hồ sơ

Bước 6:

Facebook cung cấp cho bạn một hộp thông điệp rất tốt, giúp bạn giao tiếp và trao đổi với bạn bè. Như hình dưới đây, các bạn thấy một khung hộp thoại hình chữ nhật với kết cấu trình bày đơn giản, dễ sử dụng. Đầu trên khung chữ nhật có 4 Tab: Tạo bài viết, Ảnh/Video, Video trực tiếp và Tab Sự kiện trong đời. 
Phía dưới khung có các Tab chọn lựa khác để các bạn có thể chèn vào đó hình ảnh, Video, cảm xúc biểu cảm, gắn thẻ bạn bè....
Góc dưới phải khung là 2 nút lệnh: Nút đầu tiên từ trái qua là cách bạn chọn lựa để gữi bài, và nút kế tiếp khi bạn Click vào sẽ phát lệnh Đăng bài lên hướng mà bạn vừa chọn lựa.

Bắt đầu tạo kết nối bạn bè và Post bài đăng

Bạn có thể Tìm bạn bè (số 1) ở hướng chọn thứ 2 theo hướng mũi tên ở hình dưới.

Bạn có thể tìm bằng địa chỉ thư Email ở mũi tên số 3.

Hoặc tìm bạn bè bằng cách khai báo như ở mũi tên số 4 trên khung bên phải hình dưới.

Tìm kiếm và kết nối bạn bè

Vậy là Good chưa các bạn? Thật ra, trên Facebook còn có rất nhiều tiện lợi khác mà người dùng như chúng ta sẽ rất thích thú. Trước mắt, các bạn cần làm quen với chúng qua những gì mà Kết bạn cùng Khanhnguyen ' s Blog chia sẽ nhé.
 Chúc các bạn thành công.

Người viết: Nguyễn Đạt Khánh.

Read More

Tạo hộp thoại thông báo với hiệu ứng trượt

Việc tạo một hộp thoại thông báo ở góc phải/trái dưới màn hình, như trong mục bài viết liên quan (Related posts):

• Code Chèn Quảng Cáo cho Web Blog

 mà các bạn có thể vào tham khảo, là việc cần thiết cho website thiết kế Blogger Dashboard, có tác dụng đặt một đoạn text với nội dung chào mừng bạn đọc hoặc gửi lời nhắn đến bạn đọc về một vấn đề gì đó. Có nhiều cách để tạo một thông báo như vậy, trong số đó nổi bật nhất có sử dụng thư viện jQuery để tạo hiệu ứng trượt.

Để tạo một hộp thoại thông báo như vậy, chúng ta hãy thực hiện Cài đặt (Setting) theo các bước như sau:

Bước 1. Đăng nhập Blogger, vào Design Template>> Edit HTML. Đặt đoạn code bên dưới Khung Source Code vào trước thẻ </head>.

<style>
#slidebox{
width:400px;
height:100px;
padding:10px;
background-color:#fff;
border-top:3px solid #E28409;
position:fixed;
bottom:0px;
right:-430px;
-moz-box-shadow:-2px 0px 5px #aaa;
-webkit-box-shadow:-2px 0px 5px #aaa;
box-shadow:-2px 0px 5px #aaa;
}
</style>

Bước 2. Đặt đoạn code bên dưới vào trước thẻ </body>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js ' type='text/javascript'></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {

$(window).scroll(function(){

var distanceTop = $('#last').offset().top - $(window).height();

if ($(window).scrollTop() > distanceTop)

$('#slidebox').animate({'right':'0px'},300);

else

$('#slidebox').stop(true).animate({'right':'-430px'},100);

});

$('#slidebox .close').bind('click',function(){

$(this).parent().remove();

});

});

//]]>

</script>

Bước 3. Đặt đoạn code bên dưới vào trước thẻ <div id='footer'>.

<p id='last'/>

<div id="slidebox">

<a class="close">[×]</a>

<p>Nội dung thông báo.</p>

</div>

Kết thúc, Bạn cần nhớ Sao lưu dữ liệu, Lưu lại Template.

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

Nguồn tham khảo: http://nghiencuuseo.blogspot.com/2015/03/tao-hop-thoai-thong-bao-voi-hieu-ung-truot.html
Demo: Bạn có thể lấy link Demo trong khung bên dưới để vào xem thư trang mà mình đã ứng dụng cho Code trong bài hướng dẫn.

http://tinhockhanhdat16.blogspot.com/

Ghi chú:
Một điều đặc biệt trong bước Cài đặt (Setting) nầy, Source Code được đặt thẳng vào trong Mẫu Template, không cần phải sử dụng đến phần thiết kế layout (Bố cục).
Trong phần: <p>Nội dung thông báo</p>, bạn có thể thử mở thêm trang nầy để chép dán  vào kiễm tra thử, dùng mã Html/JavaScrip để chèn vào giữa 2 thẻ <p> và </p>:

• Hộp thử Test Html/JavaScript

Trong trang Demo, Hộp thoại chỉ xuất hiện khi bạn kéo thanh cuộn bên di chuyển về phía đáy màn hình trong trang Blog.

Người viết: Nguyễn Đạt Khánh

Read More

Tạo công cụ tìm kiếm cho Blog bằng Google Custom Search

Để tạo một công cụ tìm kiếm với Thiết kế Blogger/blogspot, các blogger có thể sử dụng Gadget Search Box mặc định của Blogger 

hoặc sử dụng tiện ích Tìm kiếm tùy chỉnh (Google Custom Search) được cung cấp bởi chính Google.
Trong bài nầy, cách tạo lập sẽ gồm các bước như sau:
1. Đăng nhập vào tài khoản Google, truy cập trang tìm kiếm tùy chỉnh (Google Custom Search) 

• Google Custom Search

2- Bấm chọn tạo công cụ tìm kiếm mới. (số 1 - hình dưới)

2. Điền các thông tin liên quan vào ở vùng số 2 và 4 và chọn ngôn ngữ ở list box số 3, sau đó bấm Tạo

3. Sau khi bấm Tạo ở bước trên thì Công cụ tìm kiếm đã được tạo và bạn nhấn vào Nhận mã như hình dưới (ở mũi tên số 1)

4. Sau khi nhấn nhận mã, bạn copy đoạn mã đó vào trong tiện ích Widget HTML/Javarscrip trong phần thiết kế Bố cục (Layout) blog của bạn. 

Chổ hướng có mũi tên màu đỏ trỏ, đó là mã code ID phát sinh trong công cụ mà Google Custom Search cung cấp.

Bạn cũng có thể thay đổi cách hiển thị tại mục số 3 hình trên trong phần hướng dẫn số 3

 - Nếu muốn blog của bạn chuyên nghiệp hơn hãy tham khảo cách nâng cấp khung tìm kiếm (search box) sẵn có của blogger. Phần nầy, mình sẽ có thời gian để viết bài và chia sẽ cho các bạn vào những dịp khác.
Ngoài cách nầy ra, các bạn cũng có thể vào Blogger Dashboard, phần Edit HTML trong template để Code trực tiếp cũng dược.

Demo trang Blog sử dụng Google Custom Search Box:

Bạn chép địa chỉ nầy để tải thử trang demo

http://tinhockhanhdat9.blogspot.com/

Thân ái chào các bạn, chúc các bạn có thật nhiều niềm vui nhé.

Người viết: Nguyễn Đạt Khánh

Read More

Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 3

Trước bài viết nầy, các bạn có thể tham khảo:

• Tạo trang Web bằng Google Sites - Trang tổng quan
• Thiết kế trang chủ trên Google Sites - Phần đầu trang
• Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 1
• Thiết kế Web trên Google Sites: Tạo trang con ngoài trang chủ
• Nhúng mã Html vào trang Google Sites: Công cụ hổ trợ phần 2

Giống như thiết kế Blogger trên trình thiết kế Blogger Dashboard của Google, ứng dụng Google Sites cũng có 1 số tiện ích Widget trong trang thiết kế.
Để tiếp tục với phần nầy trong bài, các bạn hãy mở lại bài thiết kế mà các bạn đã tạo ra lần trước.

• Mở trang thiết kế

Một cửa sổ có giao diện như hình dưới sẽ được mở ra. Trên thiết kế ứng dụng Google Sites là những trang mà mình đã thiết kế. Bạn hãy Click vào trang thiết kế để tiếp tục.

Trên ứng dụng thiết kế Google Sites, Các công cụ mà bạn cần chú ý trong bài viết hôm nay sẽ là những biểu tượng phía trên, bên trái của thanh điều hướng.

1. Chế độ điều hướng:

Nhìn trên hình dưới, nó nằm vị trí số 1, có 2 chế độ chọn lựa.
- Chọn lựa thứ nhất, menu Trang chủ sẽ hiển thị như ở phần Demo trên bài  Nhúng mã Html vào trang Google Sites: Công cụ hổ trợ phần 2
- Chọn lựa thứ hai, khi bạn Click chuột vào phần số 2 như ở hình dưới, menu Trang chủ sẽ hiển thị bên cột phía trái của trang Web.

• DEMO

2. Thanh tác vụ:

Trên hình dưới, các bạn nhìn vào khung viền màu xanh hướng có mũi tên đỏ trỏ vào. Các công cụ mà bạn thường gặp trên các ứng dụng gồm có như sau, tính từ trái sang phải:

- Nút Undo, Redo dùng để hoàn tác, hay lấy lại tác vụ vừa hoàn tác.

- Xem trước: biểu tượng có hình con mắt.

- Biểu tượng mắt xích: Sao chép liên kết trang Web đã xuất bản.

- Biểu tượng hình người (User) có dấu +: Dùng để chia sẽ với các địa chỉ bạn bè mà bạn cho phép.

- Dấu 3 chấm đứng: dùng để xác lập quan hệ tương tác với Google. Trong đó, có cả luôn việc bạn cần phải làm để lấy ID thuộc tính web Analytics . Phần khai báo ID nầy, tất nhiên bạn cần phải có 1 tài khoản Google và đăng nhập vào địa chỉ Google Analytics để khai báo.

Mời bạn xem phần Demo :

• DEMO

Mình sẽ tiếp tục những bài viết mới trong vài ngày sau nhé các bạn yêu.

Chúc các bạn thành công. Nhớ Xuất bản ra để Save lại đó.

Người viết: Nguyễn Đạt Khánh

Read More

Nhúng mã Html vào trang Google Sites: Công cụ hổ trợ phần 2

Trước bài viết nầy, các bạn có thể tham khảo:

• Tạo trang Web bằng Google Sites - Trang tổng quan
• Thiết kế trang chủ trên Google Sites - Phần đầu trang
• Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 1
• Thiết kế Web trên Google Sites: Tạo trang con ngoài trang chủ

Giống như thiết kế Blogger trên trình thiết kế Blogger Dashboard của Google, ứng dụng Google Sites cũng có 1 tiện ích Widget để nhúng mã Html vào trong trang thiết kế.
Để tiếp tục với phần nầy trong bài, các bạn hãy mở lại bài thiết kế mà các bạn đã tạo ra lần trước.

• Mở trang thiết kế

Một cửa sổ có giao diện như hình dưới sẽ được mở ra. Trên thiết kế ứng dụng Google Sites là những trang mà mình đã thiết kế. Bạn hãy Click vào trang thiết kế để tiếp tục.

Trên ứng dụng thiết kế Google Sites, bạn nhìn cột phía bên phải có 3 tab: Chèn, Trang và Chủ đề.

Bạn hãy tạo thử 1 trang Nhúng Html như ở bài Thiết kế Web trên Google Sites: Tạo trang con ngoài trang chủ, và dùng tiện ích Nhúng, chọn tiếng Tab Nhúng mã Html vào đây như trong hình dưới:

Mã Html ở trên mình dùng có dạng:

<Marquee behavior=“scroll”> Cuộn văn bản không ngừng </Marquee>

Nếu các bạn chưa biết nhiều về ngôn ngữ lập trình Html, các bạn có thể vào tham khảo Tag Html trên trang Blog của mình nhé.

Mời bạn xem phần Demo :

• DEMO

Lưu ý: 
Ở góc trên bên phải của trang Web, các bạn thấy có chữ Trang chủ với dấu nón trỏ ngược, bạn Click chuột vào đây để mở menu truy cập các trang con nhé.

Mình sẽ tiếp tục những bài viết mới trong vài ngày sau nhé các bạn yêu.

Chúc các bạn thành công. Nhớ Xuất bản ra để Save lại đó.

Người viết: Nguyễn Đạt Khánh

Read More