IndexTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Chào Mừng Các Bạn Ðến Với Diễn Ðàn Bảo Quản 43
 :: 

Tin học

 :: 

Hướng dẫn thiết kế forum ,tạo web

Thống Kê
  • Clip Bảo Quản 43

Share|
Tiêuđề

Hướng dẫn thiết kế blog Plus

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp

[Thành viên]

kids_qv
Admin

Status:

Tổng số bài gửi Tổng số bài gửi : 295
Money Money : 646
Được Cảm ơn Được Cảm ơn : 23
Ngày Sinh : Ngày Sinh : : 06/08/1989
Gia Nhập: Gia Nhập: : 09/04/2010
Age Age : 27
Đến từ Đến từ : Thừa Thiên Huế

Bài gửiTiêu đề: Hướng dẫn thiết kế blog Plus Sun Apr 25, 2010 5:02 am

Xem lý lịch thành viên http://bq43.4umer.com


CHƯƠNG I: HƯỚNG DẪN TẠO BLOG PLUS (FULL)
ChươngII: Chức Năng của Thanh Menu Plus

Như vậy thì tính tới thời điểm này Yahoo! đã chính thức phát hành thử nghiệm phiên bản mới của Yahoo! 360 dành cho người Việt Nam (ngôn ngữ chính là Tiếng Việt) với nhiều tính năng nổi bậc.
Đây là phiên bản Việt hóa Yahoo! Blog Hồng Kông. Hôm nay Ruby sẽ chính thức viết lại 1 bài viết tổng hợp toàn bộ cách thức đăng ký, tạo 1 Blog Plus dành cho tất cả những ai muốn tham gia vào cộng đồng Blogger mới này, hướng dẫn các bạn tạo và sử dụng các tính năng cơ bản của Yahoo Plus.

1>Tạo blog

Chỉ cần có tài khoản Yahoo! bạn có thể đăng nhập tại đây để đăng nhập vào tài khỏan Yahoo và tiến hành khai báo các thông tin cần thiết và đánh dấu chấp nhận những quy định tham gia cộng đồng Plus.
1 điểm lưu ý: người sử dụng dịch vụ fải từ 18t trở lên (đây là quy định cho cộng đồng Plus đặt ra, nhưng tình hình hiện tại Ruby thấy các bạn dưới 18t cũng đã tạo được Plus, có lẽ cũng nên quy định lại vì các bạn <18t cũng nên được tham gia^^).
Khi đã đăng nhập vào bằng tài khỏan yahoo, nhấp tạo 1 blog Plus bằng nick name của bạn, nhập thông tin về địa chỉ email, tên Blog mà bạn muốn hiển thị, viết 1 vài dòng mô tả về Blog hoặc bản thân, đăng ký địa chỉ URL đến blog của bạn (thường dùng địa chỉ mặc định)


2> Hướng dẫn sử dụng các công cụ trong Plus:

Blog sau khi được khởi tạo xong, giao diện của Yahoo! 360 Plus xuất hiện với các bố trí như hình sau:

A>Thíêt lập cơ bản:
Trên menu ngang chính sẽ chứa những công cụ chỉnh sửa chính của Plus:
+Trang chính: để bạn quay về homepage của Plus.

+ Viết Blog: Click vào và víêt 1 entry mới.

+ Quản lý: Bao gồm:

_ Phần Thư mục: bạn có thể vào đây để tạo thêm các thư mục riêng biệt nhằm phân loại các entry theo từng chủ đề thích hợp (đây là tính năng mới hơn so với Blog 360)

_ Album

_ Tải ảnh: up ảnh lên blog để làm album.


_ Bình luận: chứa các coment của friends.

_ Blog liên quan và Blog tôi thích.



Giới thiệu sơ lược về các module (các thành phần nằm ở phía cột)của Plus:

Cách thức tương tác với người dung thông qua các module:

Module chứa ảnh Avata của chủ nhân:

Tab “sửa hồ sơ”: Bạn có thể vào đó để khai báo các thông tin về bản thân.

