Khung Chứa Code có chữ "Chọn Toàn Bộ" hoặc "Select All"

Để tạo khung chứa code có chữ Chọn toàn bộ (Select All) (khi bạn bấm vào chữ Chọn toàn bộ (Select All) này thì tự động các dòng code trong khung được chọn hết), ưu điểm của phương pháp này là khi copy các Code Share không gây ra lỗi như copy thiếu. các bạn cần làm theo các bước sau:

Demo Bấm nút "Select All" bên dưới để xem Demo:

Add code here

Ảnh minh họa:

» Cách tạo box code cóp nút Select All cho blog của bạn?

1- Đăng nhập vào blogger
2- Chọn Bài đăng mới (New post) để tạo bài đăng mới.

3- Tich vào phần  HTML của bài viết vừa tạo (hoặc bài viết bạn muốn tạo khung) để chuyển qua chế độ soạn thảo code HTML.

4- Đặt chuột vào vị trí muốn chèn code trong bài đăng. Và dán đoạn code dưới đây vào. (Chú ý ta chỉ thay code ở phần chỉnh sửa HTML của bài đăng).

<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" />
<textarea cols="60" name="MyTextBox" rows="12" wrap="off">
Pate code here!
</textarea>
</form>

Ảnh minh họa:

» Tùy chỉnh!

• Thay chữ Select All thành chũ bạn muốn ví dụ: Chọn Toàn Bộ, Chọn tất cả,...
• rows="12" là chiều cao của khung
• cols="60" là chiều rộng của khung