Làm thế nào để thêm mã Html Và khác: Blog của bạn. Làm thế nào để phong cách và Customize The Box Mã.

Làm thế nào để thêm mã Html Và khác: Blog của bạn. Làm thế nào để phong cách và Customize The Box Mã.

Hi tất cả, vài ngày trước, tôi đã thực hiện và bổ sung một công cụ mới được gọi là bộ mã hóa ký tự Html. Để biết thêm về công cụ này và biết thêm về cách sử dụng nó xin vui lòng hướngdẫn này.
Hướng dẫn trước cho bạn biết cách tổng quát làm thế nào để thêm một mã số, ví dụ nhưHTML code. bài viết blogger.


Nhưng hôm nay chúng tôi sẽ thảo luận và tìm hiểu làm thế nào để làm cho bạn mã hộp trông tốt hơn và làm thế nào bạn có thể làm cho nó trông rất chuyên nghiệp.
Vì vậy, những gì trong hướng dẫn này
Trong hướng dẫn trước tôi đã nói với bạn làm thế nào để thêm mã bài blogger của bạn, nhưng trong hướng dẫn này tôi sẽ dạy bạn làm thế nào để phong cách hộp mã của bạn và làm thế nào để gửi mã một cách chuyên nghiệp.
Nếu bạn vẫn không hiểu, xin vui lòng bấm vào đây để xem một bản demo cho kết quả cuối cùng.
vì vậy xin vui lòng tập trung với tôi và cho phép làm điều đó.
Bước 1. Thêm mã phong cách hộp cho mẫu của bạn.
Trong bước này, điều đầu tiên phải làm là chọn một trong bốn phong cách sau đây để hộp mã của bạn.
Một khi bạn thấy một trong những phù hợp của bạn, xin vui lòng sao chép mã của nó và tiếp tục đọc.
Box Phong cách 1
Blogger Code Box Style 1
Phong cách hộp 1 mã
 . Mã {

margin: 15px 35px 15px 15px;

padding: 10px;

rõ ràng: cả hai;

danh sách-style-type: none;

: # f9f9f9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnRmct5shVfDVsY3vDFOs-yvnCQ2eaN47X4XrK3rLKkjn7m0vWqUrk2CW-_Kw_S3-oznBoj8N97OeGPkAfH6A5je-vcqmYKb4BmDZTTU6bKrXOw1QUGAcrZaKW6yIRF_kD6H8D9q4dJML/s1600/codeview1.gif) không lặp lại dưới cùng bên phải;

biên giới: 2px solid # eeeeee;

7D7D7D

}
Box Phong cách 2
Blogger Code Box Style 2
Các phong cách hộp 2 mã
 . Mã {

margin: 15px 15px 15px 15px;

padding: 40px 10px 10px 10px;

rõ ràng: cả hai;

danh sách-style-type: none;

background: # f9f9f9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aFtg0j3piMsPjhOUTm7YmxbGghpGVZjdbEoB_qRIv2qHMLlV7Ikyi1tO1_xXODK8uiKfBsuYCBiTqtehJyaIWEIJx2mkAYcpfKBCN7qeqbzwkhXjIW3wm77x-F0yXnNgU67BWYFr30CK/s1600/codeview2.gif) không lặp lại trên bên trái;

biên giới: 3px rắn # eeeeee;

7D7D7D

}
Box Phong cách 3
Blogger Code Box Style 3
Các phong cách hộp 3 mã
 . Mã {

margin: 0 20px;

padding: 70px 20px 20px 40px;

background: # F9F9F9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDhpq1l8XVLTBhNf0yGSngoW5DJ05wIFod-WnoHFLSsm3Cbtv5LFhJw8xaKV9Fgx8cZrKHdrUAJbGAWVRMJNw1kJrHhDztYHc1AvapoWpKVv1bZzC1gfZ-fUDeinfgUjHtPeJN6eXNZfl/s1600/codeview3.gif) không lặp lại trên bên trái;

font: Helvetica đậm 1em, Verdana, Georgia, "Times New Roman", Times, serif;

: # 000;

biên giới-bottom: 5px rắn # BFBFBF;

}
Một khi bạn Chọn hộp yêu thích của bạn, sao chép mã nó và đi vào tài khoản blogger của bạn, điều hướng đến Bảng điều khiển>> bố trí>> chỉnh sửa html> và tìm thấy đoạn mã sau và dán af mã của bạn hộp
Box Phong cách 4
Blogger Code Box Style 4
Các phong cách hộp 4 mã
 . Mã {

margin: 10px;

padding: 0px 25px 5px 20px;

background: # fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RsvHZoTgNFXtl6Zs7NmeJLBdceBgBAh7uRzUS643IBfXGdQjF6o5JxetqP4eCVvlcCmHevWcs-oJMGkKve3zF3TA3hsnfx16KGGxAeMsDHAdvZAjZhgG2I3TjfmZZXv4t5YurpJz7b2u/s1600/codesbg1.png) không lặp lại trên bên trái;

font: 0.9em Helvetica, Verdana, Georgia, "Times New Roman", Times, serif;

màu: # 767675;

biên giới: 1px solid # 767675;

}

Sau khi bạn tìm thấy codebox yêu thích của bạn xin vui lòng sao chép mã của nó và đi vào tài khoản blogger của bạn. điều hướng đến Bảng điều khiển>> bố trí>> chỉnh sửa html, và tìm đoạn code sau sau đó dán mã codebox của bạn trước khi nó.
 ]]></ B: skin> 
Lưu ý rằng, bạn phải sao chép và dán mã hộp mã của bạn trước khi các mã trên .
Bước 2. Tùy biến theo phong cách hộp mã của bạn.
Trong bước này bạn có thể tùy chỉnh phong cách hộp mã của bạn để cho nó màu sắc độc đáo của bạn, bạn có thể vượt qua bước này, nó không phải là một phải làm bước.
Nếu bạn sẽ vượt qua bước này, xin vui lòng bấm vào Save Template 
Bây giờ và chuyển sang bước 3, Hoặc chỉ cần giữ đọc.
Để tùy chỉnh máy của bạn đầu tiên bạn phải mở của chúng tôi mã màu hex html máy phát điện .
Sau đó, nếu bạn có nhận thấy rằng mã hộp có ba giá trị trong màu đỏ, xanh lá cây và xanh da trời, bạn có thể thay đổi giá trị này để yêu thích của bạn bằng cách tạo ra mã màu của bạn bằng cách sử dụng mã màu máy phát điện của chúng tôi.
và đây là những gì mỗi giá trị chịu trách nhiệm về
 Màu đỏ: Box chính nền.

Màu xanh lá cây: Màu chữ.

Màu xanh: Màu viền.

Sau khi bạn chỉnh sửa nhấn Save Template
Bước 3. Làm thế nào để thêm bất kỳ mã cho bài viết Blog của bạn.
Bước này đã giải thích trước đây của tôi Click vào đây để xem nó ,.
Nhưng sự khác biệt ở đây là bạn sẽ không dán mã được tạo ra trực tiếp trong bài viết của bạn, bạn cần phải đặt nó giữa các thẻ sau đây,
 <div class="code">

Mã của bạn tạo ra nên thêm ở đây

</ Div>

Tôi hy vọng tất cả các bạn đã nhận nó và hiểu nó hoạt động như thế nào,
Một lần nữa đây là một bản demo blog để xem nó trong hành động, và vui lòng đừng ngần ngại để lại ý kiến của bạn cho bất kỳ câu hỏi .

Đăng nhận xét

item