Trong phần này còn có những “thíêt lập cơ bản”:

_ Viết câu Blast: Víêt 1 câu Blast ấn tượng về Blog của bạn^^
_ Up ảnh hiển thị làm avata (ảnh theo quy định, không quá 2mb…)
_ Blog URl: chỉnh sửa URL tới Blog của bạn
_Thư mục riêng: tạo thêm, đặt tên thư mục, chọn thể lọai…


_Album: tạo mới các album ảnh, chỉnh sữa…
_Đăng ký Blog yêu thích: Bạn kết 1 blog nào đó và muốn bíêt thông tin thường xuyên về nội dung trong blog của họ…
_Sổ tay bạn bè: những người bạn add làm bạn của mình và muốn giữ quan hệ bạn bè (có thể cho phép tùy chọn bạn bè ở mức bạn thân_bạn bè bình thường_gia đình hoặc cho vào sổ đen với những kẻ bạn không ưa)
Chọn kiểu bố trí trang:

Để chọn kiểu bố trí trang bạn chỉ cần nhấn Thiết kế ở menu ngang và nhấn tiếp Dàn trang ở menu hiện ngay sau đó.
Yahoo! 360 Plus có 5 kiểu bố trí trang: 2 kiểu 2 cột và 3 kiểu còn lại 3 cột.

B> Tùy chỉnh 1 số module trong giao diện của Blog Plus:


1>*Viết entry và để lại coment như thế nào:
Module “Bài viết”: chứa các entry tổng hợp mới nhất mà bạn víêt:
Đó là cũng là 1 điểm được cải tiến hơn so với Blog 360 vì cách thức bố trí và các tùy chọn rất hợp lý, tiện dùng.

Nổi bậc nhất là ở tính năng tạo thư mục và phân lọai các entry theo từng lĩnh vực riêng rất pro! (có thể đặt tên và tạo thêm nhiều thư mục phù hợp), tiếp đến là cách chọn tâm trạng cho bài viết (biều tượng xuất hiện phía trước tiêu đề entry, có khá nhiều gương mặt biểu thị tâm trạng bấy giờ của ngừơi post.), Viết xong 1 entry, blogger có thể phân quyền người được xem entry của mình, cho hay không cho phép để lại comment.

1 điểm khá thú vị nữa là bạn có thể chỉnh sửa ngày đăng bài (trong tương lai hoặc lùi về quá khứ), theo đó mà các bài viết được sắp xếp theo thứ tự từ sớm tới muộn hơn…
Trong phần víêt entry thì khá tương tự như 360 vì người viết có thể chọn thẻ html để chèn code html vào tùy thích.
Khi bạn bè ghé xem blog của bạn họ có thể viết nội dung comment(nhận xét) ở cả chế độ html, có thể chèn hình ảnh (tính năng mới) và rất tiện dùng khi bạn có thể trả lời cho từng comment dễ dàng.

1> Chỉnh sửa các module:

Yahoo! 360 Plus cho phép người dùng có thể chỉnh cách bố trí của các module bằng cách kéo thả chúng đến vị trí mới tương tự như Yahoo! Mash. Để có thể kéo thả hoặc xóa module bạn cần click trên Thiết kế và bắt đầu thao tác (kéo nó đặt ở vị trí mà bạn muốn)

1 số Module đặc biệt có thể chỉnh sửa:

a. Chỉnh sửa module Tên blog : chỉnh sửa về tiêu đề, miêu tả blog, hình nền, màu sắc và định dạng hiển thị (nằm ở phía trên cùng):

b. Chỉnh sửa module Bài mới nhất(“Danh sách bài đã đăng) : chỉnh sửa cách thức hiển thị entry , chế độ hiển thị bài viết, số lượng bài viết hiển thị, màu sắc, màu nền và độ trong suốt của phần này

c. Chỉnh sửa module Website yêu thích : thông tin các trang web mà bạn yêu thích:

d. Module tự tạo:

