Hướng dẫn làm blog cá nhân Yahoo - Phần 3 - Code

Ở 2 phần trước mình đã giới thiệu về cơ bản Yahoo blog, đến bài này là công việc khá đơn giản, nhưng cũng cần sự thẩm mĩ của các bạn.
Mặc định blog yahoo của chúng ta có nhiều module không cần thiết ( Hay đơn giản là ta không thích chúng hiện diện trên module của chúng ta ) thì hãy vào lệnh
Blog của tôi ---> Sửa trang...bạn để ý là trên mỗi module nó có những dấu " x " đó, không thích module nào thì nhấn vào đấy để xóa đi. Và còn chỗ nào hiện cây bút là chỗ để bạn sửa nội dung, ngoài ra mọi người có thể di chuyển các module theo ý mình thích ( vẫn vào Blog của tôi Blog của tôi ---> Sửa trang ) mọi người đưa chuột đến các module thì nó sẽ hiện bàn tay và di chuyển đến nơi mình thích.

Còn bạn thích thêm Module nào chỉ cần vào: Blog của tôi ---> Thêm module. Yahoo có nhiều vị trí cho bạn thích.
Và sau đây là 1 số code hay cho blog, mà mình sưu tầm được, mọi người chú ý là, ở blog Yahoo chỉ có 1 nơi để paste code là: Blog của tôi ---> Đổi theme ----> Chế độ tự chỉnh sửa ---> Kéo xuống dưới ---> Paste vào phần CSS tự tạo. Mọi người chú ý là thường mỗi Code sẽ có thường là 1 link, trong code đó, đó là link ảnh, ai mà không thích thì có thể thay bằng link khác,và thỉnh thoảng có những code có vd: 80px là kích cỡ, những người nào chưa quen thì đừng có táy máy sửa code.
Vâng thôi Cb nói vậy thôi, nào vào việc Paste Code thôi.:

Làm Trong Suốt Các Đường Viền

#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}
#blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}


Đoạn code trên để làm cho các viền trong suốt .....(ở đây Khỉ cho nó trong suốt còn bạn nào muốn chèn ảnh khác zô cũng được ^^ càng hay )

Hình nền cho blog (theme) hiện tại chỉ làm được 1 mãnh và cho tràn khắp màn hình, cuộn

BODY.blog_my {BACKGROUND:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/themenen07.jpg) #000000 fixed;}

Mỗi phần dưới đây sẽ là 2 code bạn nào không dùng được cái nào có thể chuyển sang cái khác thay link ảnh mà mình thích.( được cách nhau bởi 1 lần xuống dòng ) Còn cách có link ảnh mà mình thích ở bài sau nhá !!
( Mình sợ up 1 bài nhiều quá nó sẽ lag, )

Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar.

#profile_highlight_module .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#profile_highlight_module .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module fiendlist

#friendlist_module .rc_bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#friendlist_module .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Bài Mới

#article_new .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#article_new .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Thư Mục Riêng
#folder .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#folder .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Comment mới

#comment_new .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#comment_new .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Thống Kê của plus

#statistic .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#statistic .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Blog yêu thích

#subscribe_highlight .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#subscribe_highlight .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền cho module Lịch

#calendar .rc_bd .rc_bc {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#calendar .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

Chèn hình nền vào Module tự tạo
Các Module tự tạo sẽ có số từ 10001->10010,tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp.

VD:

Chèn hình nền cho module Online (cái module tự tạo thêm có số 10001 -> 10010)

#user_mod_10001 .rc_bd .rc_bc{background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#user_mod_10001 .bd {background:url(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}


Thay Đổi Thanh Công Cụ( Mình không thích cái code này lắm nhưng vẫn Share cho ai thích, nếu chèn code lung tung thì có thể bị mất thanh công cụ luôn hơi bị phiền lại phải về trang chính. )

#blog_masshead .menu.mr a{background-image:url(http://files.myopera.com/n2-k/360plus/masshead-menu-2.png);}
#blog_masshead .menu .rc_w{float:left;width:5px;height:27px;background:url(http://files.myopera.com/n2-k/360plus/masshead-menu-1.png) no-repeat 0 0;}
#blog_masshead .menu .rc_e{float:left;width:5px;height:27px;background:url(http://files.myopera.com/n2-k/360plus/masshead-menu-1.png) no-repeat right top;}
#blog_masshead .menu.ml a{background:url(http://files.myopera.com/n2-k/360plus/masshead-menu-1.png) no-repeat;}

Đây đều là những code chọn nền cho blog, đón đọc bài sau để biết được tỉ mỉ cách tạo ấn tượng cho blog
Xin cảm ơn
Có gì cứ Comment...

Đây là blog của mình Bản Demo giới thiệu cho anh em tham khảo, mình thích màu đen và trắng nên lấy 2 màu làm chủ đạo, tùy mọi người thôi, nếu thích thì Cb Share cho 1 " Đống " Code tức là nguyên như thế rồi chỉ cần paste và sửa link ảnh mình thích thôi )
Bấm vào đây để xem bản Demo của Cb
Đón đọc Phần 4:
Bấm vào đây để xem phần 4