.:: Hãy sống luôn lạc quan yêu đời ::.

Tên blog

Sửa Đóng

Bài mới nhất

Sửa Đóng
Tuy nhiên, do không có thời gian và cũng không biết bắt đầu từ đâu, nên bài này đến nay mới được viết, sau một thời gian tổng hợp một số câu hỏi của các bạn... Bài viết này sẽ bổ sung thêm một số phần nhỏ đơn giản thôi, để các bạn có thể sử dụng Plus tốt hơn. Dài dòng thế cũng đủ rồi, giờ thì đi vào vấn đề chính nhé !

Trước khi đọc viết , c bài khuyến cáo các bạn đọc trước Bài Này, để biết cách sử dụng CSS up ảnh, lấy link ảnh nhé ! Lưu ý : Để hiển thị tốt nhất nội dung bài viết, bạn nên dùng trình duyệt web Mozilla Firefox 3.03 nhé ! (Rê chuột vào để phóng to ảnh nhé !)

1 - Cài đặt Theme đứng yên :

Có khá nhiều bạn thắc mắc vấn đề cài theme sao cho ảnh nền vẫn đứng yên khi ta di chuyển thanh trượt. Vì thế mình cũng xin post lại ( mặc dù post hơi bị nhiều rồi :P ). Dùng Code này 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;}

Sử dụng Code này, các bạn cần lưu ý một số điều sau :
  • #ma_mau : Đây là mã màu theo hệ HEX . Các bạn nên chọn mã màu phù hợp với màu của ảnh nền. Nếu ai chưa biết xử lý vụ mã màu này như thế nào thì cũng đơn giản thôi. Bạn vào Bài Này để lấy mã màu phù hợp và thay vào nhé . Ví dụ : Nếu mình chọn màu nền là màu trắng, thì #ma_mau sẽ là #FFFFFF
  • fixed : Đây là thuộc tính làm cho theme đứng yên khi ta di chuyển thanh trượt.
  • repeat : Thuộc tính lặp lại ảnh nền ( tràn khắp Blog ). Nếu bạn nào dùng ảnh nền có kích thước nhỏ thì nên dùng thuộc tính này để ảnh tràn khắp blog nhé !
  • no-repeat : Nếu đã có ảnh nền kích thước từ 1024x768 px trở lên, và không muốn ảnh sẽ lặp thì các bạn có thể thay repeat thành no-repeat nhé !
  • center : Vị trí đặt ảnh là ở giữa Blog. Ngoài ra còn có các thuộc tính : top ( đặt ở phía trên ) và bottom (Đặt phía dưới cùng) , Nếu mốn đặt ảnh nền tại vị trí nào các bạn có thể thay center bằng thuộc tính mình thích nhé !

2 - Làm nền cho Entry Bài Viết :

Có thể dùng Code sau :

Code:
#article_list_module .bd, .mod-alist-full .main-bd {background:transparent url(Link Ảnh Nền);}

Thay link ảnh nền vào nhé ! Bạn nào không biết lấy link ảnh như thế nào thì xem lại Bài Này .

3 - Thêm 1 số cách post ảnh vào Blog :

a > Post ảnh từ một trang web nào đó :

Khi lướt web hoặc tại một số trang chia sẻ ảnh nào đó, bạn nhìn thấy một tấm ảnh nào đó đẹp, và muốn sử dụng ảnh đó vào bài viết hay comment của mình nhưng không biết làm thế nào, vậy thì có thể làm như sau nhé : (Ở đây mình lấy ví dụ tại 1 entry share ảnh động của mình)

  • Bước 1 : Bạn chọn tấm ảnh mình muốn lấy, và dùng chuột bôi đen tấm ảnh đó :

  • Bước 3 : Vào bài viết hoặc comment của mình, và nhấn Ctr + V . Thế là ảnh đã được load vào rồi nhé. Giờ chỉ còn viết tiếp và lưu là xong !


b > Post ảnh trực tiếp lên Blog, sử dụng công cụ của Yahoo Plus :

Mới đây Plus đã hộ trợ chức năng post ảnh trực tiếp lên Blog và sử dụng ngay tại bài viết hoặc comment, để sử dụng tính năng này các bạn làm như sau nhé :

Bước 1 : Lấy 1 tấm ảnh muốn sử dụng.

Bước 2 : Vào phần viết Blog hoặc comment, click vào nút Insert Image () nhé.

Bước 3 : Một cửa sổ hiện ra, chọn Tải Hình Từ Máy Tính, và click Tiếp :



Bước 4 : Chọn Thư mục đặt ảnh, ghi tag cho ảnh, và click Browers để chọn ảnh nhé ! Bạn có thể chọn 10 tấm ảnh .



