Hướng dẫn viết Blog

Chia sẻ: Tran Hai | Ngày: | Loại File: DOC | Số trang:24

0
223
lượt xem
128
download

Hướng dẫn viết Blog

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Dạo qua mấy blog thì thấy các bạn đều có những cái nền rất đẹp, nhưng đôi bạn mới vô thì chưa biết được nên tui post bài này hướng dẫn cách làm Theme cho 360 Plus

Chủ đề:
Lưu

Nội dung Text: Hướng dẫn viết Blog

  1. Bài viết Tìm bài viết: Trích dẫn Báo cáo Cách làm nền cho blog 360 plus ( hot ) (chỉnh sửa) Thư mục: Chung | Đăng ngày: 18:40 03-11-2008 Dạo qua mấy blog thì thấy các bạn đều có những cái nền rất đẹp, nhưng đôi bạn mới vô thì chưa biết được nên tui post bài này hướng dẫn cách làm Theme cho 360 Plus này : Đầu tiên bạn vô phần " thiết kế"----> "theme"--->"nhập hình nền thiết lập" : hình minh họa Nền của 360 Plus có sẵn cũng đã rất nhiều. bạn có thể chọn những hình nền có sẵn. Hoặc nếu chưa ưng ý với những nền có sẵn thì bạn cũng cứ chọn tạm một cái nền có sữn đó sau đó bạn nhấn " Tiếp" . Sau khi vào chế độ tự chỉnh sửa các bạn sẽ thấy một bảng như sau:
  2. Trong đó : link màu:là màu link liên kết trong blog bạn màu nền :màu của toàn bộ nền blog (màu này sẽ nằm sau hình nền nếu không chọn hình nền ) màu chữ :màu chữ mặc định trong blog chữ màu:màu của các module trong blog Còn Ảnh nền bạn xóa đường link trong đó đi ( nếu như bạn không thich nền đó) sau đó bạn cho đường linh hình nền của bạn vô( nhớ đó là đường link chứ không lấy được hình từ PC của mình) Cách này là hình nền tràn toàn trang nhưng không đc dài vì bài viết của mình nhiều mà hình nền có giới hạn cho nên nó chỉ giữ nguyên như thế,khi mình kéo trang blog của mình xuống thì nó cũng chạy theo. Còn các bạn cũng có thể làm được như trong blog 360 tức là chia ra thành top và bottom : cũng ở trang đó bạn kéo xuống phần CSS và đưa đoạn mã này vô : #blast A, #blast A:hover{ COLOR: #; } body{ background:/*Màu background*/;} #doc2, #doc{ background:/*Màu background*/ url(link file ảnh của top theme ) no-repeat center top;} #bd{ background:transparent url(link file ảnh của bottom theme ) no-repeat center bottom;}
  3. Với cách này bạn nên chọn phần Ảnh nền có mày trùng với màu theme bạn vừa chọn. Hoặc đơn giản hơn bạn không cho gì vô phần đó nữa mà chỉ chọn phần Màu nền trùng với màu theme là đc Hôm nay tôi xin cung cấp thêm đoạn mã để sử dụng theme mà hình nền không thay đổi khi quận trang: BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} thay link hình vô (http://XXXX.jpg) Nếu như bạn muốn nền phần bài viết và các mô đun trong suốt thì các dòng thứ 2 và thứ 4 trong các mô đun chính và mô đun phụ để trắng là đc. Chỉnh sửa : Trước đây đúng là chỉ cần xoá 2 dòng như trên là blog trong suốt hoàn toàn. Nhưng hiện nay khôg thể dùng cách này đc nữa cho nên mình xin chỉnh sủa cách làm mới như sau :
  4. 1. Black Box trên cùng của Blog : Tuy là phần này không cần thiết lắm, nhưng ai thích làm trong suốt cái này thì dùng Code này nhé : Code: #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. Module Bài Viết : Vấn đề này tuy không mới nhưng cũng có khá nhiều bạn thắc mắc, sau đây là cách làm : Đầu tiên bạn Click Thiết Kế ~> Sau đó kéo chuột xuống Module ở đó nhe : Chờ 1 lát, một cửa sổ tùy chỉnh hiện ra, bạn kéo chuột xuống phần click Xong :
  5. Thế là xong, Module Bài Viết của bạn đã trong suốt hoàn toàn rồi đấy. 3. Nền Module : Dùng Code sau để làm trong suốt nền các Module : a- Nền Tiêu Đề Module : Code: .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;}
  6. b- Nền Module : Code: .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;} Nếu muốn chỉ làm trong suốt một số Module nào đó, bạn tham khảo thêm Bài Viết Này nhé ! 4 - Đường Viền ( Boder ) của Blog : a - Toàn bộ Module : Đây là code dành cho những bạn muốn làm trong suốt ( làm mất ) các đường viền của Blog: Code : #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod- tagged-frd-article .rc {background:transparent} #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 } #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent} #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
  7. {background:transparent } #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent} b - Module tự tạo : Nếu chỉ muốn làm mất Border của Module tự tạo thì các bạn dùng Code này nhé : Code: #user_mod_1000X .rc div, #user_mod_1000X .rc, #user_mod_1000X .rc_bd, #user_mod_1000X .rc_bd div.rc_bc, #user_mod_1000X .rc_ft, #user_mod_1000X .rc_ft div{background:transparent;color:none;} Thay X bằng số thứ tự Mod. Ví dụ Mod 1 thì thay thành #user_mod_10001 5 - Blast : Nếu muốn làm mất hoàn toàn nền của Blast bạn dùng Code sau : 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}
  8. Note : Nếu gặp phải vấn đề màu chữ khó nhìn khi làm trong suốt Blast, bạn có thể xem thêm Bài Này để thay đổi màu chữ cho Blast nhé ! 6 - Nền Comment ( hoặc là khung Bình Luận ) của Bài Viết : Muốn làm trong suốt tòan bộ nền comment của Entry, các bạn có thể dùng Code sau, paste vào CSS nhe : Code .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;} 7 - Tổng số Trang : Ai muốn làm trong suốt cả phần này thì dùng Code : Code: .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent} 8 - Module Tâm Trạng :
  9. Vì đây là một Module đặc biệt, nên code dùng làm trong suốt nó cũng khác một chút : Code: #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent! important;} 9 - Phần Xem Thêm Module Hình Ảnh Muốn làm trong suốt phần này thì dùng Code sau nhé : Code: #photo_highlight .ft {background:transparent} 10 - Module Tên blog : Code làm trong suốt Mod tên blog cho những ai có yêu cầu nhé !
  10. Code: #blog_title .rc_bd .rc_bc .bd ,#blog_title .bd{background:transparent;} 11 - Làm trong suốt Hình Ảnh Trong Blog ( Gallery ) : Code này có lâu, nhưng ít người biết, mình cũng quên bỏ vào đây, hôm nay có bạn nhắc mới nhớ ^^ Code: #gallery_list .bd {background:none;}#photo_enlarge .bd, #photo_enlarge .ft {background:none;} #photo_enlarge .ft #post_rte_create, #photo_comment .bd {background:none;}#photo_enlarge .c_photo_enlarge .ft {background:none;} #photo_enlarge .bd .c_photo_enlarge .bd {background:none;}#gallery_list .ft .pagination .pagination {background:none;} #gallery_list .ft .pagination {background:transparent url(Link Ảnh) repeat left top;}/*Thanh hiển thị số trang*/ #photo_highlight .ft .more {background:transparent ;} #photo_highlight .ft .more a {font-size:110%;font-style:italic;font- weight:bold;color:#ffffff;} 12 - Trong suốt Profile Info : Code: #profile_info , #profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info .bd #personal_profile .bd th , #profile_info th {background:none;} Phèw, bi nhiêu đó là hết Blog chưa nhỉ ? Nếu còn phần nào các bạn commt tiếp nhá ! (Bản quyền Bài Viết thuộc về W.Dephia's Blog - dephia.tk, vui lòng ghi rõ nếu sử dụng lại nhé Thôi viết tới đây mỏi tay rùi. Hôm khác lại post lên các mẹo khác mà tui " tìm hiểu đc". Chúc 3` con vui vẻ và hạnh phúc Đầu tiên các bạn phải có một bài nhạc từ http://www.nhaccuatui.com/ Sau khi chọn bài xong các bạn lấy cái dòng Flast mà mình đã khoanh :
  11. sau khi copy cái dòng flast trên các bạn mở Internet Explorer lên rồi bỏ cái dòng Flast đó vào  và xóa 2 cái Flast đi ,nó sẽ còn như thế này : Code: (Click vào đây để chọn tất cả) http://www.nhaccuatui.com/l/QUeGBrYi-Xyp Rồi các bạn bấm Enter nhìn lên trên nó sẽ ra cái dòng khác ,như thế này: Code: (Click vào đây để chọn tất cả) http://img1.nhaccuatui.com/Flash/NCTplayer11_L.swf? file=http://www.nhaccuatui.com/GetMusic.ashx? list=001f00160031000f000300260017002a0079001000380024 Tiếp tục nó ra cái dòng này thì các bạn bỏ cái đoạn : Code: (Click vào đây để chọn tất cả) http://img1.nhaccuatui.com/Flash/NCTplayer11_L.swf?file= Và link còn lại tất nhiên sẽ là : Code: (Click vào đây để chọn tất cả) http://www.nhaccuatui.com/GetMusic.ashx? list=001f00160031000f000300260017002a0079001000380024 Copy cái link này bỏ vào đoạn mã sau ,thay cái dòng chữ Dán link vào đây bằng đường link  vừa copy nha : Code: (Click vào đây để chọn tất cả) Sau khi làm xong thì các bạn chỉ việc bỏ vào blog ,các bạn có thể bỏ vào đâu cũng được trong  bài viết ,còn không thì nếu bạn nào muốn vào trang chính mà có nhạc luôn thì có thể tạo thêm  một môđun mới rồi bỏ đoạn mã đó vào  ,nhưng có điều khi đọc các bài entry thì lại  không nghe nhạc  Chúc các bạn thành công ! Code cho nhac nên (Không hiên trinh chơi nhac) :  ̣ ̀ ̣ ̀ ̣
  12. Code cho list nhac nên tư chay (Không hiên trinh chơi nhac) ̣ ̀ ̣ ̣ ̣ ̀ ̣ Code nhac nên tư chay (Co hiên trinh chơi nhac) ̣ ̀ ̣ ̣ ́ ̣ ̀ ̣ Bài viết Tìm bài viết: Trích dẫn Báo cáo Viết cái hướng dẫn . nhiều đứa hỏi qá @@ Thư mục: Tổng hợp | Đăng ngày: 18:19 04-06-2009 1. Change con trỏ chuột Vào Thiết kế => Chế độ tự chỉnh sửa => CSS paste cái nè vào ô CSS nhé : body{cursor: xxx;} a:hover{cursor:xxx;} " xxx " là tùy chọn cho con trỏ chuột . body là lệnh trên toàn blog , còn a:hover là khi di chuột vào link liên kết Nói chung cái đó k cần thiết phải chỉnh Chỉ có 1 vài bạn thích cá tính riêng của mình thì nên để ý cái sau : body{cursor:url(xxx)} a:hover {cursor:url(xxx)} thay xxx bằng link của 1 hình ảnh động cỡ nhỏ , hoặc 1 icons xinh đẹp 2.Ảnh nền theme của blog: Để ảnh tràn blog , khi di chuột mà theme đứng yên như của mình thì paste cái nè vào ô CSS : BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}
  13. chỗ http:.... các bạn điền link ảnh mình muốn làm theme .. có tkể là ảnh động hoặc ảnh tĩnh ..vì ở plus cho phép themes là ảnh động, cái đó tùy mỗi ng`. 3.Ảnh nền bảng tin nhắn BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Nếu muốn ảnh nền của bảng là 1 ảnh nào đó thì paste link ảnk vào chỗ http://.... Còn k muốn thì k cần sử dụng lệnh này. 4.Ảnh nền của trang Profiles BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;} 5.Ảnh nền trong mỗi entry .mod-alist-full.mail-bd{background:#FFFFFF url(http://www.xxxxx.jpg)} 6.Ảnh nền tiêu đề mỗi entry .mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)} 7.Số ng` ol trên blog bạn . vào useronline.com đăng kí links của blog bạn rồi copy html của nó gắn vào ô Nội dung của Module là Ok 8.Làm bể cá cảnh . Tự tạo 1 module rồi paste code sau vào ô Nội dung 9.Tạo Module dự báo thời tiết
  14. Thủ đô Hà Nội Cố đô Huế Tp Hồ Chí Minh Tp Ðà Nẵng CAO BẰNG BẮC KẠN SƠN LA
  15. p_both/language/www/global/stations/48806.gif" alt="Click for Son La, Viet Nam Forecast" border="0" width="127" height="41"/> LẠNG SƠN LÀO CAI (SAPA) THÁI NGUYÊN MÓNG CÁI – QUẢNG NINH NAM ĐỊNH THANH HÓA
  16. Hoa, Viet Nam Forecast" border="0" width="127" height="41"/> VINH – NGHỆ AN HÀ TĨNH ĐỒNG HỚI – QUẢNG BÌNH HUẾ ĐÀ NẴNG HOÀNG SA – ĐÀ NẴNG
  17. /> QUY NHƠN NHA TRANG – KHÁNH HÒA TRƯỜNG SA – KHÁNH HÒA
  18. .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div{background:transparent url(http://nktpro.com/360plus/rc_ne.png) no- repeat right bottom;} .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://nktpro.com/360plus/rc_nw.png) no- repeat left bottom;} .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd- article .rc_bd div.rc_bc{background:transparent url(http://nktpro.com/360plus/rc_e.png) repeat-y right top;} .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://nktpro.com/360plus/rc_w.png) repeat-y 0% 50%;} .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://nktpro.com/360plus/rc_se.png) no-repeat right top;} .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://nktpro.com/360plus/rc_sw.png) no- repeat left top;} .rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {background-color:transparent;background- image:url(http://nktpro.com/360plus/transparent_bg.png);} #blast .rc_ft {background:transparent url(http://nktpro.com/360plus/blast- sw.png) no-repeat left bottom;} #blast .rc_ft div {background:transparent url(http://nktpro.com/360plus/blast-se.png) no-repeat right bottom;} Làm trong suốt nền Module .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;} .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;} Đường viền của blog #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd- article .rc div {background:transparent} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:} #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 } #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd- article .rc_bd {background:transparent} #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 } #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent} Nền blast
  19. #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} Nền Khung bình luận bài viết .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 Trong suốt module tâm trạng #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;} paste hết vào các bạn nhé. đến đây blog bạn gần như trong suốt hết rồi.. ai k thích thì k cần thiết pải làm :-j 13.Code tạo link liên kết . nếu muốn nó dẫn tới 1 web nào đó thì thêm lệnh này ở phần đầu : cái link thứ nhất là trang web mà khi kick vào đó dẫn đến .... còn link tkứ 2 là hình ảnh đại diện . nếu chỉ muốn để ảnh động ko thì bỏ đoạn đầu có ckứa link web đi nhé các bạn thay link theo ý thích riêng nké .. nhớ đó :)) xong xuôi paste vào nội dung 1 module tự tạo nhé 13.Tạo list nhạc autoplay
  20. Mình chỉ các bạn làm list nhạc NhacCuaTui cho đơn giản nké..vừa đơn giản . vừa load nhanh . và vì mình k biết làm của bọn imeem :P A.List nhạc ngang tạo 1 list nhạc trên NhacCuaTui vào upload những bài hát bạn yêu thích vào list đó .. khi upload đầy đủ theo ý muốn bạn vào nghe list đó đoạn code đó có dạng [FLASH]http://www.nhaccuatui.com/l/43V8HQ6zfDDY[/FLASH] các bạn chỉ lấy đoạn giữa 2 thẻ [FLASH]...........................[/FLASH] nhé ví dụ ..đó là link http://www.nhaccuatui.com/l/43V8HQ6zfDDY
Đồng bộ tài khoản