Mã code tạo khung để chèn code vào bài viết blogspot

Đối với những blogger lâu năm thì họ đã quá thành thạo về việc chèn những đoạn code là HTML, Javascript, CSS và Jquery vào blogspot nhưng với một số bạn mới bắt đầu thì công việc này thật khó khăn, dưới đây EBOOKBKMT sẽ hướng dẫn các bạn tạo khung để chèn mã code một cách đơn giản nhất.

Bước 1. Khi tạo bài viết mới bạn chọn chế độ "HTML".

Bước 2. Bạn chèn đoạn mã code bên dưới vào vị trí bạn muốn tạo khung.

<div style="background-color: #f4f4f4; border-color: gray; border-style: solid; border-width: 1px; cursor: text; font-family: consolas,'Courier New',courier,monospace; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">
<span style="font-size: small;">

</span>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"></span></div>
<span style="font-size: small;"><span style="font-family: &quot;times&quot; , &quot;times new roman&quot; , serif;">

</span></span>

Bạn tùy chỉnh các kích thước và nhấn vào ô "viết" để xem khung đã phù hợp với giao diện bài viết trên blog của bạn hay chưa.

Bước 3. Bạn chỉ cần copy mã code vào khung vừa tạo ở chế độ "viết" là xong.

Chúc các bạn thành công!

Đối với những blogger lâu năm thì họ đã quá thành thạo về việc chèn những đoạn code là HTML, Javascript, CSS và Jquery vào blogspot nhưng với một số bạn mới bắt đầu thì công việc này thật khó khăn, dưới đây EBOOKBKMT sẽ hướng dẫn các bạn tạo khung để chèn mã code một cách đơn giản nhất.

Bước 1. Khi tạo bài viết mới bạn chọn chế độ "HTML".

Bước 2. Bạn chèn đoạn mã code bên dưới vào vị trí bạn muốn tạo khung.

<div style="background-color: #f4f4f4; border-color: gray; border-style: solid; border-width: 1px; cursor: text; font-family: consolas,'Courier New',courier,monospace; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">
<span style="font-size: small;">

</span>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"></span></div>
<span style="font-size: small;"><span style="font-family: &quot;times&quot; , &quot;times new roman&quot; , serif;">

</span></span>

Bạn tùy chỉnh các kích thước và nhấn vào ô "viết" để xem khung đã phù hợp với giao diện bài viết trên blog của bạn hay chưa.

Bước 3. Bạn chỉ cần copy mã code vào khung vừa tạo ở chế độ "viết" là xong.

Chúc các bạn thành công!

Chuyên mục: G. Cửa sổ IT G. Mẹo vặt IT