CSS dành cho người mới biết blog

Các code dưới đây các bạn vào mục Css thì mới có tạc dụng cho Blog nhe.Rất đơn giản, bạn thao tác như sau:

 Vào mục Thiết Kế > Theme > Chỉnh sửa tự động , và nhìn vào phía dưới mục CSS, bạn sẽ copy vào là xong ngay..!!

/* nền các module */
.col-150 .rc_bd .rc_bc .bd /* JW */
{background:transparent url(http://hanamibuu.com/cat9_4.gif);color:#FFFFFF);}

/* nền header module */
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://XXX.xxx);}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a
{color:#4E4E4E;}
.col-150 .hd .titlebar .hd a:hover
{text-decoration:underline;

/* hình nền của blog */
BODY.blog_my {BACKGROUND:url(http://i20.photobucket.com/albums/b243/hanamibuu/pattern2.jpg) #000000 fixed;}

/* Thêm icon cho các module */

/* bảng thống kê */
#statistic h2{
background:transparent url(http://hanamibuu.com/thongke.png) no-repeat left top;}

/* Bài mới đăng */
#article_new h2{
background:transparent url(http://hanamibuu.com/baimoi.png) no-repeat left top;}

/* Ảnh trong blog */
#photo_highlight h2{
background:transparent url(http://hanamibuu.com/photo.png) no-repeat left top;}
.mod-comment-new .titlebar .hd h2{
background:transparent url(http://hanamibuu.com/coment.png) no-repeat left top;}

/* Thư mục riêng */
#folder h2{
background:transparent url(http://hanamibuu.com/folder.png) no-repeat left top;}

/* Cập nhật ngày */
#update_date h2{
background:transparent url(http://hanamibuu.com/capnhat.png) no-repeat left top;}

/* RSS */
#rss_output .bd a{
height:25px;background:transparent url(http://hanamibuu.com/rss.png) no-repeat left top;}

/* Tìm kiếm */
#search_module h2{
background:transparent url(http://hanamibuu.com/timkiem.png) no-repeat left top;}

Vùng hight light Hồng cho phép bạn thay đổi liên kết hình ảnh theo ý bạn.

Các link ảnh các bạn có thể thay đổi bằng cái icon khác. Khuyên dùng định dạng .PNG với nề trong suốt cho đẹp (kích thước chuẩn là 26x26 pixel)