Tạo bảng thông báo cho khách khi vào blog
♥ Trước hết các bạn vào blog sau xem demo nhé:
http://vn.360plus.yahoo.com/nguyen_the_co
Các bạn có thấy 1 bảng thông báo hiện ra và khi ấn vào ok sẽ vào blog của mình không
Sau đây mình sẽ hướng dẫn các bạn cách làm
♥ Đầu tiên tạo 1 blog mới, tắt hết các module có thể tắt đc đi và sử dụng code sau để xóa nốt các module còn lại.
#profile_highlight{display:none;} #blog_title{display:none;} #article_list_module{display:none;} #article_new{display:none;} #ft{display:none;} #blast{display:none;} .col-150
.rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft, .row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft, .row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft, .cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul, #blog_title .rc_bd .rc_bc .bd, #blast .rc_bc .bd, #blast .tail, .pagination, #ft, #article_list_module .mod-alist-searchbox input.ipt, #search_module input.textfield {background:transparent;} .rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div{background:transparent;border-style:none;} .cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-600
.rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar .hd {background:transparent;} .col-150
.rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .hd .titlebar, .row-760
.rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .hd .titlebar {background:transparent;font-size:0px;}
| [b]♥ Sử dụng code sau để làm nền cho blog, nếu ko muốn làm nền thì ko cần dùng code này :)
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:#Mã
màu url(Link ảnh) repeat-y center fixed;} | ☻ Thay [b]Mã màu bằng màu nền bạn muốn sử dụng. Tham khảo Bảng mã màu > Click để xem.
☻ Thay Link ảnh bằng link
hình nền, nếu ko muốn có hình nền mà chỉ có màu nền xóa đoạn url(Link ảnh) repeat-y center fixed đi.
♥ Tiếp theo, tạo 1 module tự tạo và cho code sau vào
type="application/x-shockwave-flash" AllowscriptAccess='never' src="http://www.fileden.com/files/2009/4/2/2388404//thongbao.swf?name=Chữ ở trên thanh tiêu đề&noiDung=Nội dung thông báo&link=Link blog" width="420" height="300" wmode="transparent">
| ☻Chuột phải vào http://www.fileden.com/files/2009/4/2/2388404//thongbao.swf
và chọn save target as... để lưu flash về và up lên host riêng nếu ko muốn link flash bị die (up lên host riêng rồi thay link [b][b][b][b]http://www.fileden.com/files/2009/4/2/2388404//thongbao.swfbằng link flash của bạn nhé)
Lưu ý: Nên dùng link flash từ fileden.com vì plus bây h hỗ trợ link flash từ trang này mà ko cần link kết nối. Các bạn có thể xem bài Hướng dẫn upload dữ liệu và lấy link từ fileden.com ở đây ! [/b][/b] ☻Thay [b][b][b]Chữ ở trên thanh tiêu đề[/b][/b][/b] bằng chữ hiển thị ở thanh tiêu đề (ví dụ NTC's thông báo)
☻Thay [b][b][b]Nội dung thông báo [/b][/b][/b]bằng
nội dung hiển thị ở thông báo
☻Thay [b][b][b]Link blog[/b][/b][/b]bằng
link blog của bạn hoặc link của website nào cũng đc
☻Thay width,height tùy ý.
Sau khi làm xong hết rồi sử dụng code sau để xóa nốt nóc nhà là xong.
#ygma, .blog_dummyselect{display:none;} | Cuối cùng các bạn nên rút gọn tên miền cho blog này để dễ nhớ hơn. Đa số các bạn ưa thích dùng tên miền .tk ở trang http://www.dot.tk/vi/index.html
nhưng mình share thêm cho các bạn 1 trang khác đó là http://www.4vn.in/r@direct/ - giao diện hoàn toàn bằng tiếng việt, các bạn vào tự làm nhé :)
Chúc các bạn thành công, có gì thắc mắc cứ comment ở dưới nha [/b][/b][/b][/b]
|