Cảm nhận tư duy và tổng hợp kiến thức

Thứ Năm, 22 tháng 2, 2018

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):
 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>:
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

Share:

Thứ Tư, 21 tháng 2, 2018

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) 
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ố 24 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


Share:

Thứ Hai, 19 tháng 2, 2018

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:
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ộ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.


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 :


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

Share:

Thứ Hai, 12 tháng 2, 2018

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:
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ộ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 :
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

Share:

Thứ Sáu, 9 tháng 2, 2018

Tìm kiếm mật khẩu của chính người dùng bỏ quên

Trong quá trình tạo lập tài khoản Google, tài khoản Facebook...các bạn thường gặp tính năng ghi nhận lại mật khẩu (Password). Một vấn đề rất hết sức phiền toái nếu như cứ sử dụng chúng mà bạn không hề ghi chép lại, như mình chẳng hạn, thường hay có thói quen nầy. Rồi một lúc nào đó lại quên đi với hàng đống chương trình, hàng đống ứng dụng...có sử dụng Password.

Có một thông tin giúp chúng ta khắc phục sự cố nầy bằng một ứng dụng của hãng Google, tất nhiên bạn phải có một tài khoản của nó. 
= Log in vào tài khoản Google. Có nghĩa rằng bạn phải mở trang Google ra trước bằng chính User Name, Password của bạn nhé.


Bật Smart Lock cho Mật khẩu nếu chưa. Thướng là tính năng Autofill nầy luôn được bật sẳn. 
Cách làm như sau:
Bước 1:
- Kiễm tra xem thử tính năng nầy có bật chưa bằng cách vào địa chỉ truy cập chrome://settings/ . Vào thanh địa chỉ trên đầu màn hình, chép địa chỉ chrome://settings/ dán vào đó và Enter là xong.

- hoặc vào lệnh truy cập bằng cách tìm biểu tượng dấu 3 chấm phía góc phải trên màn hình cửa sổ để mở mục chọn Settings.
-  Tìm chọn tiếp Advanced/Password and forms ở phía dưới màn hình cửa sổ Settings.
- Kiễm tra mục chọn Autofill settings có bật lên hay chưa. Nếu chưa, vậy là bạn đã bị hack hồi nào rồi, Google đã không giúp bạn ghi lại được Password mà bạn đã tạo để quản lý bảo mật cho các ứng dụng mà bạn đã tạo ra từ nào tới giờ.
Trường hợp nầy hiếm có xãy ra, bởi tính năng tự động On là mặc định mà.


Bước 2: Nếu tất cả đều ổn. Bạn Click vào tiếp để xem Manage passwords.
Trong cửa sổ mới hiện ra, toàn bộ danh sách gồm tên đăng nhập và những mật khẩu đã lưu trước đó sẽ được liệt kê. Nếu muốn xem lại, người dùng chỉ cần nhấp vào biểu tượng con mắt, sau đó đăng nhập tài khoản Google lại một lần nữa.

Về cơ bản, tính năng lưu trữ và đồng bộ mật khẩu khá hữu ích, giúp người dùng có thể xem lại thông tin đăng nhập dễ dàng ở bất cứ đâu và trên bất kì thiết bị. Thêm vào đó, người dùng cũng không cần phải quá lo lắng bởi toàn bộ mật khẩu đã được mã hóa.

Nếu không muốn sử dụng tính năng lưu trữ mật khẩu của Google, bạn có thể tham khảo một số ứng dụng có chức năng tương tự như Sticky Password, LastPass, 1Password,  WebBrowserPassView,,,

Chúc các bạn vui vẽ với kiến thức mà mình chia sẽ. 

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


Share:

Thứ Tư, 7 tháng 2, 2018

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

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

Nào bây giờ các bạn hãy mở trang thiết kế Web bằng ứng dụng Google Sites lên nhé. 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ủ đề.
Nhìn vào bên phải ứng dụng Google Sites, có một khuôn viên lựa chọn các tiện ích thao tác. Bạn chọn vào Tab Trang

Nhấn chuột vào dấu 3 chấm đen phía phải Trang chủ, như hình dưới (chổ Click chuột trái chọn vào có dấu khoanh tròn màu đỏ), menu xổ xuống, bạn chọn vào mục Thêm trang con. Tiếp theo, bạn đặt tên và Click chọn Xong.

