Thư viện

Trải nghiệm

Hiển thị các bài đăng có nhãn Blogspot Box Code. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogspot Box Code. Hiển thị tất cả bài đăng

Thứ Bảy, tháng 2 15, 2014

Chèn tiện ích mã hóa code trước khung comment của blogger

by
Như các bạn đã viết trong khi comment nhiều khi chúng ta phải chèn một đoạn mã sử dụng các ký tự đặc biệt (như < > '" &) vào comment. Nếu cứ thế chèn vào thì nó sẽ không hiển thị được vì thế giải pháp đưa ra là phải mã hóa nó để có thể hiển thị được ở phần comment. Bài viết này mình sẽ hướng dẫn các bạn cách chèn thẳng một tiện ích mã hóa code vào trước khung commmet của blogger.
Chèn tiện ích mã hóa code trước khung comment của blogger

Thứ Sáu, tháng 6 14, 2013

Tự động bôi đen code trong thẻ pre bằng double click

by
Tự động bôi đen code trong thẻ pre bằng double click
Với các blog chuyên chia sẻ và viết về các thủ thuật thì việc chia sẻ các đoạn code nằm trong cặp thẻ pre là rất phổ biến. Tuy nhiên hạn chế của thủ thuật này là khi muốn copy một đoạn code bạn sẽ phải bôi đen bằng cách di chuột, nghe có vẻ không có gì khó khăn nhưng hãy thử tưởng tượng môt đoạn code dài thì bạn sẽ rất mất thời gian để có thể bôi đen hết nó.
Vậy làm thế nào để bôi đen chỉ với một cú click đúp chuột mà vẫn có thể sử dụng cặp thẻ pre quyen thuộc. bài viết sau đây sẽ hướng dẫn các bạn làm cách nào để bôi đen một đoạn code dài chỉ với cú click đúp chuột (double click)
Bạn có thể xem demo bằng cách click đúp chuột va o khung chứa code trong bài viết này nha.

Thứ Năm, tháng 2 28, 2013

Khung Blockquote với hiệu ứng chuột cho Blogger

by
 Khung Blockquote với hiệu ứng chuột cho Blogger
Namkna đã tạo codes Css  đơn giản cho Blockquote. Không code Blockquote Highlighter này rất đẹp và bắt mắt. Blockquote rất quan trọng với Blogs nó được rất nhiều blogger hướng dẫn  khác nhau, mỗi Blogger giới thiệu một site khác nhau nhưng tất cả đề dùng CSS, JavaScript, Script, jquery,..
Demo bên dưới mỗi mẫu trong bài viết này!

Thứ Tư, tháng 1 23, 2013

Khung chưa code sử dụng Prettify cho blogger

by
 Khung chưa code sử dụng Prettify cho blogger - Syntax Highlighting in Blogger using Prettify

Syntax Highlighting in Blogger using Prettify

Prettify được phát triển bởi Mike Samuel từ Google và được sử dụng để hiển thị các đoạn mã vào các trang web một cách pro hơn. Nó rất nhẹ và được tích hợp dễ dàng vào Blogger. Prettify có bốn chủ đề khác nhau để lựa chọn và cũng hỗ trợ làm nổi bật cú pháp ngôn ngữ C-like và XML-like Highlighting. Trong hướng dẫn này, chúng ta sẽ được nhìn thấy làm thế nào để thực hiện nó trong blog của bạn và cũng có thể kiểm tra ra một số tùy chọn của nó.

Thứ Hai, tháng 11 19, 2012

Tạo trang covert code (endcode) for blogger

by
Với các blogger chuyên về thủ thuật như namkna thì tạo 1 trang end code là rất cần thiết. Bài viết này namkns sẽ hướng dẫn các bạn cách tạo một trang endcode cho blog của mình.

Thứ Sáu, tháng 4 06, 2012

Dùng Blockquote làm chú thích và khung code cho blogspot

by
Khi tạo một bài viết với blockquote , văn bản trích dẫn đó sẽ được thụt vào bên trong và làm cho nó nổi bật. Tuy nhiên,style mặc đinh của blogspot rất đơn điệu, nếu bạn muốn thay đổi nó thì bạn có thể chỉnh sửa nó bằng lệnh blockquote{ lệnh css }. 
Blockquotes là cách để làm nổi bật ý tưởng chính của bạn giữa các nội dung khác Thủ thuật được phát triển bởi 24wworks.

Thứ Năm, tháng 3 08, 2012

Trình bày code với Syntax Highlighter cho blogspot

by
Với các Blogspot về thủ thuật Blogspot thì kiếm cho mình được một mẫu trình bày code để tạo phong cách riêng cho mình là rất quan trọng. Hôm nay Namkna sẽ giới thiệu cho các bạn một plussin trình bày code với Syntax Highlighter  dành cho blogspot.

Thứ Bảy, tháng 12 24, 2011

Tạo khung converter code cho blogger

by
Trong blogger bạn muốn chèn một đoạn mã code nào đó vào bài đăng, hoặc phần Comment nhằm cho độc giả xem, nếu cứ cóp y nguyên đoạn mã đó chắc chắn blogger sẽ không cho bạn đăng nó và sẽ thông báo lỗi hoặc đoạn Code đó sẽ không hiển thị được.

Thứ Sáu, tháng 10 14, 2011

Tạo khung chứa code cho bài viết cách 5

by
Tạo khung chứa code cho bài viết cách 5
Bạn viết blog thường có kèm theo code HTML để giới thiệu. Bạn muốn bài đăng của mình được đẹp hơn trong mắt người đọc.Lần trước mình đã giới thiệu Đặt code trong khung trên bài viết của Blogger (Xem ở đây). Bài này mình sẽ giới thiệu cho các bạn các mẫu pre code ( Khung chèn code ) đẹp cho blogspot.

Thứ Hai, tháng 8 15, 2011

Khung ghi chú đẹp cho Blogspot

by
Khung ghi chú cho Blogspot - box note for blogspot
Khi muốn thông báo về một sự kiện nào đó cho blog của mình bạn sẽ cần có một khung ghi chú đẹp để thu hút sự chú ý của mọi người và nhấn mạnh nội dung của phần ghi chú đó.
Đây là một thủ thuật tạo khung ghi chú đơn giản, nó cũng tương tự như khung thông báo. Chỉ với một đoạn code CSS và XMl đơn giản bên dưới bạn sẽ tạo dduwwocj một khung thông báo đẹp. Ưu điểm của thủ thuật này là không ảnh hưởng nhiều tới tốc độ load do không sử dụng mã javarscip mà chỉ là mã CSS và XMl đơn thuần.

Thứ Sáu, tháng 8 05, 2011

Tổng hợp khung chứa Code đẹp cho Blogspot

by
Tổng hợp khung chứa Code đẹp cho Blogspot
Bài viết này sẽ hướng dẫn các bạn một cách khá đơn giản nhưng cũng rất chuyên nghiệp để đặt đoạn code mình cần trích dẫn vào bài đăng trên blog. Với cách làm này đoạn mã hiển thị sẽ trông dễ nhìn hơn và người đọc dễ sao chép khi muốn sử dụng.

Thứ Hai, tháng 8 01, 2011

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

by
Box code with "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:

Thứ Năm, tháng 7 14, 2011

Đặt code trong khung trên bài viết của Blogger

by
Hướng dẫn này chia sẻ một trong những cách đơn giản nhưng không kém chuyên nghiệp để đặt code nằm trên khung trong bài đăng của Blogger. Với cách làm này đoạn mã hiển thị sẽ trông dễ nhìn hơn và người đọc dễ sao chép khi muốn sử dụng

Thứ Năm, tháng 5 19, 2011

Một số khung chứa code đẹp cho blogger

by
Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.

Khung chứa code màu xanh cho blogspot

by
Trước đây tôi có đăng bài "Tạo khung chứa code trong bài đăng", nay xin giới thiệu đến các bạn khung chứa code có màu nền xanh. Đây là code của nó