Bước 5 : Click Xong, và chờ một lát, ảnh sẽ tự động up lên host của Plus. Sau đó chọn ảnh muốn post vào Bài Viết và click chèn nhé ! Thế là xong !

4 - Chèn nhạc từ nhaccuatui.com vào Bài Viết, hoặc Module:

Bước 1 : Đầu tiên bạn vào trang nhaccuatui.com và chọn 1 bài hát ( hay 1 list ) muốn chèn.
Bước 2 : Copy phần Code ở ô Copy vào điễn đàn :


Bước 3 : Mở 1 file Notepad và paste đọan Code khi nãy vào nhé ( Start > Run > notepad hoặc click chuột phải vào Desktop chọn New > Text Doccument) :

Đoạn Code copy được sẽ như thế này :

[FLASH]http://www.nhaccuatui.com/m/PSaVHKoVKs[/FLASH]

Bạn xóa phần [FLASH][/FLASH] đi, code sẽ còn như thế này :

http://www.nhaccuatui.com/m/PSaVHKoVKs

Bước 4 : Thay đọan code vừa xử lý vào đọan Code này :

Code:
<embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=Thay_vao_day" width="100%" height="150"></embed>

Ví dụ : Sau khi thay link trên vào code, code của mình sẽ như thế này :

<embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=http://www.nhaccuatui.com/m/PSaVHKoVKs" width="100%" height="150"></embed>

Lưu ý : Trước khi post vào Bài viết, bạn phải check nút HTML nhé !!!
  • Bạn thay link vào chữ Thay_vao_day thôi nhé, và nhớ là vẫn còn dấu " .
  • Đối với phần width="100%", nếu post vào Bài viết nên sửa thành width="100"
  • Đối với height="100", bạn có thể thay bằng các giá trị khác cho phù hợp với Module hoặc Bài viết. Theo mình thì với bài viết chỉ nên set height="30" .

5 - Chèn nhạc từ mp3.zing.vn :
 
Cách làm cũng khá giống với nhaccuatui. Các bạn làm như sau nhé :

Bước 1 : Vào mp3.zing.vn và chọn bài hát cần chèn vào.

Bước 2 : Mở bài đó tại Zing. Và chọn Skin để post vào Blog. Copy đọan Code dành cho Forum của zing :


Đọan Code này sẽ như sau :

[FLASH]http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ[/FLASH]

Bước 3 : Cũng làm như trên, xóa 2 khóa [FLASH] và [/FLASH] đi, đọan code còn lại sẽ như thế này :

http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ

Bước 4 : Tương tự, thay đọan Code trên vào đây :

<embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=Thay_vao_day" width="100%" height="150"></embed>

Ví dụ :

<embed type="application/x-shockwave-flash" allowScriptAccess="none" src="http://img517.imageshack.us/img517/4021/loadingmoduleih0.swf?ketnoi=http://static.mp3.zing.vn/skins/black/flash/player/mp3Player_skin7.swf?xmlurl=http://mp3.zing.vn/blog/?NS9lNS81ZTU1ZDZmZWUyYTY1NzI0MWZmNGMxOGZiMzQ1OGVhNC5cUIbaBmUsICDN8Tm90IGZhmUsIC2hpWeB25hYmxlIG5vInagaMEdCB0WeByBzmUsICGVdUngZCBcUIbaBWeB25leSAoIOS4jea9rdUngS4jeeUqOiKsemMoiApfEzDom0gVHXhdUngqVdUngIEcUIbaBp4WeBdUngHdCAvInagaMEIEpKIExpWeBiAvInagaMEIOael-S_idUngadsHxmYWxzZQ" width="100%" height="150"></embed>

Thế là bạn đã có thể chèn nhạc vào blog từ zing rồi đó !! Nhớ check nút HTML trước khi post vào Bài Viết nhé bạn !!

6 - Thay border (Đường Viền) cho Blog :

Mình có share một số mẫu Border làm sẵn, các bạn có thể tham khảo tại Đây Đây.

7 - Làm Trong Suốt một số phần ở Blog :

Xem Bài Này nhé !

Vậy là xong thêm 1 bài nữa rồi . Fèw, mỏi tay wóa ... ^^! Nếu mọi người còn vấn đề nào thắc mắc cứ pm bên dưới, mình sẽ update thêm nhé !

P/S : Như các bạn đã thấy ở 2 phần post nhạc của mình, cách làm khá giống nhau đúng không ?? Vì thế các bạn có thể áp dụng cách này cho các trang nhạc tương tự !! Rảnh mình sẽ post riêng 1 bài về phần này nhé !