Thêm trang con: Một số lưu ý mà bạn cần quan tâm trong việc tạo trang con nhiều cấp:
- Bên phải ở mỗi trang đều có dấu 3 chấm đen để tạo trang quản lý phân cấp.
- Muốn cho trang vừa mới tạo trở thành trang quản lý, hay một Folder (thư mục). Trong Blogger Dashboard gọi là Tag (thẻ/ chương mục). Bạn chỉ cần Thêm trang con trên chính tên trang đã có.
Trong phần ví dụ của mình, Tag: Thiết kế Web trên Google có 2 trang (bài viết):
- Tạo trang Web bằng...
- Thiết kế trang chủ trê....
Mời bạn xem phần Demo nhé:
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 đó, đâu còn cách nào khác để ghi lại bài đâu nhé.

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

Share:

Thứ Hai, 5 tháng 2, 2018

Sóng tình - Tác giả: Chàng Cát nàng lăng


Vấn vương từ thuở
Duyên ở cạnh bên
Lối yêu vọng tiếng sáo rền
Con tim khao khát lênh đênh sóng tình
Lặng thinh hồi nhớ
Cắc cớ vì đâu
Theo ai chân bước qua cầu
Để cho cau khỏa vườn trầu đượm xinh
Gió rình mây trắng
Núi lặng đứng nhìn
Chân trời vừng rạng lung linh
Biển trào sóng cuộn thuyền tình ngang qua
Trầm kha bến đợi
Ai vợi vời xa
Mong thuyền quay lại quê nhà
Trăng non lại nhú sáng lòa thinh không
Nắng hồng sắc tím
Ngọt lịm hương nồng
Ánh chiều cánh nhạn chờ trông
Chèo khua róc rách bềnh bồng nẻo xa
Có ta có bậu
Cái 'dậu mùng tơi'
Lại " Con bướm trắng sang chơi"
Ghẹo nàng bằng Tím Cát... lời thiết tha
Sơn ca lãnh lót
Tiếng hót nồng nàn
Sóng tình thỏa sức điểm trang
Tô màu hạnh phúc huy hoàng đêm xuân
4/2/2018

Tác giả: Nàng Lăng Chàng Cát - Diễn đàn Facebook


Share:

Thứ Bảy, 3 tháng 2, 2018

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

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


Nào bây giờ các bạn hãy mở trang thiết kế Web bằng ứng dụng Google Sites lên nhé. 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ủ đề.
Nghĩa là khi chọn vào Tab nào bạn sẽ làm việc với các công cụ hổ trợ trên Tab đó.
Ở Tab thứ nhất trên hình bên dưới bạn sẽ thấy một số công cụ tiện ích giống như thủ thuật  Blogger bằng ứng dụng Blogger Dashboard vậy. Chúng đều là những ứng dụng thiết kế Web Blog do chính Google phát triển và khi sử dụng chúng, bạn cần phải có một Google Acccount, nghĩa là bạn phải đăng ký tài khoản Google nhé.


Dưới đây là một số công cụ tiện ích. Mình dùng hình chụp lại trong bài demo để minh họa:
Trong hình dưới:
Phần 1: Là phần đầu trang mình đã viết và thực hành trong bài trước.
Phần 2: Sử dụng công cụ nhúng . Đó là nơi để bạn nhúng các đường link địa chỉ vào. Khi xuất bản, cứ mỗi lần Click chuột link đó sẽ được truy cập ngay lập tức.

Chức năng nhúng siêu liên kết
Trong hình dưới:
- Phần 3 và 4: là công cụ chèn văn bản, trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 3


Chức năng chèn văn bản
Trong hình dưới:
- Phần 5 và 6: là công cụ chèn hình ảnh, trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 5

Chức năng chèn hình ảnh
Trong hình dưới:
- Phần 7 và 8: là công cụ chèn bản đồ hướng dẫn đi đường, nơi ở..., trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 5 trên chức năng Edit hiệu chỉnh bản đồ từ ứng dụng Google Maps

Chức năng chèn bản đồ
Trong hình dưới:
- Phần 9: là tính năng chèn văn bản siêu liên kết dưới chân trang, thường là các ghi chú bản quyền tác giả, năm xuất bản.