Tạo 1 module bằng cách: vào Thíêt kếàThêm moduleà Sau đó sắp xếp vị trí cho nó (nội dung của Module tự tạo được người dung tạo ra bằng cách chèn code css vào module đó)

Yahoo! 360 Plus có 4 module chức năng được làm sẵn: Ảnh Blog (Hiển thị ảnh trong Album lên blog), Blog yêu thích (Xem bài viết mới trong các Blog yêu thích), Tìm (Công cụ tìm kiếm thông tin trong Yahoo! 360plus và Blog của tôi), Blog về tôi (Bài viết của bạn bè nói về bạn).
Ngoài ra còn có đến 10 module cột tự thiết kế hỗ trợ HTML (Không hỗ trợ flash như trong entry hay comment).

D> Chọn theme cho Plus:

Người dùng có thể chọn theme có sẵn cho blog của mình: có khoảng 100 theme đã được thiết kế sẵn, nếu có kiến thức về đồ họa (photoshop hay corel…) bạn có thể tạo theme riêng của chính mình ở Chế độ tự chỉnh sửa (Hỗ trợ code CSS) (giống bên Yahoo Mash)
E> Kết nối với bạn bè Plus:
Khi muốn một ai đó trở thành bạn bè, bạn chỉ cần xem blog họ, nhấn Thêm bạn và chọn mối quan hệ.

Plus cho phép bạn có thể phân nhóm lọai bạn bè theo từng mối quan hệ, cũng có khả năng cấm hoặc cho phép ai đó đọc hoặc coment vào blog của bạn tùy theo từng mối quan hệ!

F> Tin nhắn trên blog của bạn:

Trong Yahoo Plus không có phần quick coment như ở yahoo 360 vì nó không hiển thị nội dung trên trang giao diện ngòai nhưng có thể tạo 1 click coment bằng cách tạo entry và module để click vào module đó đưa người dùng vào coment cho entry (có tên là quickcoments)
Còn module Bảng tin nhắn có chức năng tương tự chức năng tin nhắn bên Blog 360.


Đến Đây Chắc Các Bạn Đã Nắm Cơ Bản Về Tạo Blog Plus Rồi Phải Không , Cũng Đơn Giản Mà Phải Không^^

Chữ ký của kids_qv


Được sửa bởi Admin ngày Sun Apr 25, 2010 6:16 pm; sửa lần 1.

Hãy cảm ơn bài viết của kids_qv bằng cách bấm vào "" nhé!!!

Về Đầu Trang Go down
Cám ơn bạn!tôi được cộng 1 điểm

[Thành viên]

kids_qv
Admin

Status:

Tổng số bài gửi Tổng số bài gửi : 295
Money Money : 646
Được Cảm ơn Được Cảm ơn : 23
Ngày Sinh : Ngày Sinh : : 06/08/1989
Gia Nhập: Gia Nhập: : 09/04/2010
Age Age : 27
Đến từ Đến từ : Thừa Thiên Huế

Bài gửiTiêu đề: Re: Hướng dẫn thiết kế blog Plus Sun Apr 25, 2010 5:26 am

Xem lý lịch thành viên http://bq43.4umer.com


Tiếp Theo là 1 số thủ thuật cơ bản giành cho các bạn nè :

Làm trong suốt tất cả các modun:

Vào Thiết kế--->Theme---->Chế độ tự chỉnh sửa nó sẽ hiện lên một cái bảng tên là Sửa Dàn Trang như thế này


Thì ở phần modun chính và modun phụ chỗ dòng thứ 2 ( thực ra là màu nền tiêu đề) và dòng thứ 4 ( thực ra là màu nền nội dung) bạn để trống như bức hình trên thế là xong. Bậy giờ tất cả các modun của bạn đã trở nên trong suốt rồi đấy.
Điều chỉnh độ trong suốt của modun chính (phần có chứa các bài viết ) :

