Cách làm trong suốt blog và... 1 số thứ nữa :)

Vấn đề làm trong suốt blog không khó nhưng không phải ai cũng có thể làm đc. Trước mình cũng ko biết làm nhưng tìm trên google thấy liền

Nhiều bạn hỏi mình cách làm blog trong suốt , định paste code cho nhưng do nội dung tin nhắn quá dài, ko đc nên thui! Viết entry cho nó tiện . Entry này bao gồm cả cách làm theme, làm trong suốt blog và cả nhạc nền nữa

I. Cách làm theme cho blog:

Trước tiên, tui sẽ hướng dẫn các bạn cách làm theme blog (đối với những bạn chưa bit làm):

* Làm theme đứng yên (chỉ áp dụng với ảnh tĩnh): do Album của bạn ko tải đc ảnh động, khác đuôi .JPG hoặc .JPEG

- Trước hết bạn cần phải tải ảnh mà bạn định làm theme vào Album của bạn (Quản lý => Tải ảnh. Lưu ý: ảnh phải định dạng .JPG hoặc .JPEG và ko quá 2MB)

- Ấn vào mục Thiết kế => Theme => Chế độ tự chỉnh sửa:

Ở phần Ảnh nền, bạn hãy Chọn ảnh ở Album của bạn:

Khi bạn chọn album nó sẽ hiện ra những ảnh trong album của bạn, hãy đánh dấu vào ảnh mà bạn muốn làm theme rồi ấn OK => Xong

Vậy là… xong rồi đấy!

 *Làm theme di chuyển theo mỗi khi di chuột xuống dưới (áp dụng đối với cả ảnh động và ảnh tĩnh):

- Trước tiên bạn cần up ảnh của bạn lên http://photobucket.com hoặc bất cứ trang web nào khác up đc ảnh. Nếu ko muốn up do ko có tài khoản thì bạn cứ search đc ảnh nào đẹp đẹp thì lấy Direct Link về nhá

- Tiếp theo bạn hãy copy đoạn code sau vào CSS nha (đừng quên thay link ảnh của bạn vào nhé)

BODY.blog_my {BACKGROUND:url(Link ảnh của bạn) #000000 fixed;}

II. Cách làm blog trong suốt:

1. Làm trong suốt phần trên cùng của blog ta sử dụng code sau:

#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{background:transparent;} #blog_masshead .bd{background:transparent;} #blog_masshead{background:transparent}

2. Làm trong suốt Mô-đun sử dụng code sau:

.col-150 .rc_bd  .rc_bc .bd {background:transparent;}

.col-600 .rc_bd  .rc_bc .bd {background:transparent;}

.row-920 .rc_bd  .rc_bc .bd {background:transparent;}

.col-150 .rc_bd  .rc_bc .hd .titlebar .hd,.col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

.col-600 .rc_bd  .rc_bc .hd .titlebar .hd,.col-600 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

.row-920 .rc_bd  .rc_bc .hd .titlebar .hd,.row-920 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

3. Làm trong suốt viền Mô-đun sử dụng code sau:

#friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent ;}

#friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent ;}

#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent ;}

#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent ;}

#friend-list .rc_ft div, #friendlist_module .rc_ft div,  .rc_ft div, .col-150 .rc_ft div {background:transparent ;}

#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}

4. Làm trong suốt Blast dùng code:

#blast .rc_bc .bd{background:transparent;}

#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}

#blast .rc div {background:transparent ;}

#blast .rc  {background:transparent ;}

#blast .rc_bd div.rc_bc {background:transparent ;}

#blast .rc_bd {background:transparent ;}

#blast .rc_ft {background:transparent ;}

#blast .rc_ft div {background:transparent ;}

5. Làm trong suốt nền comment:

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;} 

.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}

6. Làm trong suốt tổng số trang:

.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}

7. Làm trong suốt Mô-đun tâm trạng:

#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}

8. Làm trong suốt phần xem thêm, Mô-đun hình ảnh:

#photo_highlight .ft {background:transparent}

9. Làm trong suốt phần Mô-đun tên blog:

#blog_title .bd{background:transparent}

