GỘP TẤT CẢ CÁC CODE LẠI THÀNH 1 THẺ

<!–[if gte mso 10]>

table.MsoNormalTable
{
font-size:10.0pt;
font-family:”Times New Roman”;
}

–>

GỘP TẤT CẢ CÁC CODE LẠI THÀNH 1 THẺ DUY NHẤT

<BÀI CỦA BLOG HUANDRUMS>

  

Như các bạn đã biết Yahoo!
Blog nầy dùng rất nhiều code(Thông thường một blog đẹp phải dùng từ 50 đến 100
code dưới dạng <style>code</style>)Chính vì code quá dài và nhiều
thẻ như thế khiến hệ thống phân tích chậm và khó khăn nên việc lưu code rất
nhiêu khê.Hôm nay HUANDRUMS hướng dẫn đến các bạn nào chưa biết(Các bạn nào
biết rồi xin chỉ giáo thêm nhé)cách gộp tất cả các thẻ
<style>code</style> lại thành một thẻ duy nhất,

    
Việc đầu tiên các bạn copy tất cả code ra Notepad hoặc Word sau đó soạn riêng
những code dạng <style>…<s/tyle> ra(Có thể dùng riêng 2 Nguồn,1 cho
code  <style>…</style> và 1 cho code dạng
hoặc dùng chung một Nguồn bên ngoài cũng được nhưng
nhớ chỉ gộp các code dạng <style>…</style> lại thôi, các code dạng
vẫn giữ nguyên nhưng HUANDRUMS khuyến nghị các bạn
dùng 2 Nguồn bên ngoài để tiện cho việc thêm code về sau).

    
Để phù hợp với mọi trình duyệt các bạn dùng Code sau nhé:

 <style
type="text/css">
<!–
code
–>
</style>

    
HUANDRUMS ví dụ như sau:

Ở đây là
4 code thôi nhưng khi các bạn làm có thể gộp hằng trăm code lại thành một thẻ
duy nhất,4 code khi chưa gộp lại như sau:

<style>
.yui-b .sidebar{background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png)
repeat;}
</style>
<style>
#comment-list .comment-reply
{background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png);}
</style>
<style>
body{color: #151B8D;}
</style>
<style>
a {color: #151B8D;}
</style>

    
Các bạn xóa tất cả các <style> và </style> nhé(Không được sót) và
dán phần còn lại vào chổ code ta sẽ được một thẻ duy nhất cho 4 code như sau:

<style
type="text/css">
<!–
.yui-b
.sidebar{background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png)
repeat;}
#comment-list .comment-reply
{background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png);}
body{color: #151B8D;}
a {color: #151B8D;}
–>
</style>

Nếu tiếng
Anh của các bạn không tốt thì có thể ghi chú thêm bằng tiếng Việt cho từng code
để tiện cho việc sửa đổi sau nầy, cách ghi chú như sau:

Cuối mỗi
code ta thêm /*ghi chú gì đó*/

  
Khi đó code sẽ như sau:

<style
type="text/css">
<!—

.yui-b
.sidebar{background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png)
repeat;} /*TRONG SUOT MODULE PHU*/
#comment-list .comment-reply {background:url(http://i1101.photobucket.com/albums/g434/huandrums/huandrums/huandrumstrongsuot.png);}
/*TRONG SUOT COMMENT*/
body{color: #151B8D;} /*MAU CHU TOAN BLOG*/
a {color: #151B8D;} /*MAU CHU TRONG MODULE PHU*/
–>
</style>

 

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

    
P/s: Các bạn có thể gộp tất cả các code vào theo dạng:

<style>

Tất cả
các code

</style>

Nhưng cấu
tạo code nầy chỉ dành cho Firefox.Nếu dùng trình duyệt IE đôi khi không được
như ý.

Advertisements
Bài này đã được đăng trong Vi tính - Blog. Đánh dấu đường dẫn tĩnh.