Tính năng thêm chân trang
- Phần 10 và 11: là 1 ví dụ minh họa. Trong quá trình chèn văn bản siêu liên kết, bạn có thể dùng các công cụ trên thanh định dạng số 10 để sử dụng.

Tính năng chèn văn bản siêu liên kết dưới chân trang
Như thế bạn đã sắp sữa có một lâu đài tình ái rồi đó nhé.Trong Website nầy, bạn có thể Upload file ảnh, giao lưu mạng cộng đồng XH,...

Vậy chứ còn nhiều thứ lắm, mệt phờ ra đấy. 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 đó, đâu còn cách nào khác để ghi lại bài đâu nhé.

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

Share:

Bloatware là gì và gỡ bỏ chúng như thế nào?

Bloatware là thuật ngữ sử dụng trong cả lĩnh vực máy tính và điện thoại di động. Hiểu một cách đơn giản, bloatware là các ứng dụng mà nhà sản xuất tích hợp vào hệ điều hành, ở mức độ giới thiệu, quảng bá các tính năng, dịch vụ của nhà sản xuất chủ yếu là bản trial, sau một thời gian, nếu muốn nâng cấp người dùng phải trả phí để sử dụng các dịch vụ cao cấp hơn trên hệ điều hành như các phần mềm Microsoft Office, phần mềm diệt virus Norton Antivirus, trình ghi đĩa Roxio CD creator, Nero,…

Để giãm nhẹ bớt dung lượng truy cập và dung lượng lưu trữ của máy tính, chúng ta có mấy cách làm như sau:

Gỡ bỏ bằng cách thông thường


- Chọn trên menu Windows Start ở góc dưới trái màn hình Desktop, Click chuột phải vào ứng dụng cần gỡ bỏ và chọn lệnh Uninstall như trên hình.

Thủ thuật này áp dụng được cho các ứng dụng như Get Office, Get Skype, Get Started, Microsoft Solitaire Collection, Money, News, Phone Companion và Sports. Bạn cũng có thể gỡ các ứng dụng “rác” (bloatware) do nhà sản xuất cài sẵn bằng cách này.
Gỡ bỏ bằng PowerShell

PowerShell là một ứng dụng dòng lệnh quan trọng của Win 10, giúp bạn kiểm soát quá trình tự động hóa nhiệm vụ, quản lý cài đặt, các công cụ ứng dụng trên hệ điều hành Win 10…

Cách để mở Windows PowerShell như sau:

Nhấn phím Windows + X rồi chọn Windows PowerShell (Admin)
Nếu máy bạn chưa cập nhật lên Windows 10 Creators Update thì chỗ PowerShell sẽ là Command Prompt, lúc này nhấn Windows + S rồi nhập powershell, trong kết quả hiện ra click chuột phải vào Windows PowserShell -> Run as administrator.

Trong cửa sổ Windows PowserShell, sau dấu nhắc lệnh C:\WINDOWS\system32> trên cửa sổ Command như HĐH Ms-Dos khi xưa, bạn nhập vào các hàng lệnh như sau:
+ Gỡ bỏ 3D:

+ Gỡ bỏ Camera:

+ Gỡ bỏ Mail và Calendar:

+ Gỡ bỏ Money, Sports, News và Weather:

+ Gỡ bỏ Groove Music và Film & TV:

+ Gỡ bỏ People:

+ Gỡ bỏ Phone Companion:

+ Gỡ bỏ Photos:

+ Gỡ bỏ Solitaire Collection:

+ Gỡ bỏ Voice Recorder:

+ Gỡ bỏ Xbox:

Gỡ bỏ bằng Control Panel

Mở File Explorer tìm biểu tượng Control Panel để truy cập. 
Hoặc tìm kiếm Control Panel bằng các tổ hợp phím Windows + X hoặc Windows + S

Trên cửa sổ Control Panel > Kích chọn “Uninstall a program” ở mục Programs.
Trên đây chỉ là một số kiến thức mà Khanhnguyen' s Blog  tổng hợp từ nhiều nguồn trên mạng, ngõ hầu giúp các bạn chia sẽ ứng dụng tin học. Nếu có gì hay hơn, các bạn có thể góp ý để bổ sung nhé.
Chúc các bạn có nhiều niềm vui mỗi ngày.

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

Share:


Thống kê Blogspot

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP