Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      F.A.Q - Một số câu hỏi về thiết kế Blog - Giải Đáp

      Thư mục: Y!plus |
      Quan trọng
      Đăng ngày: 11:35 17-07-2009
      faq, photo, hinh anh, upload, download

      Có vẻ như một số bạn vào Blog mình ít khi chịu khó tìm các bài viết mình để trên Menu, mà lại trưc tiếp comment hỏi mình quá nhỉ ?? Thêm nữa, cũng có một số thứ mình cũng chưa kịp viết, hoặc nằm đâu đó trong các bài viết cũ mà các bạn tìm không thấy... Đó chính là mục đích chính của bài viết này, tổng hợp một số thắc mắc chung, và giải đáp, để các bạn dễ tìm nhé ! Tất nhiên, việc này không thể làm một lần là đầy đủ hết được, vì vậy, vẫn là cần các bạn bổ sung, và mình sẽ tổng hợp thêm sau đó...






      Chỉnh sửa CSS, việc mà bạn cần làm trong hầu hết các thủ thuật trong Blog của mình. Có nhiều bạn không biết phải làm sao, vì vậy mà không thể làm được thủ thuật trong bài viết. Vì vậy các bạn để ý kĩ phần này nhé, khá đơn giản thôi !

      - Đầu tiên bạn click Thiết Kế > Theme .
      - Chọn Chế Độ Tự Chỉnh Sửa > Tiếp  .


      - Bản Thiết Kế hiện ra, bạn rê chuột kéo thanh trượt đến phần CSS fía dưới nhé ! 
      - Và cuối cùng là chỉnh gì tuỳ thích ( miễn sao bạn biết mình đang làm jì là được =)) )



      b - Thêm, chỉnh sửa nội dung Module tuỳ chọn hoặc các Module khác : 




      Làm thế nào để thay nền Theme ??
      --- Bạn có thể dùng đoạn Code sau đây :

      Theme 1 mảnh : 

      Code :
      body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}

      Thay Link Ảnh mún làm Theme vào Code trên, lưu ý phải là direct link !

      Theme 2 Mảnh : 

      Code
      body{background:#ma_mau;}

      #doc2, #doc{background:      #ma_mau url(Link ảnh Top) no-repeat center top;}

      #bd{background:transparent url(      Link ảnh Bottom) no-repeat center bottom;}

      --- Lưu ý : Theme 2 mảnh này bao gồm : 

      • Link Ảnh Top : Link ảnh phần trên của theme.

      • Link Ảnh Bottom : Link ảnh phần dưới của theme.


      Làm thế nào để nền theme đứng yên khi di chuyển chuột lên hoặc xuống ??? 
      --- Câu trả lời là dùng thuộc tính fixed, tức là đoạn Code sẽ thêm fixed vào ở thuộc tính ảnh : 

      Code :
      body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}




      a - Thay nền Module : 

      • Module Cột Giữa :

      Code:
      .col-600 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh);}

      • Module Cột Nhỏ :

      Code:
      .col-150 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh);}

      b - Thay nền Tiêu Đề Module :

      • Nền Tiêu Đề Module Cột Lớn :

      Code:
      .col-600 .rc_bd  .rc_bc .hd .titlebar .hd,.col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent url(Link Ảnh);}

      • Nền Tiêu Đề Module Cột Nhỏ :

      Code:
      .col-150 .rc_bd  .rc_bc .hd .titlebar .hd,.col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent url(Link Ảnh);}







      Dùng Code sau : 

      Code:
      #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link viền trên) no-repeat right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay Link Viền bên Fải) no-repeat left bottom;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay Link nút bên trái fía trên) repeat-y right top;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link ảnh Viền bên trái) repeat-y ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay Link ảnh Viền Dưới) no-repeat right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay Link ảnh nút trái fía dưới) no-repeat left top;} 



      Code :
      #blast .rc_bc .bd{background-color:transparent;background-image:url(Nền Blast);}

      #blast .rc div {background:transparent url(      Link Ảnh Trên) no-repeat right bottom;} 
      #blast .rc {background:transparent url(      Link Góc Trái) no-repeat left bottom;} 
      #blast .rc_bd div.rc_bc {background:transparent url(      Link Cạnh Phải) repeat-y right top;} 
      #blast .rc_bd {background:transparent url(      Link Cạnh Trái) repeat-y ;} 
      #blast .rc_ft {background:transparent url(      Link Mũi Tên Góc Dưới) no-repeat left bottom;} 
      #blast .rc_ft div {background:transparent url(      Link Cạnh Dưới) no-repeat right bottom;} 

      ---- Nếu không thể thiết kế nền Blast hoàn chỉnh, bạn có thể dùng Code sau để thay nền chính cho Blast, các phần cạnh còn lại đều trong suốt hết : 

      Code:
      #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 ;}

      #blast .rc_bc .bd{background-color:transparent;background-image:url(      Link Ảnh);}

      Chú ý chỉ thay link ảnh mún làm nền vào phía dưới thôi nhé !!



      Có thể dùng Code sau để thay nút Homepage cho Blog : 

      Code :
      div.backhomtbtn a.backtomyblog {background:url(Thay Link Ảnh Homepage của bạn vào nhé) no-repeat;}





      Để thay ảnh banner cho Blog, hay theo một số bạn, là làm cái ảnh to đùng có chữWelcome như blog mình , bạn làm như sau : 

      - Click Thiết Kế > Click chữ Sửa ở Module Tên Blog, sau đó chọn : 

      • Hình Ảnh Từ Máy Tính : Bấm Browers, sau đó chọn Ảnh mún làm Banner

      • Chọn tiếp : Hình Nền Trống, Không Có Khung




      • Để di chuyển vị trí Module trong blog, bạn click Thiết Kế, sau đó kéo module cần di chuyển vào vị trí  thích hợp.

      • Để Xoá Module nào đó, bạn Click thiết Kế, sau đó Click Xoá



      Để chèn một link vào trong đoạn Text nào đó, bạn bôi đen đoạn Text, sau đó click vào Nút  và gõ link muốn chèn vào là xong. 






      Để thêm hiệu ứng khi rê chuột vào link, xuất hiện ảnh hoa, trái tim bay, hay phát sáng .... các bạn dùng Code sau : 

      Code :
      a:hover{background:transparent url(Link Ảnh)}

      Thay link ảnh muốn xuất hiện khi rê chuột vào Code trên và cho vào CSS nhé !



      Muốn chèn Ảnh vào blog, cũng có khá nhiều cách, nhưng đơn giản nhất là dùng Code sau : 


      • Code :
        Link Ảnh">

        Thay         link Ảnh mún chèn vào Code sau, và chèn Code trên vào Module Tự Tạo.

      • Nếu mún chèn vào bài viết, bạn check dấu HTML, sau đó cũng chèn code này vào bài viết luôn, và ỏ dấu HTMl đi.

      1233497413_faq, photo, hinh anh, upload, download
       Về Code CSS 360plus
      Yahoo! 360plus là một sản phẩm Blog với nhiều tính năng hấp dẫn người dung như sử dụng CSS, hỗ trợ kéo thả khi thiết kế, upload ảnh trực tiếp lên Blog, không giới hạn dung lượng lưu trữ, quản lý và trình bài bài viết theo thư mục, giao diện trực quan, ngôn ngữ tiếng Việt…Vì thế, ngay sau khi ra đời nó đã tạo nên cơn sốt cho làng Blogger Việt Nam.  Nhưng lại có nhiều bạn vẫn không tránh khỏi lúng túng khi muốn tạo cho mình một trang blog đẹp, mang phong cách, cá tính của chính mình. Và để giúp các bạn điều này, cũng như đỡ mất thời gian tìm kiếm hướng dẫn thiết kế trên mạng, entry này được biên tập - bao gồm tất cả những code css cho 360plus, từ code tạo ảnh nền đơn giản đến những code tạo hiệu ứng phức tạp. Trong đây có nhiều bài viết chúng mình sưu tầm từ nhiều nguồn trên mạng, thấy những code đó có trên nhiều địa chỉ và không phân biệt được đâu là nguồn thật !... 


      Giới thiệu về css và cách chèn code css
      CSS là một loại ngôn ngữ dàn trang, định kiểu cho các thành phần của trang Web hay Blog. Nói vậy chung chung quá, nôm na CSS như là người đi mua kiểu bàn ghế, kiểu đồ đạc trong nhà theo ý của chủ nhà và sắp xếp chúng cũng theo ý ông chủ luôn. Cụ thể là nó làm nhiệm vụ biểu diễn fonts (phông chữ), colours (màu sắc), margins (canh lề), lines (các loại đường, nét), height (chiều cao), width (độ rộng), background images (ảnh nền các loại), xác định vị trí cho các khối…
      CSS từ viết tắt của Cascading Style Sheet tạm dịch là bảng kiểu xếp chồng.
      Đầu tiên bạn vô phần Thiết Kế ~~> Theme ~~> Chế độ tự chỉnh sửa ~~> Click nút Tiếp ~~> Hiện ra cái khung có bảng màu, kéo xuống dưới thấy chữ CSS, bên cạnh đó có cái khung cho điền text. Đó là phần điền CSS.



       Ý nghĩa của các code trong việc viết code css
      Trang trí các Khung kiểu liệt kê : Khung Thống kê (#statistic), Bài viết mới (#article_new), Lời bình mới (#comment_new), Thư mục (#folder)...
      Ở các khung này ngoài lớp để đặt ảnh của nền ra (.bd), chúng ta còn 2 lớp để đặt ảnh nữa là (ul -lớp bao gồm 1 khối liệt kê) và (li - lớp bao gồm từng dòng liệt kê). Lớp (li) thường đã được dùng để tạo 1 icon đầu dòng cho mỗi liệt kê.
      (Ví dụ lệnh: #article_new .bd ul li {background:transparent url(http://i241.photobucket.com/albums/ff182/hienhoang_2007/images03/orange_book_open.gif) no-repeat center left;} dùng để tạo 1 hình quyển sách nhỏ trước mỗi tiêu đề bài viết mới)
      Ở các khung Bài viết mới, Thư mục, Bạn bè chỉ có 1 lớp (ul), riêng ở khung Lời bình mới có thể có nhiều hơn 1 lớp (bằng số bài có lời bình mới được hiện ra).
      Ảnh đặt tại lớp (ul) sẽ ở trên ảnh đặt tại lớp (.bd) do vậy nếu muốn nhìn thấy ảnh của lớp (.bd) thì không được tô màu lớp (ul). Ở đây, lệnh HEIGHT được sử dụng để tăng chiều cao của khung cho thích hợp với ảnh đặt thêm vào. Ví dụ code CSS trang trí khung Thống Kê của tôi:
      #statistic .rc_bd .rc_bc .bd 
      {background:#ffffee url(      http://i241.photobucket.com/albums/ff182/hienhoang_2007/Background/05bgc.gif);}
      Lệnh trên là chọn màu nền và ảnh nền của lớp .bd (trong ví dụ này ảnh nền đã che hết màu nền, đưa vào chi để minh họa) 
      #statistic .rc_bd .rc_bc .bd ul
      {height:400px;background:url(      http://i241.photobucket.com/albums/ff182/hienhoang_2007/5.gif) no-repeat bottom left;}
      Lệnh tiếp theo này là để thay đổi chiều cao của phần liệt kê (cũng là của khung) và chọn 1 ảnh để ở phần phía dưới của khung.
      Trang trí cho khung Giới thiệu bản thân (#profile_highlight)
      Các bạn đã từng trang trí 360 plus bằng CSS hẳn biết rằng 360 plus bổ ra hẳn 6 lớp ảnh để trang trí đường viền cho mỗi khung lần lượt là:
      .rc, .rc div : dùng để tạo đường viền trên đỉnh; 
      .rc_bd, .rc_bd .rc_bc : dùng để tạo đường viền 2 bên trái phải;
      .rc_ft, .rc_ft div : dùng để tạo đường viền dưới đáy;
      Nếu bạn không dùng viền cho các khung, hoặc có thể trang trí đường viền bằng lệnh BORDER thì bạn sẽ có 6 lớp thêm để đặt ảnh cho khung của mình. (quá nhiều, ai mà dùng hết được cơ chứ!)
      Nếu bạn dùng viền cho khung Giới thiệu bản thân rồi, bạn vẫn có thể đặt thêm một hình vào để trang trí Khung này đẹp thêm bằng cách sử dụng #profile_highlight_module đặt trùng và ở dưới #profile_highlight. Lúc này, bạn phải nhiều lần sử dụng lệnh HEIGHT. Tham khảo ví dụ dưới đây:
      #profile_highlight .hd, #profile_highlight .ft 
      {height:0px;}
      Lệnh trên để đảm bảo rằng tiêu đề và phần đáy của khung Tự giới thiệu có chiều cao bằng 0
      #profile_highlight .bd {font-family:PAPYRUS;font-size:21px;font-weight:bold;color:#000000;height:400px;background: url(http://i266.photobucket.com/albums/ii277/babybao_iloveu/flower/695072k2m8tfrqy2.gif) no-repeat bottom center;}
      Lệnh trên chọn hình đặt ở phía dưới của khung và chỉnh chiều cao khung cho hợp lý với ảnh đặt vào;
      #profile_highlight_module {height:400px;background:#FFFFFF url(http://i266.photobucket.com/albums/ii277/babybao_iloveu/background%201/070307hnc204_m_cola71a.gif);}
      Lệnh trên là để chọn màu nền, hình nền và chỉnh chiều cao nền của khung để nó không vượt quá đường viền.
      .col-150 Chỉ 2 modun nhỏ tự tạo, nằm ở 2 bên blog.
      .col-600 Chỉ modun lớn nằm giữa blog.
      .row-920 Chỉ modun dài nhất, nằm ở trên cùng và dưới cùng blog
      Danh sách các trang có thể đặt hình nền:
      body.blog_my
      body.profile_view
      body.comment_list 
      body.blog_my_index
      body.comment_listing
      body.trackback_listing
      body.blog_archives_folder
      body.blog_archives_date
      body.blog_archives_all
      body.post_rte
      body.post_doodle
      body.guestbook
      body.subscribe_list
      body.post_gb
      body.gallery
      body.photo_big
      body.slideshow
      body.photo_upload_pc
      body.photo_upload_gallery
      hoặc
      HTML {background:url(Link Ảnh Nền Toàn Bộ Blog) center fixed;}

      Màu link và màu khi di chuột đến link:
      a{color:#6F5F06;}
      a:hover{color:#FF0000;}
      .rc, .rc div : dùng để tạo đường viền trên đỉnh
      .rc_bd, .rc_bd .rc_bc : dùng để tạo đường viền 2 bên trái phải
      .rc_ft, .rc_ft div : dùng để tạo đường viền dưới đáy
      font-family:PAPYRUS -Phông chữ
      font-size:21px -Cỡ chữ
      font-weight:bold -Chữ in đậm
      font-style:italic -Chữ nghiêng
      color:#FFHDFS -mã màu
      height:400px -Chiều cao của modun
      height:auto -Chiều dài tự động
      border -Đường viền, đường biên
      border-left:5px dotted #fff -Đường viền trái 5px dotted, màu #fff
      text-align:right -Căn chữ sang phải
      no-repeat center top -Có nghĩa là ảnh được hiện thị 1 lần (no-reapeat), ko lặp lại, ảnh được ở giữa (center) tiêu đề hay nền modun, ảnh được hiện thị từ trên xuống dưới (top)
      bottom -Ảnh được hiện thị từ dưới lên
      right -Căn phải
      left -Căn trái
      repeat -Lặp từ trái qua phải, từ trên xuống dưới
      no-repeat -Không lặp
      repeat-x -Lặp theo chiều ngang
      repeat-y -Lặp theo chiều học
      background:transparent -Dùng làm trong suốt hoàn toàn
      background:#FHJDFH -Chèn màu vào
      background:URL(Link ảnh) -Chèn ảnh vào
      background:transparent url(link ảnh) viết giản lược thành background:URL(Link ảnh) 
      !important -Khi qui định thuộc tính nào !important, thuộc tính đó sẽ không bị khi đè.

       Ảnh nền tất cả các trang
      Code trên đặt ảnh nền trên tất cả các trang mà blog360plus cho phép đặt ảnh nền:
      #vitality_updates, BODY.vitality_updates, BODY.profile_view, BODY.blog_my BODY.guestbook, body.comment_list, body.comment_list, body.blog_my_index, body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing, body.post_doodle, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big, body.photo_upload_pc, body.photo_upload_gallery, BODY.blog_my{background:url(Link ảnh) repeat top fixed;}
      Lưu ý: Repeat là lặp ảnh từ trái qua phải, từ trên xuống dưới. Ta có thể thay thành repeat-x để lặp từ trái qua phải, lặp theo chiều ngang. Thay thành repeat-y để lặp theo chiều dọc, từ trái qua phải.
      Khi ta thêm: left thì ảnh sẽ được lặp từ trái qua phải, right thì ảnh lặp từ bên phải qua trái. Them top để ảnh được hiện thị từ trên xuống, thay top bằng bottom để ảnh hiện thị từ dưới lên. Thêm fixed để anh ko chuyển động (đứng im) khi ta kép trang (cuôn trang) blog.
      Các bạn có thể tách từ code viết giản lược, viết gộp trên để mỗi trang có một ảnh nền riêng. Ví dụ như ảnh nền trang chính blog thì dùng code này:
      Body.blog_my { background:url(Link ảnh) repeat top fixed;}

      hoặc
      HTML {background:url(Link Ảnh nền toàn bộ tất cả các trang trong Blog) center fixed;}



      Tạo banner ở phía cuối blog
      Tạo banner ở phía cuối blog, banner có độ rộng là 920px, chiều cao ko giới hạn, bạn có thể đặt bất kỳ ảnh nào có chiều rộng ko quá 920px. Code cho banner này ko phải, ko giống code theme 2 mảnh. Banner này sẽ hiện ở phía cuối blog trong trang chủ của blog và hiện cuối mỗi entry.
      #tail{background:url(http://img.photo.zing.vn/file_upload...1243489210.gif) no-repeat center;height:60px;}
      Height là chiều cao của ảnh



       Theme 2 mảnh Top – Bottom cho trang chính Blog
      body{background:#cc99ff;}
      /* Màu nền của theme, nên thay đổi trùng với màu ảnh nền để tăng tính thẩm mỹ cho theme*/

      #doc2, #doc{background:#cc99ff url(Link ảnh Top) no-repeat center top;}
      /* mau nen cua theme va link hinh top-theme nay thay doi duoc*/

      #bd{background:url(Link ảnh Bottom) no-repeat center bottom;}


       Modun tên blog
      • Code xóa modun tên bài viết:
      #blog_title{height:0px;}
      • Code chỉnh sửa phông và màu chữ:
      #blog_title .bd h2{ text-align:left;font-size:16px;color:#FFFFFF;} /*Chỉnh tên blog*/
      #blog_title .rc_bc .bd{text-align:center;font-size:14px;color:#FFFFFF;} /*Chỉnh nội dung mô tả blog*/
      • Code xóa đường viền modun tên blog:
      #blog_title .rc div, #blog_title .rc, #blog_title .rc_bd, #blog_title .rc_bd div.rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div {background:transparent;}

       Modun blast
      • Làm trong suốt blast:
      #blast .rc_ft{background:url(http://i306.photobucket.com/albums/n...g/blast-sw.png) no-repeat left bottom;}
      #blast .rc_ft div {background:url(http://i306.photobucket.com/albums/n...g/blast-se.png) no-repeat right bottom;}#blast .rc_bc .bd{background-color:transparent;background-image:url(http://i306.photobucket.com/albums/nn275/changtraiiudoi/042112transparent_bg.png);}
      #blast .rc_bc .bd {font-style:italic;color:#000000;}

      • Code xóa modun blast
      #blast{height:0px;font-size:0px;}
      #blast .bd {height:0px;font-size:0px;color:#FFFFFF;}
      #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;}
      #blast .rc_bc .bd{background:transparent;}
      • Đẩy Khung lời chào (modul Blast) dịch xuống dưới một chút không bị chồng lên Khung tiêu đề (module Blog_title).       Đẩy Khung lời chào (modul Blast) dịch xuống dưới một chút không bị chồng lên Khung tiêu đề (module Blog_title). Để làm như vậy, bạn có thể sử dụng code sau: 
      #blog_title .ft {height:10px;background:transparent}
      #blog_title .rc_ft {height:10px}
      #blog_title .rc_ft div{height: 10px}
      #blast .rc{height:10px}
      #blast .rc div{height:10px} 
      Ảnh trước khi dùng code 
      Ps: Khuyến cáo nên dùng đủ 5 code trên, phòng trường hợp gây lỗi khi ta dùng một số code khác.

      • Thêm ảnh, tạo ảnh động trong Khung Blast
      Đây là code thêm ảnh, tạo ảnh động trong Khung Blast:
      #blast .rc {background:transparent url(http://sg.yimg.com/i/vn/blog/i/blog/rc_nw.gif) left bottom no-repeat;}
      #blast .rc div
      {height:20px;
      background:url(      http://sg.yimg.com/i/vn/blog/i/blog/rc_ne.gif) right bottom no-repeat;}
      #blast .rc_bd
      {background:#ffffff url(http://i241.photobucket.com/albums/ff182/hienhoang_2007/background2/bg_2a.jpg);}
      #blast .rc_bd .rc_bc
      {background:url(      http://i241.photobucket.com/albums/f...a4tbnh2qdv.gif) no-repeat bottom left;}
      #blast .rc_bd .rc_bc .bd 
      {font-size:18px;border      -top:none;height:65px;background:url(http://i241.photobucket.com/albums/f...ypson_th-1.gif) no-repeat right bottom;}
      Ảnh sản phẩm của code 
      Ps: Các bạn thay 2 link ảnh cuối cùng trong code (2 đoạn code cuối), tức là code in nghiêng dưới đây bằng những bức ảnh khác, lưu ý đến font-size:16px; border-top:none; height: Chiều cao, độ dài ảnh, tính bằng px;
      #blast .rc_bd .rc_bc
      {background:url(      http://i241.photobucket.com/albums/f...a4tbnh2qdv.gif) no-repeat bottom left;}
      #blast .rc_bd .rc_bc .bd 
      {font-size:18px;border-top:none;height:65px;background:url(      http://i241.photobucket.com/albums/ff182/hienhoang_2007/images/4pypson_th-1.gif) no-repeat right bottom;}
      Màu của link & màu của link khi di chuột qua
      #subscribe_highlight a:hover ,.col-150 a:hover , .col-600 a:hover , .row-920 a:hover , #article_list_module a:hover {color:#Mã màu, Màu của link khi di chuột đến;}
      #subscribe_highlight a, .col-150 a, .col-600 a, .row-920 a, #article_list_module a{color:#Mã màu của link;}
      /* Màu link - hiện thị ta đã vào link đó rồi */
      a:visited {COLOR:#c0504d;}



       Chỉnh sửa chữ và phông trong tiêu đề
      Làm mất chữ trên tiêu đề và làm mất tiêu đề.
      #user_mod_1000X .rc_bd .rc_bc .hd .titlebar, 
      #user_mod_1000X .rc_bd .rc_bc .hd .titlebar h2{ height:0;font-size:0;}
      Chỉ sử dụng font-size:0 nếu muốn mất chữ trên tiêu đề
      Với 1 tiêu đề, các bạn có thể đặt phông chữ, chỉnh cỡ chữ, căn lề:
      #user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd h2{font-size:13px;font-style:italic;color:#3395c8;text-align:center;}
      Căn chứ trên tiêu đề:
      .hd .titlebar .hd h2{text-align:center;}
      Thay center bằng right hoặc left để căn phải, căn trái chữ.



       Màu, Kiểu, Kích cỡ và căn chỉnh font chữ toàn blog
      /* Mau Chu Chinh Cua Blog */

      body{color:#0000FF;}

      /* Phan Chu Tren Cung Cua Blog */

      #blog_masshead a{text-decoration:blink;}
      .userlogin{font-family:arial; color:#0000FF; font-size:12px;} /* Xin chao, Nick, Dau | Ngan Cach Thoat/Thong Tin Tai Khoan */
      .userlogin strong{font-family:arial; color:#FF00FF; font-size:12px;} /*Nick*/
      #blog_masshead .userlogin a{font-family:arial; color:#00AABB; font-size:12px;} /* Thoat/Thong Tin Tai Khoan */
      #blog_masshead .hd .nav a{font-family:arial; color:rgb(255,0,0); font-size:12px;} /* Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */
      .nav {font-family:arial; color:#0000FF; font-size:12px;} /* Dau | Ngan Cach Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */

      /* Phan Chu Module Ten Va Mo Ta Blog */

      #blog_title h2{font-weight:bold;font-size:16px;color:#0000FF;} /* Ten Blog */
      #blog_title p{font-weight:bold;font-size:14px;color:#FF00FF;} /* Mo Ta Blog */

      /* Phan Chu Blast */

      #blast .bd { font-weight:bold; font-style:italic; color: #0000FF; text-decoration:blink;}
      #blast .bd a {font-weight:bold;font-style:italic;color:#0000FF; text-decoration:blink;}

      /* Phan Chu Module Tam Trang */

      #mod_lifeline h2{color:#0000FF;} /* Tieu De */
      #mod_lifeline ins{color:#FF00FF;} /* Tu ... den ... */

      /* Phan Chu Module Bai Viet */

      #article_list_module strong{color:#0000FF;} /* Tieu De Module */
      #article_list_module form{color:#0000FF;} /* Tim Bai Viet */
      #article_list_module .btn{color:#0000FF;} /* Nut Tim */
      #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
      #article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
      #article_list_module .edit{color:#BB32FF;} /* Sua */
      #article_list_module .delete{color:rgb(51,204,51);} /* Xoa */
      #article_list_module .mod-alist-folderbar {color:rgb(255,153,51);} /* Dang Ngay ... */
      #article_list_module .mod-alist-folderbar .folder{color:rgb(255,51,153);} /* Thu Muc */
      #article_list_module .mod-alist-folderbar .folder a{color:#0000FF;} /* Ten Thu Muc */
      .tag_content {color:#FF00FF;} /* Tim Tag */
      #article_list_module . tag_content a{color:rgb(51,204,51);} /* Noi Dung Tim Tag */
      #article_list_module .mod-alist-tagsbar em a{color:rgb(51,204,51);} /* Trich Dan */
      #article_list_module .mod-alist-tagsbar em{color:rgb(153,0,204);} /* So Trich Dan */
      #article_list_module .btn_expand_comment {color:rgb(255,0,0);} /* Tong Cong Loi Binh */
      .mod-alist-folderbar {color:#FF00FF;} /* Tieu De Bai Viet Tom Tat */
      .content{color:rgb(128, 0, 255);} /* Noi Dung Bai Viet Tom Tat */
      #article_list_module .mod-alist .mod-alist-tagsbar em{color:#FF00FF;} /* Loi Binh | Trich Dan */
      .total {color:rgb(255,153,0);} /* Tong So Trang */
      #article_list_module .pagination .index strong{color:rgb(51,204,51);} /* Trang Dang Mo */
      #article_list_module .pagination .index a{color:rgb(51,204,51);} /* Cac Trang Con Lai */
      #article_list_module .pagination .index .prev {color:rgb(0,0,255);} /* Truoc */
      #article_list_module .pagination .index .next {color:rgb(0,0,255);} /* Sau */

      /* Phan Chu Module Profile */

      #profile_highlight .profileimgbtn a{color:#FF00FF;font-size:100%;} /* Tai Anh */
      #profile_highlight .nickname a{color:#0000FF; font-weight:bold; font-size:89%;text-decoration:blink;} /* NickName */
      #profile_highlight .profilebtn a{color:#FF00FF;font-size:100%;} /* Sua Ho So */

      /* Phan Chu Module Thong Ke Plus */

      #statistic h2{color:#0000FF;} /* Tieu De */
      #statistic li{color:rgb(255,0,0);} /* Noi Dung Thong Ke */

      /* Phan Chu Module Binh Luan Moi Nhat */

      #comment_new h2{color:#0000FF;} /* Tieu De Module */
      #comment_new strong{color:#FF00FF;} /* Tieu De Bai Viet Co Comment */
      #comment_new li{color:#DE23F2;} /* Thoi Diem Comment */
      #comment_new li a{color:#5490FA;} /* Noi Dung Comment & Nick Comment */
      #comment_new em a{color:#0000FF;} /* Tat Ca Loi Binh */

      /* Phan Chu Module Bai Viet Moi Nhat */

      #article_new h2{color:#0000FF;} /* Tieu De */
      #article_new a{color:#FF00FF;} /* Bai Viet */

      /* Phan Chu Module Blog Toi Thich */

      #subscribe_highlight h2{color: #0000FF;} /* Tieu De */
      #subscribe_highlight .folder li a{color: #FF00FF;} /* Thu Muc */
      #subscribe_highlight .mod-subscription-list h3 a{color:rgb(255,153,0);} /* Tieu De Bai Viet */
      #subscribe_highlight .time{color:rgb(51,204,51);} /* Thoi Diem Dang Bai */
      #subscribe_highlight p{color: #00AABB;} /* Noi Dung Tom Tat Bai Viet */
      #subscribe_highlight .imgctnr a{color:#FF00FF;} /* Nick */

      /* Phan Chu Module Tim Kiem */

      #search_module h2{color:#0000FF;} /* Tieu De */
      #search_module label{color:#0000FF;} /* Chi Trong Blog Nay & Y! 360plus */

      /* Phan Chu Module Thu Muc Rieng */

      #folder h2{color:#0000FF;} /* Tieu De */
      #folder a{color:#FF00FF;} /* Thu Muc */
      #folder li {color:#0000FF;} /* So Luong Bai Viet Trong Thu Muc */

      /* Phan Chu Module Ban Be */

      #friendlist_module h2{color:#0000FF;} /* Tieu De */
      #friendlist_module a{color:#0000FF;} /* Nick */
      #friendlist_module em a{color:#FF00FF;} /* Tat Ca */

      /* Phan Chu Module Hình Ảnh Trong Blog */

      #photo_highlight h2{color:#0000FF;} /* Tieu De */
      #photo_highlight a{color:#FF00FF;} /* Ten Hinh Anh */
      #photo_highlight .more a{color:#00AABB;} /* Xem Them */

      /* Phan Chu Module Blog Ve Toi */

      #mod-tagged-frd-article h2{color:#0000FF;} /* Tieu De */
      #mod-tagged-frd-article li a{color: #FF00FF;} /* Tieu De Bai Viet */
      #mod-tagged-frd-article ins a{color: #0000FF;} /* Nick */
      #mod-tagged-frd-article em a{color: rgb(51,204,51);} /* Tat Ca */

      /* Phan Chu Module Cap Nhat Ngay */

      #update_date h2{color:#0000FF;} /* Tieu De */
      #update_date .date{color:#DE23F2;} /* Thoi Diem Cap Nhat */

      /* Phan Chu Module Binh Luan Nhanh */

      #guestbook_entries h2{color:#0000FF;} /* Tieu De */
      #guestbook_entries h3 a{color:#FF00FF;} /* Nick */
      #guestbook_entries blockquote{color:#5490FA;} /* Noi Dung Binh Luan */
      #guestbook_entries em{color:#AA00AA;} /* Thoi Diem Binh Luan */
      #guestbook_entries .more a{color: rgb(51,204,51);} /* Xem Them */

      /* Phan Chu Module Ho So Blog */

      #profile_card h2{color:#0000FF;} /* Tieu De */
      #profile_card .name{color:#FF00FF;} /* Ten */
      #profile_card .about{color:#0000FF;} /* Tu Gioi Thieu */
      #profile_card .description{color:#FF00FF;} /* Mo Ta Blog */
      #profile_card .hobbies{color:#0000FF;} /* So Thich */
      #profile_card .more a{color:#FF00FF;} /* Xem Them */

      /* Phan Chu Module Lich */

      #calendar .hd {color:#0000FF;} /* Year */
      #calendar .hd .titlebar .bd a{color:#0000FF;} /* Month */
      #calendar th{color:#FF22AA;} /* S M T W T F S */
      #calendar td{color:#AA00BB;} /* Days Of Month */
      #calendar td span a{color: #0000FF;} /* Ngay Co Bai Viet */

      /* Phan Chu Module Album */

      #feature_album h2 a{color:#0000FF;} /* Tieu De */

      /* Phan Chu Module RSS */

      #rss_output h2 a{color:#0000FF;} /* Tieu De */

      /* Phan Chu Module Bang Tin Nhan */

      #feature_link_gb h2 a{color:#0000FF;} /* Tieu De */

      /* Phan Chu Module Website Yeu Thich */

      #mod_bookmark h3{color:#00AABB;} /* Tieu De Module*/
      #mod_bookmark h3{color:#FF00FF;} /* Tieu De Website */ 

      /* Phan Chu Phan Comment */

      #comment_container * a {color:# 00AABB;} /* Nick */
      #comment_container * .content {color:#0000FF;} /* Noi Dung Comment */
      #comments-listing * ins {color:FF00FF;} /* Thoi Diem Comment */

      /* Phan Chu Module Bai Viet Ve Ban Hoac Co Tag Ten Ban */

      .mod-relatives-1 h2{color:#FF00FF;} /* Tieu De */
      .mod-relatives-1 .info{#00AABB;} /* Noi Dung */

      /* Phan Chu Module Nguoi Dang Ky Yeu Thich Blog Nay Cung Dong Thoi Thich */

      .mod-relatives-2 h2{color:#FF00FF;} /* Tieu De */
      .mod-relatives-2 .info{#00AABB;} /* Noi Dung */

      /* Phan Chu Phan Cuoi Cung Blog */

      #footer .ft .info a{color: #FF00FF;} /* Chinh Sach Quyen Rieng Tu/Dieu Khoan Su Dung Dich Vu/Chinh Sach Ban Quyen/Tro Giup/Nguyen Tac Cong Dong */
      #footer .ft .rights {color: #0000FF;} /* Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền. */
      Other :

      Nếu dùng #statistic ul{color:#0000FF;font-weight:bold;} thì chỉ có color:#0000FF được áp dụng còn font-weight:bold thì không !!!!!! thay ul bằng li #statistic li{color:#0000FF; font-weight:bold;} thì lại được ^_^

      Nếu không muốn thay chữ cho từng phần của hồ sơ blog có thể chỉ để một màu chữ cho module này #profile_card {color:#0000FF;}

      Một cách khác thay màu chữ cho module Hồ sơ Blog :
      #profile_card dl dt {color:#FF00FF;} /* Ten,Tu Gioi Thieu,Mo Ta Blog,So Thich */
      #profile_card dl dd {color:#0000FF;} /* Noi Dung */

      Các code được dùng theo nguyên tắc code sau phủ định code trước.Ví dụ nếu bạn để code #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */

      thì các phần đó sẽ có màu #0000FF, nhưng nếu bạn thêm dòng #article_list_module .trackback{color:#FF00FF;} sau đó để trở thành

      #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
      #article_list_module .trackback{color:#FF00FF;} /* Trich Dan */

      thì khi đó trích dẫn sẽ có màu #FF00FF. Còn nếu bạn để thế này

      #article_list_module .trackback{color:#FF00FF;} /* Trich Dan */

      #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */

      thì code #article_list_module .trackback {color:#FF00FF;} /* Trich Dan */ sẽ bị phủ định và chỉ có #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */ được áp dụng.

      Hướng dẫn làm Avatar bằng ảnh động
      Bước 1: Bạn vào http://vn.blog.yahoo.com/setup/profile_photo.php để xóa tất cả 4 ảnh đã được bạn chọn làm avatar.
      Bước 2: Dán code css này
      #profile_img_highlight {background:url(Link ảnh động để làm avatar, ảnh có nhiều rộng dưới 140px) no-repeat center;height:200px;}
      #profile_img_highlight-full {height:0px;}
      Bước 3: Sau khi đã dán code css trên, bạn vào http://vn.blog.yahoo.com/setup/profile_photo.php để chọn ảnh cá nhân, bạn chỉ được chọn ảnh số 01, ko được chọn ảnh 02, 03, 04 vì nó sẽ làm đè lên avatar ảnh động. Ảnh số 01 mà bạn vừa chọn sẽ là ảnh avatar hiện ra khi bạn comment ở blog khác.
      Bước 4: Sau khi chọn được ảnh số 01 bạn ấn lưu (Nút Ok), Sau khi lưu xong bạn đã có avatar bằng ảnh động, khi bạn comment hay trả lời comment thì nó sẽ hiện ra ảnh 01, khi vô blog của bạn, blog sẽ hiện hình avatar động, chứ ko hiện ảnh số 01.
      Bạn thay height:200px (trong dòng code đầu tiên) bằng chiều cao của ảnh, height:0px trong dòng code thứ 2 thì giữ nguyên.


       Đặt ảnh nền cho tiều đề
      /*Ảnh nền của tiêu đề 10 modun tự tạo*/
      #user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
      /*Ảnh nền của Tiêu đề mỗi modun có sẵn */
      #mod-alist-fullDrag .rc_bd .rc_bc .hd .titlebar, #mod-edit-bar .rc_bd .rc_bc .hd .titlebar, #mod-alist-searchbox .rc_bd .rc_bc .hd .titlebar, #mod-alist-pagination .rc_bd .rc_bc .hd .titlebar, #rss_output .rc_bd .rc_bc .hd .titlebar, #mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar, #feature_link .rc_bd .rc_bc .hd .titlebar, #gallery_list .rc_bd .rc_bc .hd .titlebar, #gb_msg .rc_bd .rc_bc .hd .titlebar, #mod-friend-list-all .rc_bd .rc_bc .hd .titlebar, #profile_info .rc_bd .rc_bc .hd .titlebar {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
      Các bạn có thể thay height là chiều cao của ảnh 


      Thay đổi icon Modun Xem thêm
      Code thay đổi icon Thư mục, Xem ngày tháng, Bài mới nhất trong Modun Xem thêm
      .mod-more-blogs .bd h3{background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/05/01/02/51321241164331.png) no-repeat 5px 0;}
      Thay đổi icon trả lời comment
      .mod-alist-full .alist-comment .responding H2 {background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/05/16/04/89501242467947.gif) no-repeat left top;}



       Thay và thêm icon cho tiều đề modun
      /* Bảng thống kê */
      #statistic .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* Bài mới đăng */
      #article_new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* Ảnh trong blog */
      #photo_highlight .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
      /* Ảnh trong bình luận mới nhất*/
      .mod-comment-new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* Thư mục riêng */

      #folder .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* Chèn hình nền cho module hình ảnh*/
      #gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}

      /*Blog yêu thích*/
      #subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}

      /*Blog về tôi*/
      #mod-tagged-frd-article .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}

      /* Cập nhật ngày */
      #update_date .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* RSS */
      #rss_output .titlebar .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}

      /* Tìm kiếm */
      #search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      /* Modun tự tạo*/
      #user_mod_1000X .titlebar .hd {background:url(Link ảnh) no-repeat left top;}

      Các bạn thay x từ 1 đến 10, x là tên thứ tự của modun. Chiều cao của link ảnh là 26px, bạn có thể thêm height:28px để chỉnh sửa lại chiều cao của tiêu đề, ví dụ như ta được code sau #search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;height:28px;}


       Ảnh nền cho modun
      /* 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 .bd {background:url(Link ảnh) top right repeat;}

      /* Modun tâm trạng*/
      #mod_lifeline div.bd,#mod_lifeline div.rc_bc {background:url(Link ảnh) !important;}

      /* Chèn hình nền cho module fiendlist */
      #friendlist_module .rc_bd .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Bài Mới */
      #article_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Thư Mục Riêng*/
      #folder .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Comment mới*/
      #comment_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Thống Kê của plus*/
      #statistic .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Blog yêu thích*/
      #subscribe_highlight .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Modun hình ảnh*/
      #gallery_list.rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}

      /* Chèn hình nền cho module Lịch*/
      #calendar .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
      /*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
      .mod-relatives .bd {background:transparent url(http://i461.photobucket.com/albums/q...pppppppp-1.png) repeat left !important;}
       Thay Nút "Thêm Bạn", "Blog ưa thích"
      DIV.addfrdbtn A.addtofriends{background:url(Link ảnh ADD BLOG - Thêm bạn) no-repeat center;height:22px;}
      DIV.subscribebtn A.add_subscription{background:url(Link ảnh Blog ưu thích) no-repeat center;height:22px;}
      Height là chiều dài, chiều cao của ảnh. Sau khi đăng suất khỏi blog, các bạn vào lại blog sẽ thấy nút của "Thêm bạn" và "Blog ưu thích" đã được thay.
       Thay đổi icon của thư mục trong modun Blog tôi thích
      #subscribe_highlight .bd ul.folder li a{background:url(http://img.photo.zing.vn/file_upload...1231302407.gif) no-repeat top left;}



      Tạo hiệu ứng truyết rơi (tràn khắp blog)
       ngày hôm nay mình sẽ chia sẻ với các bạn code tạo hiệu ứng truyết rơi (tràn khắp blog), ở trên là hình ảnh minh họa, còn đây là code css.
      HTML {background:url(Link Ảnh Nền Toàn Bộ Blog) center fixed;}
      #vitality_updates, body.vitality_updates, body.profile_view, body.blog_my body.guestbook, body.comment_list, body.comment_list, body.blog_my_index, body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing, body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big, body.photo_upload_pc, body.photo_upload_gallery, body.blog_my {background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2008/12/15/08/73861229306026.gif);}


       Xóa tiêu đề và chữ trong modun tự tạo
      #user_mod_1000X .rc_bd .rc_bc .hd .titlebar, #user_mod_1000X .rc_bd .rc_bc .hd .titlebar h2 {height:0;font-size:0;}
      Thay X là số thứ tự của modun tự tạo, X chạy từ 1 đến 10.

       Xóa đường viền của modun tự tạo
      #user_mod_1000X .rc, 
      #user_mod_1000X .rc div, 
      #user_mod_1000X .rc_bd, 
      #user_mod_1000X .rc_bd .rc_bc, 
      #user_mod_1000X .rc_ft, 
      #user_mod_1000X .rc_ft div, 
      #user_mod_1000X .rc_bd .rc_bc .hd, 
      #user_mod_1000X .rc_bd .rc_bc .hd .titlebar {background:transparent;}
      Thay X là số thứ tự của modun tự tạo, X chạy từ 1 đến 10.

       Đổi màu chữ cái đầu dòng
      Đổi màu chữ cái đầu dòng để làm đẹp thanh tiêu đề blog 
      h2:first-letter {color:#FFFFFF;font-size:large;}
      Thay mã màu (#FFFFFF) theo sở thích và phù hợp với blog, tham khảo bảng mã màutại đây


       Tạo theme 2 mảnh Top - Bottom cho modun bài viết
      .mod-alist-full .main-hd{background:url(http://img.photo.zing.vn/file_upload...1231353592.png) no-repeat;}
      .mod-alist-full .main-bd{background:#FFFFFF url(http://img.photo.zing.vn/file_upload...1231347975.png) repeat-x bottom fixed;}
      hoặc:

      #article_list_module .main-hd{background:url(http://img.photo.zing.vn/file_upload...1231353592.png) no-repeat;}
      #article_list_module .main-bd{background:#FFFFFF url(http://img.photo.zing.vn/file_upload...1231347975.png) repeat-x bottom fixed;}
      Lưu ý fixed trong code trên có tác dụng làm đứng ảnh (ảnh ko chuyển động trong bài viết) khi ta cuộn trang web. Các bạn có thể dùng hoặc ko dùng fixed 
      Bài viết tham khảo của:Dream Life,share24.tk,cool love, w-dephia

      Copyright © 2009.:VinhDuy'blog- 19/06/2009 - 
      *Please ask for permission before copying this.





      Là hiệu ứng khi rê chuột vào Avatar ở Module Friendlist sẽ hiện ảnh khác.Xem Bài Này nhé 


      Đọc Bài Viết Này, bạn có thể thay màu của link hoặc chữ tại tất cả các Module của Blog 



      Hiệu ứng khi rê chuột vào Module Bài viết sẽ phát sáng, hoặc xuất hiện ảnh khác... Xem Bài Này nhé


      Hiệu ứng làm tuyết rơi hoặc hoa, bướm xuất hiện khắp Blog. Xem Bài Này nhé 

      Hướng dẫn dùng hình ảnh thay thế cho tên các modun




      Hiệu ứng tạo nút ấn cho blog



      Tạo icon đầu dòng trong module có sẵn







      C:Tên miền Blog:



      D:Chèn nhạc cho Blog



      List nhạc siêu ko0l!










      E:Flash

      Hướng dẫn nhúng Flash vào Y!Plus





      Hẳn nhiều bạn thấy khó khăn khi chèn Flash vào bài viết hay vào các Module của Blog 360Plus của chúng ta.

      Sau nhiều lần nghiên cứu về phương thức chèn Flash vào blog 360Plus này, Nhím tui đã thành công trong việc chèn Flash vào các module hay vào bài viết. Sau đây xin share phương pháp cho nhiều members chưa thực hiện thành công.

      Đầu tiên điền các mục trong khung dưới đây:

       

      G:Slide ảnh

      Hướng dẫn làm slide show ảnh



      Hướng dẫn chèn Slide cực Kool cho Blog của bạn





      H.[♥Theme♥] 

      Hướng dẫn cách làm themes cho blog Yahoo 360plus !!

      Kho theme khổng lồ cho Y!Plus

      Chuyển themes từ 360 themes sang Plus

      Bộ sưu tập skin đẹp cho Yahoo! 360plus 

      Share một số theme lung linh cho 360 plus

      [♥Theme♥]Design Ko0l                                [♥Theme♥] Corlorful

      [♥Theme♥]Lovely                                      [♥Theme♥] Socola

      [♥Theme♥]BloodRose                                 [♥Theme♥]biG baNg lOllipOp

      [♥Theme♥]Romantic                                   [♥Theme♥] Fan Việt BOF

      [♥Theme♥] Black Alone                               [♥Theme♥] Crazy Fans Of KimBum

      [♥Theme♥] Rain                                       [♥Theme♥] Hello Goo Jun

      [♥Theme♥] Hồng tình yêu                            [♥Theme♥]Angel II

      [♥Theme♥]L' Amour nâu                             [♥Theme♥]Angel

      [♥Theme♥]LoVe U                                    [♥Theme♥]Naruto

      [♥Theme♥] Ánh nằng mùa hạ                        [♥Theme♥] Green Baby

      [♥Theme♥] For girls                                  [♥Theme♥]Zing Speed

       [♥Theme♥] I L U                                    [♥Theme♥] Zero Online

      [♥Theme♥] Xanh dương                              [♥Theme♥]Transformers

      [♥Theme♥] Xanh và trắng                            [♥Theme♥]Guitar Hero

      [♥Theme♥]Tiểu thư                                  [♥Theme♥] Adachi Mitsuru

      [♥Theme♥] Love you forever                       [♥Theme♥] Màu xanh thiên nhiên 

      [♥Theme♥] Blue - Love                            [Theme]Họa tiết cực đẹp

      [♥Theme♥] Đỏ - cá tính                           [♥Theme♥] Xanh DaTroi

      [♥Theme♥] Yellow cool                             [Seri] Theme kim cương

      [♥Theme♥] Love story                             [MooN] Princess

       [♥Theme♥] L'Amour © Lrynda                    [♥Theme♥]Time

      [♥Theme♥]Teen Story                             [♥Theme♥] Hoa cỏ xanh

      [♥Theme♥] Công chúa                              [♥Theme♥] Black về tình yêu

       [♥Theme♥]Ấm cúng                                [♥Theme♥] CARIBE 

      [♥Theme♥] Ánh trăng                              [♥Theme♥] Ấm áp mùa đông

       [♥Theme♥] Love Land                              [♥Theme♥] Hoa cỏ tình yêu

       [♥Theme♥]Summer                                 [♥Theme♥] Màu xanh cầu vồng

      [♥Theme♥] My diary                               [♥Theme♥] Blue cool

       [♥Theme♥] Memory                                [♥Theme♥]Tách trà xanh

       [♥Theme♥] Rose Garden                           [♥Theme♥] Wooden

       [♥Theme♥] Pink Diamond                           update

      [♥Theme♥]BlackDiamond                           update

      [♥Theme♥]BlueDiamond                            update





      Đây là phần một số câu hỏi thắc mắc và trả lời, sẽ được update theo ý kiến của các bạn.

      1 - Không thể xem nhạc, video tại Blog - yêu cầu update Flash ??


      2 - Mình không dùng Banner, jậy làm thế nào để trong suốt hoặc mất đường viền Module Tên Blog ???

      • Bạn có thể dùng Code này để làm trong suốt Module Tên Blog :

      Code:
      #blog_title{background:transparent;}

      • Muốn làm mất đường viền Module Tên Blog (Banner) thì dùng Code này :

      Code:
      #blog_title .rc div, #blog_title .rc, 
      #      blog_title .rc_bd, #blog_title .rc_bd div.rc_bc, 
      #      blog_title .rc_ft, #blog_title .rc_ft div{background:transparent;}

      3 - Lỗi Invalid Structure khi chỉnh sửa nội dung Module hay bài viết : 

      • Đây là lỗi thường gặp hiện giờ của Plus, để khắc phục, các bạn dùng trình duyệt web Mozilla Firefox sẽ tránh được tối đa tình trạng này !!

      4 - Lỗi photobucket hết bandwidth xuất hiện khắp blog : 

      Vào một ngày đẹp trời nào đó, blog bạn tự dưng tràn ngập hình ảnh màu xanh hơi khó chịu như thế này, bạn phải làm như thế nào ??



      • Nguyên nhân : Do ảnh của bạn đã hết bandwidth tháng của photobucket. Để kắhc phụ tình trạng này, bạn vào acc photobucket và down ảnh đ1o về, sau đó up lên host khác, và update lại link trong css nhé !

      • Hoặc cũng có thể do các bạn dùng code làm sẵn của mình, vì nhiều người cùng sử dụng nên sẽ mau chóng hết bandwidth, vì thế, các bạn vào lấy lại code khác, mình đã khắc phục để ko hết bandwidth nữa rồi !!
      Như đã giới thiệu ở đầu bài viết, ngoài mục đích tổng hợp các bài viết cũ... thực ra, cũng là do một số bạn vào blog có thói quen không chịu tìm hiểu kĩ các bài viết trước mà lại chọn cách comment hỏi trực tiếp. Thực sự chuyện này cũng không có gì, nhưng lâu dần thì ... mình cũng khá mệt để có thể trả lời tất cả các câu hỏi của các bạn, vì thế, mong rằng sau này có câu hỏi nào các bạn nên Tìm Đọc Trước Khi Hỏi nhé !!! Nhân tiện, mình cũng xin nói thêm, các bạn muốn hỏi gì, mình cũng sẽ trả lời hết nếu có khả năng, nhưng vui lòng comment hỏi vào các Entry thủ thuật hoặc Quick Comment giùm mình, các bạn cứ hỏi vào các Entry Nhật kí hay Enrty Nhạc, ... làm mình hơi bị phản cảm một chút...         



       
      Tham khảo thêm:

      ------------------------------------------

      1.Các thủ thuật Y!Plus

      2.Code CSS cho Y!Plus

      3.Theme cho Y!Plus

      4.Teen story


      CDH, photo, hinh anh, upload, download
      Author: zZvinduyZz - 19/06/2009 - Copyright © 2009.
      *Please ask for permission before copying this
      (Bản quyền bài viết thuộc về W.Dephia's Blog - vinhduy'blog, vui lòng ghi rõ nếu sử dụng lại nhé) 
      Không cho sao lưu, trích dẫn code, entry dưới mọi hình thức ©W.Dephia's Blog - vinhduy'blog


      Trích dẫn (0)
      Tìm tag: FAQ, css-theme-plus, vinhduy, zzvinhduyzz, cđh
      Tổng cộng 38 lời bình
      Lời bình mới

      Bài viết về bạn hoặc có tag tên bạn:

      • Chưa có bài nào có liên quan.

      Người đăng ký yêu thích blog này cũng đồng thời thích:

      • Chưa có blog yêu thích nào có liên quan.