[Blogspot] Double click để chọn hết vùng chứa code hoặc blockquote cho blogger

Có khi nào bạn vô bất kì 1 blog thủ thuật nào đó và thấy rằng việc copy code của họ hoàn toàn đơn giản và nhanh chóng không? Chính là vì họ đã sử dụng 1 đoạn Jquery mà chỉ cần chúng ta click đúp chuột (double click) là có thể bôi đen hết toàn bộ văn bản có trong thẻ blockquote (trích dẫn) hoặc thẻ pre (chứa code) rồi đó.

Click đúp chọn hết văn bản blogger

Demo bạn có thể xem luôn ở bài viết này nhé. Hãy click đúp trong khung code mình chia sẻ để thấy hiệu ứng.
Cách thực hiện: Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán đoạn code dưới trước thẻ </body>

<script type=’text/javascript’>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;dblclick&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>

Trong đó, nếu bạn muốn:

• Chọn hết toàn bộ code trong thẻ pre thay vì trong blockquote thì hãy sửa blockquote thành pre.
• Click 1 lần để chọn hết code hãy sửa dblclick thành click.

Bước 3: Lưu template lại và xem đã thành công chưa nhé!
Việc nhẹ lương cao, ngoài ra các bạn có thể kết hợp hiệu ứng này với tạo màu cho code hiển thị trong blogspot thì sẽ rất tuyệt đấy.

Xem thêm: Tạo màu cho code trong blogspot

Nếu thấy bài viết hay thì hãy share cho mọi người biết nhé :)

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!