Khi bắt tay vào làm viết Blog, với một người không chuyên mình rất khó khăn và loai hoai khi triển khai bài viết không nỗi bật hoặc không đúng ý. Mình đã tìm tòi những chia sẽ trên mạng và cũng tìm được những chia sẻ hay, đáp ứng được những nhu cầu của bài viết. Với mục đích tạo ra một nơi tập trung lưu giữ những đoạn code này (khi nào quên thì còn có chổ tra cứu lại cho nhanh 😀) và đồng thời cũng chia sẻ lại với các bạn blogger khác. Mình sẽ tập trong tất cả trong 1 tiêu đề "Tổng hợp Code hay dành cho Blogspot" với nhiều phần khác nhau, trước tiên mình chia sẻ những đoạn code đã sưu tầm được và sẽ có bài bổ sung khi tìm được những đoạn code hay khác.

Phần 2

Tiếp tục với chủ đề code hay, hôm nay mình sẽ chia sẻ với các bạn tiếp phần code hiển thị code trong bài viết.

Mẫu 3:

Đây là 1 đoạn code HTML nhưng có thêm nút chọn Sellect All để bạn dể dàng chọn đoạn code và copy. Đoạn code này được triển khai trực tiếp trong bài viết bằng cách chuyển qua chế độ soạn thảo HTML.

<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"> CODE Ở ĐÂY </textarea>
</form>
 
Bạn có thể tùy chỉnh số dòng và cột của khung hiển thị code bằng cách thay đổi giá trị của: 

           cols="60"  : số dòng;
           rows="12" : số cột;

Và sau đây là demo hiển thị trong bài viết của mẫu 3:


Hẹn gặp lại các bạn trong bài viết tiếp theo.