Ấn vào Thiết Kế nhưng không chọn mà di chuyển xuống dưới chỗ modun chính rồi clik vào chữ sửa nó sẽ hiện ra cửa sổ như thế này:

Có cái thanh điều chỉnh độ trong suốt phía dưới, ở đó bạn kéo càng về 0 thì độ trong suốt nó càng lớn.Lưu ý là cách này sẽ làm trong suốt cả màu nền và chữ luôn nên bạn cần điều chỉnh độ trong cho phù hợp.

Làm trong suốt đường viền các modun:

Bạn copy đoạn mã Css dưới đây rồi dán vào phần mã Css ở dưới khung Sửa dàn trang của bạn:

/* lam trong suot vien modun */
.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;}

Tùy biến modun phụ (modun 2 bên):
Đây là đoạn code giúp bạn có thể chèn ảnh nền vào các modun phụ :

/* nền header module */
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url( link file anh);}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a
{color:#4E4E4E;}
.col-150 .hd .titlebar .hd a:hover
{text-decoration:underline;

/* nền content module */
.col-150 .rc_bd .rc_bc .bd /* JW */
{background:transparent url( link file anh);color:#FFFFFF;}

Chỉnh sửa Theme chính:

Bạn copy đoạn mã Css dưới đây rồi dán vào phần mã Css phía dưới khung Sửa dàn trang của bạn rồi thay màu nền và Link file ảnh thế là xong :

/*CSS-Powered by Asakura*/

#blast A, #blast A:hover{
COLOR: #;
}
body{
background:/*Màu background*/;}

#doc2, #doc{
background:/*Màu background*/ url( Link file anh cua top theme ) no-repeat center top;}

#bd{
background:transparent url( Link file anh cua bottom theme ) no-repeat center bottom;}
/*The end- Asakura*/

Làm cho chữ ở phía bên phải ảnh:

Để làm được như vậy thì bạn bật chế độ Html trông khi viết (Chế độ này được mặc định ở các modun) và dán đoạn code dưới này vào rồi thay link file ảnh của bạn thế là xong!

<a style="border: 0pt none ; background-color: transparent; clear: left; float: left;" href=" link file anh "><img src=" link file anh " style="border: 0pt none ; width: 227px; height: 351px;"></a>
Tạo một hồ cá
Để làm được như vậy đầu tiên bạn tạo một cái modun mới rồi sau đó bật phần sửa modun lên và dán đoạn code ở dưới vào phần nội dung của modun vậy là bạn đã có một hồ cá đẹp của riêng mình rồi đấy:

<a href="http://s274.photobucket.com/albums/jj260/ahxl8/anhdong/?action=view&amp;current=121.gif" target="_blank"><img src="http://i274.photobucket.com/albums/jj260/ahxl8/anhdong/121.gif" alt="Photobucket" border="0"></a>
Làm link hiện hình trái tim:

Bạn vào phần chèn code Css ở chỗ sửa dàn trang rồi dán đoạn mã này vào thế là từ bây giờ mỗi khi di chuyển chuột vào đường link bạn sẽ thấy hình trái tim hiện lên rất sống động