10.Làm trong suốt phần Mô-đun friend list:

#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}

Túm lại, nều muốn trong suốt toàn bộ blog thì bạn cứ copy hết chỗ code này và paste vào CSS: 

#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{background:transparent;}#blog_masshead .bd{background:transparent;}#blog_masshead{background:transparent;}

.col-150 .rc_bd  .rc_bc .bd {background:transparent;}

.col-600 .rc_bd  .rc_bc .bd {background:transparent;}

.row-920 .rc_bd  .rc_bc .bd {background:transparent;}

.col-150 .rc_bd  .rc_bc .hd .titlebar .hd, .col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

.col-600 .rc_bd  .rc_bc .hd .titlebar .hd, .col-600 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

.row-920 .rc_bd  .rc_bc .hd .titlebar .hd, .row-920 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

#blast .rc_bc .bd{background:transparent;}

#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}

#blast .rc div {background:transparent;}

#blast .rc  {background:transparent;}

#blast .rc_bd div.rc_bc {background:transparent;}

#blast .rc_bd {background:transparent;}

#blast .rc_ft {background:transparent;}

#blast .rc_ft div {background:transparent;}

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}

.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}

.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent;}

#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}

#photo_highlight .ft {background:transparent;}

#blog_title .bd{background:transparent;}

#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}

Còn thắc mắc gì nữa ko? Nếu blog bạn vẫn chưa trong suốt đc hết, thì chắc vấn đề ở phần entry đúng ko?

Chắc là nó bị trục trặc ở đây nè: 

Bạn hãy ấn vào Thiết kế để bạn có thể chỉnh sửa các Mô-đun. Ở Mô-đun chính (Danh sách các bài đã đăng), hãy nhìn sang chữ Sửa và ấn vào đó, nó hiện ra bảng sau:

Ở mục Nền, bạn hãy xóa cái mã ở đó đi, để trống như ở blog tui nè. 

Nếu bạn chỉnh Trong suốt ở đây thì chỉ làm cho entry mờ đi thôi, đừng có cố quá cẩn thận lại thành… 

III.Ba La Mỡ : Tạo nhạc nền cho blog (hé hé) phần này thì sẽ có nhiều hứng thú hơn đây:

Chỉ áp dụng đối với những tài khoản của http://nhaccuatui.com (há há). Ai chưa có tài khoản thì chịu khó mà lập đi. Đăng ký cũng vừa dễ vừa nhanh mà lại còn ko fai vào mail kích hoạt nữa. Trước tui đăng ký ko cần kích hoạt, h` thì ko bit nữa.

1. Nhạc bình thường (chỉ có 1 bài hát):

- Vào http://nhaccuatui.com chọn 1 bài hát mà bạn thích

- Copy url ở phần Copy vào diễn đàn:

- Tiếp theo, bạn hãy xóa phần [FLASH] ở đầu và [/FLASH] ở cuối đi 

- Copy phần đó thay vào code sau đây

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src=http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link=Thay vào&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showeq=true&" width="100%" height="265"></embed>
  

Sau đó thì bạn paste đoạn code này vào phần Mô-đun tự tạo của bạn là ok.

2. List nhạc nhiều bài hát (bạn cần phải có tài khoản ở http://nhaccuatui.com thì mới làm đc):

- Sau khi đăng nhập, bạn hãy tìm những bài hát mà bạn thích và để vào List

- Ấn vào nút Nghe nhạc của tui ở góc trên bên trái màn hình 
 

- Cũng copy phần Copy vào diễn đàn, bỏ phần [FLASH] và [/FLASH] ở đầu và cuối đi, rùi paste vào chỗ… cần paste sau đây (chú ý paste vào phần “Thay vào” nha):

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src=http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link=Thay vào&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showeq=true&" width="100%" height="265"></embed>
  

 Sau đó bạn cũng paste phần code này vào mô-đun tự tạo của bạn là ok!

Tuần mới dzui dzẻ hee 

NẾU ENTRY NÀY GIÚP ÍCH CHO BẠN THÌ ĐỪNG QUÊN COMMENT CHO TUI ĐẤY NHÁ!!!  

KEKEKEKEKEKEKE