Tạo khung chứa code đẹp và độc đáo cho Blogger

#Thủ Thuật #Windows #Blogger #Facebook

Tạo khung chứa code đẹp và độc đáo cho Blogger

Share:
Có lẽ không cần phải nói nhiều, đọc tiêu đề bài viết thì bạn đã biết rõ thủ thuật này là gì rồi. Đây là thủ thuật tạo khung chứa code cho blogger/blogspot. Được thiết kế hoàn toàn bằng CSS.
Demo ngay tại bài viết này.

Các bước thực hiện

Bước 1: Đăng nhập vào trang quản lý Blogger
Bước 2: Chèn đoạn code dưới đây vào trên thẻ ]]></b:skin> trong template
.post blockquote{
margin:10px 0!important;
border:2px solid #58257b!important;
overflow: auto !important;
text-align: left !important;
max-height: 250px !important;
background: #ddd!important;
background-repeat: no-repeat !important;
padding: 15px 20px 15px 35px !important;
color: #555 !important;
user-select:all
}
Bước 3: Lưu template và enjoy!

Cách sử dụng

Bước 1: Tô đen đoạn code cần cho vào khung
Bước 2: Chọn biểu tượng trích dẫn trong giao diện viết bài của blogger.

Bước 3: Enjoy!
CHUYÊN MỤC

Bài Viết Liên Quan

Bình Luận Gần Đây

Một số lưu ý khi bình luận
● Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin.
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
● Để bình luận một đoạn code, hãy mã hóa code trước nhé.