/*Code lam link trai tim*/
a:hover
{text-decoration:none;color:#D570EE;text-decoration:none;
font-weight:bold;background-image:url(http://kontumol.com.vn/for@um/uploads/Y3P/heartKTO.gif);}

Chèn nhạc vào blog
Phần I. Chèn nhạc từ mp3.zing.vn

1.Chơi nhạc với skin thông thường ( có chơi playlist)
B1: Chọn lựa bài hát của bạn trên mp3.zing.vn (ko chọn skin)

B2: Xem hình dưới và thực viện copy:

- Đoạn code các bạn vừa copy có dạng :

[FLASH]http://static.mp3.zing.vn/skins/gentle/flash/mp3playlist.swf?xmlURL=http://mp3.zing.vn/play/?pid=IW60FUFI||4&songID=0&autoplay=false&wmode=transparent[/FLASH]
B3: Các bạn chỉ lấy đoạn code sau: IW60FUFI||4&songID=0&autoplay=false&wmode=transparent
Để chơi autoplay các bạn sửa giá trị autoplay=true
B4: Cuối cùng được đoạn code hoàn tất và chèn vào bài viết hay module:
<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://i608.photobucket.com/albums/tt167/Viet4style/plusbridge/plus_bridge2009.swf?skin=0&zing=IW60FUFI||4&songID=0&autoplay=false&wmode=transparent" bgcolor="#FFFFFF" width="500" height="350" wmode="transparent" >

2.Chơi nhạc với skin lựa chọn ( không chơi playlist)
B1: Chọn lựa bài hát của bạn trên mp3.zing.vn và click vào skin bất kỳ. Chú ý: tích vào lựa chọn auto play nếu bạn muốn trước khi thực hiện B2
B2 : Xem hình dưới và copy đoạn code:

- Đoạn code các bạn vừa copy có dạng :

[FLASH]http://static.mp3.zing.vn/skins/default/flash/player/mp3Player_skin3.swf?xmlurl=http://mp3.zing.vn/blog/?NS80Mi81NDI4ZjM2YzU5NzU3NDFmNGI0ODJjNjJjNTVlNzmUsIC5OC5cUIbaBmUsICDN8UGjDqXAgTmUsICOgdSBUw6xdUngaCBZw6p1fE5vInagaMEWeByBQaMaw4WeBdUngWeBYyBUaOG7i25oIC0gS2jhdUng59pIE15fGZhWeBHNl
[/FLASH]
B3: Các bạn chỉ lấy đoạn code sau:

?NS80Mi81NDI4ZjM2YzU5NzU3NDFmNGI0ODJjNjJjNTVlNzmUsIC5OC5cUIbaBmUsICDN8UGjDqXAgTmUsICOgdSBUw6xdUngaCBZw6p1fE5vInagaMEWeByBQaMaw4WeBdUngWeBYyBUaOG7i25oIC0gS2jhdUng59pIE15fGZhWeBHNl
B4: Lựa chọn skin theo hình đã được ghi chú từ 1 đến 11:


B5: Cuối cùng được đoạn code hoàn tất và chèn vào bài viết hay module: cho skin =1,skin=2...tùy bạn.
<embed type="application/x-shockwave-flash" allowscriptaccess="never"
width="500" height="350"
src="http://i608.photobucket.com/albums/tt167/Viet4style/plusbridge/plus_bridge2009.swf?skin=3&zing=?NS80Mi81NDI4ZjM2YzU5NzU3NDFmNGI0ODJjNjJjNTVlNzmUsIC5OC5cUIbaBmUsICDN8UGjDqXAgTmUsICOgdSBUw6xdUngaCBZw6p1fE5vInagaMEWeByBQaMaw4WeBdUngWeBYyBUaOG7i25oIC0gS2jhdUng59pIE15fGZhWeBHNl"
wmode="transparent" >
Phần II. Chèn nhạc từ www.chacha.vn-
B1:Truy cập vào www.chacha.vn và chọn bài hát hay playlist của bạn
- B2:Xem hình dưới và thực hiện copy code:

- Đoạn code các bạn vừa copy có dạng như sau:


- Nếu chơi một bàn nhạc duy nhất:


[Flash]http://chacha.vn/embedded/v1.0/mp3player.swf?file=http://chacha.vn/embedded/v1.0/getMedia.php?songId=111816[/Flash]


- Nếu chơi theo play list


[Flash]http://chacha.vn/embedded/v1.0/mp3player.swf?file=http://chacha.vn/embedded/v1.0/getMedia.php?playlistId=16456[/Flash]

- B3: Các bạn chỉ lấy phần : songId=111816 hoặc playlistId=16456

- B4: Bước cuối cùng bạn được đoạn code chèn vào bài viết hay module và thưởng thức âm nhạc :

<embed type="application/x-shockwave-flash"
width="500" height="350"
src="http://i608.photobucket.com/albums/tt167/Viet4style/plusbridge/plus_bridge2009.swf?chacha=songId=111816" allowscriptaccess="samedomain"
wmode="transparent" >
Phần III. Chèn nhạc từ www.nhaccuatui.com
A. Đăng ký vào tạo 1 List nhạc trên trang Nhaccuatui.com ( Bước này nếu bạn nào chưa biết thì xem bài này nhé.)
B. Lấy Link cho List nhạc:
Copy đoạn Link mà mình đánh mũi tên màu đỏ nhé:

Ta được:


Code :



http://www.nhaccuatui.com/nghe?L=8iRsq4_2Psku



Chỉ cần chú ý đoạn : 8iRsq4_2Psku

C.Sau khi có Link của List nhạc, bạn thay chúng vào các code tùy chọn dưới đây:

1.Code cho List nhạc bình thường( không tự động Play):
Code :

<embed type="application/x-shockwave-flash" AllowScriptAccess='never' src="http://i982.photobucket.com/albums/ae304/Hunnie_-tr/Fash/leeblog_playlist.swf" flashvars="file=http://chipprovn.com/360Plus/NCT/?list=Thay_Vào_Đây%26type=you&config=http://chipprovn.com/360Plus/NCT/?config=ok%26backcolor=0xFFFFFF%26frontcolor=0x00FFFF%26lightcolor=0xA8DB2B%26autostart=false%26shuffle=false%26repeat=true%26jpgfile=Link ảnh nền" height="377" width="590"></embed>
2.Code List nhạc tự động chạy ( Auto Play)
Code :
<embed type="application/x-shockwave-flash" AllowScriptAccess='never' src="http://i982.photobucket.com/albums/ae304/Hunnie_-tr/Fash/leeblog_playlist.swf" flashvars="file=http://chipprovn.com/360Plus/NCT/?list=Thay_Vào_Đây%26type=you&config=http://chipprovn.com/360Plus/NCT/?config=ok%26backcolor=0xFFFFFF%26frontcolor=0x00FFFF%26lightcolor=0xA8DB2B%26autostart=true%26shuffle=false%26repeat=true%26jpgfile=Link ảnh nền" height="377" width="590"></embed>
3.Code làm nhạc nền (không hiện danh sách bài hát): Code :

<embed type="application/x-shockwave-flash" AllowScriptAccess='never' src="http://i982.photobucket.com/albums/ae304/Hunnie_-tr/Fash/leeblog_playlist.swf" flashvars="file=http://chipprovn.com/360Plus/NCT/?list=Thay_Vào_Đây%26type=you&config=http://chipprovn.com/360Plus/NCT/?config=ok%26backcolor=0xFFFFFF%26frontcolor=0x00FFFF%26lightcolor=0xA8DB2B%26autostart=true%26shuffle=true%26repeat=true%26jpgfile=trong suot" height="1" width="1"></embed>

☼ Tùy chỉnh chung cho các List nhạc trên:


• Để List nhạc thật sự đẹp và theo ý của mình, các bạn phải thật sự chú ý đoạn này nhé:
X : Chiều rộng List nhạc
Y : Chiều dài List nhạc
0xFFFFFF : Màu nền List nhạc
0x00FFFF : Màu Tên bài hát
0xA8DB2B: Màu hiển thị trên trình chơi nhạc
Thay_Vào_Đây: Thay bằng Link nhạc mà bạn đã tạo được ở bước B phía trên nhé.
Link ảnh nền Thay Link ảnh của bạn vào nhé, nhớ bỏ đoạn http:// ở đầu đi nhé
• Bài viết có sử dụng đoạn Link : http://chipprovn.com/360Plus/NCT/ của Chiplove.biz, vui lòng khi rõ nguồn.
---------------------------
P/S : •Code trên mình đã text thử với IE và vẫn chạy ngon lành^^. Các bạn yên tâm nhé
• Các bạn vui lòng không Post nhạc AutoPlay vào Cmt của bài này giúp mình nhé, vì mình đã để ví dụ minh họa là nhạc Auto rùi.

Chữ ký của kids_qv

Hãy cảm ơn bài viết của kids_qv bằng cách bấm vào "" nhé!!!

Về Đầu Trang Go down
Cám ơn bạn!tôi được cộng 1 điểm

[Thành viên]

kids_qv
Admin

Status:

Tổng số bài gửi Tổng số bài gửi : 295
Money Money : 646
Được Cảm ơn Được Cảm ơn : 23
Ngày Sinh : Ngày Sinh : : 06/08/1989
Gia Nhập: Gia Nhập: : 09/04/2010
Age Age : 27
Đến từ Đến từ : Thừa Thiên Huế

Bài gửiTiêu đề: Re: Hướng dẫn thiết kế blog Plus Sun Apr 25, 2010 5:39 am

Xem lý lịch thành viên http://bq43.4umer.com


1.Module Ảnh (Liên kết,quảng cáo...)

<a href="URL đường link tới"
>
<img src="URL ảnh"
alt="Ghi chú" border="0" >


-Một vài ghi chú: Nếu bạn không muốn link đến đâu,chỉ để ảnh thôi thì lấy cái đoạn này.

<img src="URL ảnh"
alt="Ghi chú" border="0" >

-Cái Module khung hẹp bên trái có chiều rộng là 140px,nếu bạn bỏ thuộc tính này đi thì nó sẽ theo kích cỡ mặc định của ảnh

-Cái alt: Bên trong là nội dung ghi chú,khi bạn di chuột vào ảnh nó sẽ hiện lên dòng này.

-Cái Border là độ rộng đường viền của ảnh,còn vài thuộc tính nữa,nhưng tạm thời thế thôi

2.Module "I'm Online"

<center>
<a href="ymsgr:sendIM?co0l.l0ve"> <img border="0" src="http://opi.yahoo.com...0l.l0ve&m=g&t=2" align="absmiddle">
</center>

Thay cái nick của mình (co0l.l0ve) bằng cái nick của bạn nhé,khi bạn online phải refesh thì mới thấy nó báo sáng nick được

3.Module Music

3.1 Nhạc tiếng

Truy cập vào trang:http://www.imeem.com tìm kiếm bài nhạc mình yêu thích,sau đó lấy code,nếu bài đó chưa có,thì bạn cần đăng nhập và upload nhạc lên đó.

Xem hướng dẫn tạo list nhạc tại đây

3.2 Nhạc hình


Các bạn có thể lấy code từ: www.youtube.com , www.imeem.com (nhạc hình), www.googlevideo.com



4.Module Thống kê

4.1.Số người đang Online trong Blog

Đây cũng là một công cụ đồ họa rất đẹp và thường được các blogger ở WordPress sử dụng. Công cụ này được cung cấp tại http://whos.amung.us/showcase. Bạn có thể chọn 1 trong ba kiểu hiển thị như minh họa trên hình.


Hình 2

1. Kiểu 1.

Nhấn vào nút bấm được đánh dấu số 1 trên hình 2 và lấy code. Lưu ý chúng ta sẽ sử dụng lại 8 ký tự được tô màu đỏ. Nó bảo đảm bạn dùng duy nhất một mã thống kê trên blog mình. Và chúng ta sẽ sử dụng chúng cho việc tạo bản đồ người xem ở bài hướng dẫn tiếp theo.
2. Kiểu 2

Nhấn vào nút bấm được đánh dấu số 2 hình 2 trên và nhấn color wheel. Trang làm việc hiển thị bạn hoàn thành các bước 1, 2, 3.

- Bước 1. Nếu đã sử dụng một trong những tiện ích được cung cấp của trang hãy chọn Yes. Nhập địa chỉ blog để tìm 8 ký tự mà bên trên tôi lưu ý hoặc nhập 8 ký tự này nếu không tìm thấy.

- Bước 2. Chọn màu
- Bước 3. Lấy code
3. Kiểu 3
Tương tự như kiểu một nhưng bạn nhấn nút đánh dấu số 3.

Ngoài ra nếu bạn dùng các nền blog hỗ trợ Javascript bạn có thể xem thêm bài viết trước tại đây.

Xong rồi đấy, bạn đã có những bộ số đếm thật đẹp mắt... và bạn đã có thể biết được là có bao nhiêu người đang "mò mẫm" trong blog của bạn đó!
4.2.Số lượt truy cập

Vào các trang sau,tạo cho mình một cái ID,rồi lấy code về patse vào Module

www.petitcounter.net

www.easycounter.com

www.123counters.com
5.Module Album Ảnh (Flickr)

-Đưa ảnh từ Album Flickr của bạn lên Blog.Vào trang :http://www.flickriver.com rồi điền ID vào để lấy code.

Xem hướng dẫn chi tiết tại đây:
http://vn.360plus.yahoo.com/cyvp_perfectlad200304/article?mid=1055
6.Module thời tiết

Vào trang (www.wunderground.com) có gần 30 tỉnh thành,bạn chỉ cần chọn và copy code rồi dán vào Module là ok



7.Module liên kết


<a href="URL đường link tới"
>Mô tả đường link </a>

-Cái này có thể kết hợp để làm như BlogRoll ở 360Yahoo,di chuyển nhanh vào các entry hay của mình hay link sang các trang Web khác

8.Module bản đồ theo dõi người truy cập

-Bạn hãy truy cập vào Web sau: http://www.maploco.com

Chọn cho mình một kiểu phù hợp,rồi lấy code

-Xem hướng dẫn chi tiết tại đây
http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=620

9.Module Click Comments

Plus chưa hỗ trợ Quick Comments nhưng chúng ta vẫn có cách khắc phục.

Xem hướng dẫn Tạo Module Quick Comments tại đây:
http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=329
Ngoài Ra còn 1 số thủ thuật khác nữa ,khác bạn tự tìm hiểu tiếp nha ,có thể tìm hiểu thêm tại đây :
Làm Mưa Tuyết Rơi Khi Click chuột :http://vn.myblog.yahoo.com/12a7-0708/article?mid=144
Thay Đổi ICON tâm trạng :http://vn.myblog.yahoo.com/12a7-0708/article?mid=174
Tạo Quick Comment cho Blog Plus :http://vn.myblog.yahoo.com/12a7-0708/article?mid=174
Tạo Nhạc Nền Hay Click Nhạc:http://vn.myblog.yahoo.com/12a7-0708/article?mid=128
Tạo 1 chiếc đồng hồ Cool cho blog : http://vn.myblog.yahoo.com/12a7-0708/article?mid=129
Thay đổi nút home thành hình động : http://vn.myblog.yahoo.com/12a7-0708/article?mid=130
Chát Box cho blog : http://vn.myblog.yahoo.com/anhphai_lamsao677/article?new=1&mid=251
Thay đổi footer theo ý mình :http://vn.myblog.yahoo.com/12a7-0708/article?mid=254

Chữ ký của kids_qv

Hãy cảm ơn bài viết của kids_qv bằng cách bấm vào "" nhé!!!

Về Đầu Trang Go down
Cám ơn bạn!tôi được cộng 1 điểm

[Thành viên]

Sponsored content

Status:


Bài gửiTiêu đề: Re: Hướng dẫn thiết kế blog Plus Today at 2:13 am



Chữ ký của Sponsored content

Hãy cảm ơn bài viết của Sponsored content bằng cách bấm vào "" nhé!!!

Về Đầu Trang Go down
Cám ơn bạn!tôi được cộng 1 điểm

Gửi bài mớiTrả lời chủ đề này
Tiêuđề

Hướng dẫn thiết kế blog Plus

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

.::Host up ảnh miểnphí: Clickhere! - Hướng dẩn sử dụng Diễn đàn:Clickhere!::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: Tin học :: Hướng dẫn thiết kế forum ,tạo web-
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create your own blog