[Blogspot] Tạo khung code có nút Select all

Đối với một blog chuyên về thủ thuật thì code là bạn đồng hành không thể thiếu trong mỗi TUT rồi đúng không? Nhưng đối với các template sử dụng đa phần sẽ không tích hợp khung code kèm Jquery Double click to select (tức click chuột 2 lần sẽ bôi đen hết chỗ code đó), khung code thì đơn giản. Nên nếu bạn là 1 con người sống đơn giản và nhanh, gọn, lẹ thì khung code có sẵn nút Select all là sự chọn lựa tuyệt vời cho bạn đó.

Tạo khung code có nút Select all cho Blogspot

Cách thực hiện: Bước 1: Truy cập quản trị blogger - Bài đăng - Bài đăng mới.
Bước 2: Trong khung bài viết, chuyển sang tab HTML và thêm code dưới vào chỗ cần hiển thị khung code có nút Select all.

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all"/>
<textarea cols="59" name="MyTextBox" rows="18" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA dashed;">NỘI_DUNG_CODE</textarea> </form>

--- Thay thế NỘI_DUNG_CODE bằng code của bạn sau khi đã Mã hóa code nhé.
--- Nếu code quá ngắn thì điều chỉnh lại giá trị rows="18" sao cho phù hợp với 18 là số dòng code.
Bước 3: Sau khi hoàn tất bài viết thì Xuất bản thôi.
Công việc rất đơn giản thôi và mang lại hiệu quả vô cùng lớn, người đọc sẽ không phải kéo rê chuột bôi đen đoạn code của bạn nữa vì có nút Select all làm nhiệm vụ đó thay họ rồi.
Chúc các bạn thành công :)
Post by: TsmBlogger.com

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!