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="https://s274.photobucket.com/albums/jj260/ahxl8/anhdong/?action=view&current=121.gif" target="_blank"><img src="https://2img.net/h/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 blogPhầ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="https://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="https://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="https://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.comA. Đă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="https://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="https://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="https://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.
:: 
Tổng số bài gửi
Money
Được Cảm ơn
Ngày Sinh :
Age
Đến từ
Tiêu đề: Hướng dẫn thiết kế blog Plus 
Hãy cảm ơn bài viết của 
" nhé!!! 
Clickhere!
