Cách hiển thị các ký tự bàn phím cho Blogger

H

ướng dẫn cách hiển thị các ký tự trên bàn phím cho Blogger. Tiện ích này giúp cho các Blogger có thêm cách để viết Blog cách trực quan hơn, dễ hiểu hơn cho người xem.

Một thực tế mà tôi thường khó khăn khi cố gắng giải thích cho ai đó những tổ hợp phím đơn giản bằng viết các ký tự thông thường. Thiết nghĩ sẽ trực quan và dễ hiểu hơn khi trình bày và giải thích bằng ký tự bàn phím.

Ví dụ: Ctrl + f, Ctrl + Alt + Delete

Sau khi áp dụng tiện ích cho Blogger, nó sẽ được hiển thị như thế này:

Ctrl+F

Ctrl+Alt+Delete

Với những bạn thường xuyên vọc máy tính thì dễ hiểu, nhưng với người lớn hoặc ai đó ít sử dụng máy tính thì hơi khó. Chính vì thế, tôi viết bài này để giải quyết điều đó.

Bước 1: Cài đặt hiển thị

Để thực hiện, bạn vào phần chỉnh sửa HTML -> Tìm đến thẻ ]]> </ b: skin> và thêm vào trên nó đoạn code dưới đây:

tst {
font-family:Georgia !important;
border:1px solid #ccc;
font-size:1.3em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #bbb, 0 2px 0 3px #333;
border-radius:2px;
margin:2px 3px;
padding:1px 5px;
}

Bấm Lưu Template lại.

Bước 2: Cách sử dụng

Để thêm các ký tự bàn phím, chỉ cần dán mã theo cú pháp hiển thị như sau:

<tst> Ctrl </tst> + <tst> Alt </tst> + <tst> Del </tst>

Bạn phải đảm bảo các ký tự được hiển thị ký tự phím phải được chèn giữa <tst> và </tst>

Lưu ý là, thẻ <tst> là phát minh của tôi và có thể được thay thế bằng một thẻ khác theo quyết định của bạn, chẳng hạn như <ti> hay <teo> hay gì đó tùy theo sở thích của bạn.