Blogger: Chèn một khung để có thể hiện thị văn bản trong đó, code html blogspot

Để chèn một khung văn bản vào bài đăng trên blogger

Bước 1- Tạo bài đăng  mới trên blogspot

Trong trình tạo bài đăng mới cho blog của bạn

Bước 2 - Chuyển sang chế độ soạn thảo html

Chọn chế độ soạn thảo html để chèn mã code

Bước 3 - Dán đoạn mã code html sau đề hiển thị văn bản trong giới hạn khung có chỉ sso chiểu dài và chiều rộng

Nội dung dạng text

<p>Nội dung văn bản:</p><div class="doc-content col-md-10 col-sm-9" style="border: 1px solid rgb(204, 204, 204); box-sizing: border-box; float: left; font-size: 0.9em; height: 1150px; margin: 10px 0px 0px; min-height: 1px; overflow: auto; padding: 5px; position: relative; width: 99%;"><pre style="border-radius: 4px; border: none; box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 0.9em; line-height: 1.42857; margin-bottom: 0px; margin-top: 0px; overflow-wrap: break-word; overflow: auto; padding: 0px; word-break: break-all;"> zzzzzz </pre></div>

Như vậy chúng tôi đã hướng dẫn bạn tạo một khung với kích thước bề rộng full màn hình, còn chiều cao là kích thước được chỉ định (ở đây là 1150 px).

Hướng dẫn này giúp bạn thiết kế website của mình dễ dàng hơn và đẹp hơn khi bạn chọn nền tảng blogger. 

Chúc bạn thành công trong việc tối ưu và trình bày bài post của bạn trong nền tảng blogger của google.

Demo cho bạn kiểu này sẽ như sau :

Nội dung dạng text:

 Cách Chèn một khung  để có thể hiện thị văn bản trong đó dùng mã code