Tổng hợp code thông dụng cho bài viết blog

Chắc hẳn các blogger mới dùng nền tảng blogspot khi đăng bài hoặc chỉnh sửa blog của mình thường gặp một số khó khăn nho nhỏ trong việc dùng một số code cơ bản để trang trí hay tùy chỉnh blog theo ý muốn.

Dưới đây là một vài code thông dụng rất cần thiết khi đăng bài viết blog:

1/ Khung viền nội dung bài viết

<div style="background: #eee; border: #4F4F4F 1px solid; padding: 4px; width: 400px;">
NỘI_DUNG 
</div>

trong đó:
#eeeeee : là màu nên của khung;       #4f4f4f: là màu viền khung;      solid: dạng viền khung.
1px: là độ dày đường viền;      400px : chiều rộng của khung.;  NỘI_DUNG: Là văn bản muốn viền khung.

- Lưu ý: Có nhiều dang viền khung khác nhau, nhưng phổ biến là các dạng sau: solid: viền đơn/ double: viền kép (đôi)/ dashed: viền đứt đoạn/ dotted: viền chấm .

2/ Nút Ẩn/Hiện cho bài viết dài:

TagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }">
<div>
<div>
<div style="display: none;  border:#4F4F4F 1px solid; padding: 4px; background:# ">

NỘI_DUNG 

</div>
</div>
</div>

- Code trên được dùng để giấu đi một phần bài viết dài hoắc để giấu phần nội dung nhạy cảm mà người viết muốn cảnh báo cho người đọc trước khi xem. NỘI_DUNG là phần muốn Ẩn.

3/ Code chèn bảng vô bài viết:

<table><tbody>
<tr><td class="column_1" style="font:12px Tahoma; color:#000000; width:120px;padding:4px;" valign="top"><div class="column_1">

Nội_dung_cột_1

</div>
</td><td class="column_2" style="font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top"><div class="column_2">

Nội_dung_cột_2

</div>
</td></tr>
</tbody></table>

Nếu thêm cột thì thêm ngay trên dòng </td></tr> đoạn code sau đây:

</td><td class="column_n" style="font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top">&ltdiv class="column_n">

Nội_dung_cột_moi

</div>

4/ Post code trong bài viết:

Với ký tự < phải đổi thành &lt; 
Với ký tự > phải đổi thành &gt;
Với ký tự & phải đổi thành &amp;
Với khoảng trắng phải đổi thành &nbsp;

Để post các chú thích kí tự trên lên blog được thì: 

&lt; phải đổi thành &amp;lt; 
&gt; phải đổi thành &amp;gt; 
&amp; phải đổi thành &amp;&amp;

(Còn tiếp...)

-------------------
Nguồn: Sưu tầm và tổng hợp