Hệ thống nghe nhạc xem phim cho vBulletin Forum-DnP Instant! Musicbox

August 28, 2009 by admin  
Filed under Download, Forum-VBB, Mã nguồn, Web

Đã lâu rồi webblogvn.com không lướt net để tìm các bài viết có chất lượng để post cho mọi người, hôm nay qua http://vietvbb.com thấy có bài viết về mod code music box quá hay nên webblogvn.com đã xin phép đưa về post cho mọi người cũng ngâm cứu.

Giới thiệu
DnP Instant! Musicbox là hệ thống nghe nhạc xem phim AJAX nâng cao và tương thích tốt với các trình tìm kiếm trên mạng. Nó có thể tích hợp với mọi phiên bản của vBulletin từ 3.5.x trở đi. DnP Instant! Musicbox còn có thể hòa hợp với skin của forum hoặc theo layout độc lập dựng sẵn, và với hơn hơn 100 thiết lập đang dạng để tùy biến với phong cách của riêng bạn.

Hệ thống giải trí số trực tuyến này được lập trình với công nghệ AJAX bởi DnP từ DnP Network™, Silveryhat viết mã và bổ sung từ những năm cuối 2008 và đầu năm 2009. Bản mã gốc được dùng từ những năm ‘06 với rất ích tính năng và không hỗ trợ AJAX. Thời gian gần đây, sau khi được nâng cấp và tối ưu qua nhiều giai đoạn, Musicbox này đã từng bước được chia sẻ rộng rãi trên thế giới mạng và hiện tại đang được quan tâm khá nhiều từ vB.org, và cả ở cộng động mạng Vn. DnP và Silveryhat sẽ cố gắng đem lại những sản phẩm tốt nhất cho cộng đồng vBulletin, bên cạnh MOD tường lửa trong thời gian qua.

Yêu cầu tối thiểu
- Máy chủ phải hỗ trợ AJAX
- Kỹ năng của Administrator phải trên mới trung bình vì bạn phải biết phân biệt đâu là lỗi do Host và đâu là lỗi do Musicbox. 90% các vấn đề là do máy chủ hoặc Forum chưa được cấu hình đúng cách.

Tương thích
- vBulletin 3.8.x
- vBulletin 3.7.x
- vBulletin 3.6.x
- vBulletin 3.5.x

2 Bước Cài Đặt Đơn Giản:

1. Gửi tất cả tập tin và thư mục bên trong thư mục “upload” lên thư mục của diễn đàn bạn.

2. Chạy forum_root/install_dnp_musicbox.php , nhấn Install Database để cài đặt dữ liệu mới cho DnP Instant! Musicbox. Trang web nhỏ này cũng hổ trợ 100% AJAX. Bạn xóa nó đi sau khi cài đặt hoàn tất.

[Quang trọng] : Đối với máy chủ UNIX, bạn phải CHMOD thư mục bạn đã gửi các tập tin và dữ liệu của DnP Instant! Musicbox thành 777 nếu gặp lỗi Permission.

Tùy chọn cấu hình :

  • Vào AdminCP » DnP Musicbox Options để thêm vào ca sỹ, thể loại mới .. trước khi bạn bắt đầu.
  • Sử dụng công cụ thay đổi cấu hình từ Musicbox Homepage » Administrator’s Quick Panel để thiết lập các tùy chọn cho Musicbox của bạn.

Bạn không cần thiết phải chỉnh sửa Template nào, ngoại trừ nếu bạn muốn thêm link musicbox và thanh Navigation

Chuyển đến điễn_đàn/music.php để chạy musicbox!

Tóm tắt
Bây giờ để không làm mất thời gian, chúng ta sẽ lướt qua những tính năng căn bản của DnP Instant! Musicbox với vài ảnh minh họa bự tổ bố.

Tính năng:

  1. Kích cỡ nhỏ, Nhanh và 95% lõi của hệ thống chạy AJAX.
  2. Hỗ trợ nhiều trình duyệt khác nhau, bao gồm những trình duyệt không chạy được Javascript và các bộ máy tìm kiếm.
  3. Hơn 100+ cấu hình tùy chọn để thay đổi và thiết lập Musicbox cho phù hợp với diễn đàn và sở thích cá nhân của bạn!
  4. Có thể tạo thông tin ca sỹ, thể loại, albums, danh sách nhạc cá nhân, lời nhạc v..v.
  5. Thành viên có thể đánh giá ca khúc bằng tính năng mới Ai Thích ? (Who Like It).
  6. Playlist lưu dữ liệu bằng cookie để giảm tải cho cơ sở dữ liệu và tăng tính an toàn.
  7. Giao diện được xây sẵn bởi công nghệ tích hợp cấu hình skin. Bạn không cần phải thay đổi bất kỳ giá trị nào. Xem mẫu vBulletin StyleStyle 1Style 2
  8. Các bước cài đặt đơn giản và ngắn gọn.
  9. Hoàn toàn tích hợp với vBulletin.
  10. [Xem ảnh] Có trang Playlist riêng để thành viên có thể nghe nhạc do mình chọn
  11. [Xem ảnh] Hầu hết các video clip từ các dịch vụ chia sẻ trực tuyến điều có thể chèn vào.
  12. [Xem ảnh] Hỗ trợ hiệu ứng Lightbox với mã được tối ưu nhanh và nhỏ.
  13. Hộp nhạc nghe liền ở trang chính chạy hoàn toàn bởi AJAX để nhanh chóng và tiện lợi hiển thị những ca khúc mới, yêu thích và được nghe nhiều nhất. Bạn hoàn toàn có thể cấu hình số bài hiển thị, kích cỡ hình mẫu, độ dài tên bài hát và thậm chí icon của kiểu file hiển thị. Còn gì nữa? Cách dàn trang ngang hay dọc của Instant! box sẽ là một quyết định khó cho bạn vì cả 2 điều nhìn khá ổn.

  14. Instant! box không chỉ có tiện lợi, nó còn được thiết kế rất kỹ lưỡng để vừa tiết kiệm không gian của trang vừa thuận tiện khi khách muốn tra cứu nhạc.

  15. Các chuyên mục được hoàn toàn hỗ trợ kỹ thuật AJAX

  16. Kèm theo cả công cụ gửi link nhạc lên các trang xã hội. Bạn có thể bật tắt dễ dàng

  17. Thành viên của diễn đàn bạn 8 (hay chửi nhau tối ngày) giỏi không? Chắc chắn bà con sẽ thích mục bình luận nhanh của DnP Instant! Musicbox. Chạy bởi công nghệ AJAX, mọi người điều có thể bình luận, đánh giá bình luận nhanh chóng mà không làm ảnh hưởng đến ca khúc đang nghe! Nếu một bình luận xấu, anh chị em chú bác 2 cô cháu và mấy bà hàng xóm điều có thể đánh giá nó xấu và sau quá nhiều điểm trừ bình luận đó sẽ bị giấu đi. Nếu họ không làm gì hết, bạn cũng có thể nhổ bỏ cái gai trong mắc chỉ với 2 lần click chuột. Tính năng xóa comment cũng chạy bằng AJAX.

  18. [Xem ảnh] mục đánh giá bình luận
  19. [Xem ảnh] Kèm theo trang nhận thông báo khi có link hỏng với 100% AJAX hoặc chạy thường.
  20. [Xem ảnh] Không chỉ vỏn vẹn là một trang nghe nhạc, hệ thống DnP Instant! Musicbox còn kèm theo các blocks đa dạng và hữu dụng. Chẳng hạn như hiển thị bài mới, bình luận mới, danh sách ca sỹ AJAX hoặc AJAX quick list,v..v.v
  21. Hỗ trợ FLV
  22. Có tính năng tự động nén tập tin javascript để giảm kích cỡ trang tải về nếu server hỗ trợ. (30kb có thể nén xuống 3kb hoặc cao hơn một chút)
  23. Cho phép dùng ảnh tự thích để làm hình thumbnail hiển thị cho một ca khúc.
  24. Bạn còn có thể hiệu chỉnh , thiết kế cửa sổ nghe nhạc chính cho Musicbox.

  25. Hỗ trợ tính năng Tắt Đèn khi xem phim.

  26. [Xem ảnh] Nội quy, Dặn dò của Admin trên trang gửi bài cũng được tích hợp sẵn
  27. [Xem ảnh] Trang cấu hình tiện lợi để ta không cần phải chỉnh tập tin thiết lập bằng notepad.
  28. Kèm cả bảng hướng dẫn gửi phim từ các dịch vụ chia sẻ trực tuyến nổi tiếng

  29. Có danh sách nhạc sỹ chạy bằng AJAX

  30. Tùy chọn tự động chạy một bài hát , ca khúc nhất định khi vào trang.
  31. Tính năng giới thiệu ca khúc khác khi đang xem một bài hát. Có thể thay đổi nhanh mà không cần tải lại trang vì nó chạy bằng AJAX

  32. [Xem ảnh] Có thể bật tắt chế độ không cần đánh Ảnh Verification chống spam nếu là Admin để gửi bài dễ dàng hơn.
  33. Trang Quick List có thể thay đổi nhanh nếu chạy ở chế độ Random List.
  34. Tùy chọn Logo cho FLV player

  35. Kèm cả tính năng đăng tin tức

Thôi, tui mệt rồi. Còn khoảng mấy chục tính năng nữa nhưng Silveryhat sẽ không liệt kê ra, bạn hãy từ từ khám phá nhé.

Demo :
Bản demo gốc là trang nhạc đang chạy ở DnP Network™
(bạn nhấn nút Continue để chuyển trang tường lửa bảo vệ đến trang chính)
http://silveryhat.com/delynie/music.php hoặc http://music.silveryhat.com/

Video Clips mẫu :
http://silveryhat.com/song498 (I will follow him) (Youtube)
http://silveryhat.com/song360 (We didn’t start the flame war) (CollegeHumor)
http://silveryhat.com/song221 (Khi con tim biết yêu (Love Paradise)) (DailyMotion)
http://silveryhat.com/song362 (Can’t let go) (FLV Player)

Nhạc mp3,wma mẫu :
http://silveryhat.com/song187 (No turning back)
http://silveryhat.com/song237 (Love Paradise)

Có ai thích nhạc tiếng anh xưa không ? Bạn thử nghiệm tính năng Search với các bài hát này
500 miles
Never on a sunday
Deborah
Love is blue
Leaving on a jet plane
Auld Lang Syne
Donna Donna
Greenfield
Knock Three Times
Seven lonely days
Am I that easy to forget
Please release me
I do my crying in the rain
River of no return
The Tennessee Waltz

Giới thiệu trang Musicbox của bạn ở đây:
Hãy gửi tin nhắn với đường dẫn của Musicbox của bạn cho Silveryhat và nó sẽ được đưa vào danh sách này.

Cập nhật: Shacker sẽ cập nhật phiên bản mỗi tuần hoặc tháng, tùy vào yêu cầu và các lỗi nếu tìm thấy.
»Xem các thay đổi cũ và cập nhật sắp đến

Cài đặt bản mới: Thao tác y chang cách bạn đã cài đặt. Trang cài đặt sẽ không làm mất dữ liệu hiện có mà thêm vào các dữ liệu mới cho bạn.

Hỗ trợ: Trong chủ đề này hoặc trang chủ dnp.silveryhat.com – DnP Instant! Musicbox Modification.

Những câu hỏi thường gặp
»CẨM NANG về DnP Instant! Musicbox

Chú ý : Cơ cấu dàn trang mặc định và các hình ảnh thuộc quyền sở hữu của DnP Network™,bạn không nên dùng chúng ở bất kỳ trang nào khác musicbox nếu không có sự đồng ý. Copyright có thể xóa bỏ nếu bạn đã mua bản quyền tên của musicbox. Và cuối cùng, bạn vui lòng không dùng musicbox này để tạo trang nhạc lậu. Tất cả điều sẽ là trách nhiệm của bạn khi nó liên quan đến những vấn đề này.

Đóng góp: dù bất kỳ là mã nguồn nào, MOD nào đi nữa cũng sẽ có bug lớn hay nhỏ. Và DnP Instant! Musicbox cũng không ngoại lệ. Vì vậy để cho nó phát triển tốt hơn và toàn vẹn hơn, Silveryhat sẽ cần đến sự giúp đỡ của các bạn đang sử dụng để nhanh chóng cải thiện và nâng cao các tính năng sau mỗi phiên bản được chia sẽ.

Nếu bạn đang dùng DnP Instant! Musicbox

Ưu tiên hỗ trợ cho các bạn đã Mark as Installed để Shacker có thể xác định phiên bản bạn đang xài, nhằm dễ dàng đưa ra giải pháp khi có vấn đề.
Đánh giá cho MOD.


Chúc bạn cài đặt thành công!

Vấn đề cuối , thật sự ra các trình tìm kiếm có lấy được thông tin nhạc không hay chỉ như các trang nhạc AJAX khác? :
Bạn có thể thử trang này hoặc trang này làm ví dụ.
Siterank của Silveryhat chưa đủ cao để vượt qua Youtube, ebaumsworld hay CollegeHumor, nên các từ khóa tìm kiếm dưới đây sẽ được thu gọn vào phạm vi tên diễn đàn, nhằm chỉ ra rằng Google hoàn toàn có thể lấy được thông tin từ Musicbox
Từ khóa : Leaving on a jet plane dnp , Honest Graduation Song dnp, Baby I would dnp, và My only regret dnp nữa.
Lệnh tìm kiếm trên site cũng cho ra các links nhạc đã được lưu trữ : allinurl:silveryhat.com/delynie/music.php

Bài viết gốc có thể tìm thấy ở
http://www.silveryhat.com/delynie/f130/dnp-instant-musicbox-h-th-ng-nghe-nh-c-xem-phim-cho-6867.html

Bộ sưu tập 200+ đoạn mã Javascript

Những đoạn Javascript là đồ nghề không thể thiếu với dân thiết kế web. Tuy nhiên, để tìm được những đoạn mã phù hợp, có thể bạn phải bỏ ra khá nhiều thời gian “lùng sục” khắp nơi trên Internet. Vậy tại sao bạn không sử dụng JavaScript Collector(JC), một tập hợp trên 200 đoạn mã JavaScript với rất nhiều chủ đề khác nhau.
Chạy chương trình lần đầu tiên, một hộp thoại sẽ hỏi bạn có muốn thiết lập đường dẫn đến các file thực thi của trình duyệt web đang cài trong máy hay không. Bạn nên chọn Yes, tiếp đó nhấn nút Change Internet Explorer Path/Mozilla Firefox Path/Opera Path và chọn file thực thi (*.exe) của trình duyệt tương ứng. Nhấn Save Browser Settings để lưu các thay đổi.

Chương trình gồm trên 200 đoạn mã hay được sưu tầm từ nhiều nguồn khác nhau và sắp xếp theo cấu trúc hình cây với 23 mục (Background Effect, Banners, Forms, Games, Text Effect, Mouse Effect, Tool & Utilities…).

Muốn xem script nào, bạn chỉ cần nhấn vào tên của script đó và code sẽ được hiển thị ở khung bên phải. Để kiểm tra script này có phù hợp với nhu cầu của mình hay không, bạn nhấn vào biểu tượng của các trình duyệt web phía dưới để xem trước script này sẽ thể hiện như thế nào khi đưa lên web. Nếu cần phải thay đổi tham số của script, bạn nhấn Edit Code và soạn lại theo ý thích.

Muốn đưa thêm những đoạn mã khác vào cơ sở dữ liệu của chương trình, bạn chọn thẻ Add Snippets, chọn chủ đề tương ứng, sau đó nhấn Save Snippet để lưu lại.

Tìm kiếm Script: Để tìm kiếm hãy nhập vào chuỗi kí tự cần tìm trong thẻ Search Snippets và nhấn Search để chương trình tìm kiếm giúp bạn.

Download
http://www.mediafire.com/?ymvsihytyy9

10 lý do để học CSS ,DIV thay cho Table

Sử dụng CSS hiệu quả sẽ tương tự như sử dụng cấu trúc nội dung với HTML. Với cấu trúc HTML, chúng ta chỉ giữ lại các tag cho đoạn văn, các tag tiêu đề

1. Xây dựng một nền tảng để thay thế các phương thức cổ điển của Web. Tổ chức World Wide Web Consortium (W3C) tạo ra CSS để thay thế các bảng (table), các thẻ font, frame và các dạng “hack” thẻ HTML để tạo hiệu quả cho website Với tôi, CSS mang lại hiệu quả công việc cao hơn. Nhìn cái tag font rối rắm là tôi thấy nản. Coder muốn sửa chữa gì cũng mệt vì sự rối rắm của nó. Trong trường hợp muốn thay đổi về thiết kế của code, bạn lại đụng tới khá nhiều mảng của coder. Còn nếu sử dụng css, việc chỉnh sửa rất đơn giản, không phụ thuộc vào coder.

2. Tăng tốc độ website.
Thời gian load một website sẽ nhanh hơn. Dung lượng của một trang web sẽ nhẹ hơn 50% so với cách làm cổ điển.
Theo cơ sở của DOM thì:
- Table: web browser phải load cả <table>…</table> thì mới có thể dựng thành DOM tree và hiển thị ra màn hình.
- Div: chỉ cần load <div>..</div> là đã có thể dựng được DOM tree và hiển thị.
Như vậy, quá trình hiển thị 1 trang table-less sẽ nhanh hơn 1 trang table. Hơn nữa, cùng 1 cấu trúc nhưng DOM tree của table sẽ lớn và phức tạp hơn của div rất nhiều, điều này cũng ảnh hưởng đến bộ nhớ và tốc độ xử lý của browser.
Chưa kể, cùng 1 trang nhưng nếu dùng table thì code HTML sẽ lớn hơn dùng div. Code CSS có dùng div có thể sẽ lớn hơn, nhưng CSS được load 1 lần, sau đó được cache trên client.

3.Thời gian phát triển website nhanh hơn
Thông qua một thao tác về thiết kế: thay đổi CSS, thì hàng ngàn trang web sẽ được thay đổi theo.

4. Typography thể hiện ngầu hơn
CSS có khả năng kiểm soát mạnh mẽ hơn tag FONT rất nhiều. Chúng ta có thể kiểm soát chiều cao giữa các dòng, thay màu font, các font theo họ – tức là không có font này, sẽ tự chọn font tiếp theo trong danh sách, và nhiều nhiều hơn thế.

5. Dễ viết
Bạn có thể tạo và thay đổi CSS dễ dàng như khả năng làm code HTML thủ công.

6.Khả năng phát triển.
Sử dụng CSS hiệu quả sẽ tương tự như sử dụng cấu trúc nội dung với HTML. Với cấu trúc HTML, chúng ta chỉ giữ lại các tag cho đoạn văn, các tag tiêu đề (H1 -> H6), bảng dành cho một số ít bảng biểu đặc biệt, bạn sẽ tăng khả năng đáp ứng lượng khách viếng thăm mà không cần xây dựng một phiên bản độc lập để giảm tải.

7. Thiết kế dành cho in ấn cũng đẹp như dành cho web. CSS hỗ trợ tốt cho một khi bạn cần in ra, chẳng hạn in ấn, hay PowerPoint

8. Dễ kiểm soát thông qua vị trí các thành phần trên web. Việc đánh ID trên từng thẻ DIV, sẽ dễ dàng hơn cho bạn khi cần kiểm soát và hỗ trợ tốt cho Ajax.

9. Các trang web tách biệt phần thiết kế và nội dung. Giữ lại thiết kế trong một file liên kết, bạn có thể tiết kiệm nhiều thời gian khi cần thêm bớt các thành phần của một trang web.

10. Cải thiện vị trí trong các website tìm kiếm. Với cách sử dụng HTML cho phần nội dung mà thôi, bạn đã loại bỏ các tag định dạng phức tạp cho thiết kế. Điều này là cho các website tìm kiếm index (tạo chỉ mục) website của bạn tốt hơn, và sẽ là tăng thứ hạng của website.

Các thẻ Meta trong HTML

August 19, 2009 by admin  
Filed under Công cụ hỗ trợ, Ngôn ngữ lập trình

Thẻ là một thành phần quan trọng trong file HTML, nó chứa các thông tin về file HTML đó như tên tác giả, các từ khoá, các thông tin mô tả site đó… Và có thể có 1 số thông tin điều khiển trình duyệt, chỉ định cho các máy tìm kiếm, …
Thẻ Meta có có cấu trúc như sau:

<META NAME=””  HTTP-EQUIV=”” CONTENT=”” SCHEME=”” >

Trong đó NAME là tên của thẻ Meta, còn CONTENT là giá trị tương ứng với NAME đó, nội dung trong CONTENT chỉ có thể là Text chứ ko thể có các thẻ HTML trong đó.
SCHEME là định dạng của giá trị, ví dụ SCHEME=”Day-Month-Year” là định dạng ngày tháng năm
Không có chuẩn cho những thuộc tính của trong thẻ meta vì vậy bạn có thể tự định nghĩa thoải mái những
<META NAME=author CONTENT=”Tac gia”>
Một vài những bộ máy tìm kiếm như Google, sử dụng các meta keywords, description để  dựa vào đó để tìm kiếm thông tin

<meta name=”description” content=”VietNam PHP Blog, Việt Nam PHP Blog” />
<meta name=”keywords” content=”php, phpvn, phpvietnam, php vietnam, php vn, phpvn.info, vietphp, phpviet” />

Để tránh bị cắt cụt bởi máy tìm kiếm thì thông tin mô tả (description) nên nhỏ hơn 200 kí tự, từ khoá (keyword) được viết cách nhau bởi dấu phẩy, và không phân biệt hoa thường, nếu có quá 2 từ khoá trong thẻ meta thì 1 vài máy tìm kiếm sẽ không lưu trang của bạn lại. Các bộ máy tìm kiếm hầu như chỉ làm
Một vài bộ máy tìm kiếm còn sử dụng thẻ meta robots để xem trang mà nó vào có được phép lưu lại hoặc đi tiếp các link khác trong site hay không.
Giá trị của thẻ robots như sau:
– index: bộ máy tìm kiếm sẽ lưu trang này lại để giành cho việc tìm kiếm
– noindex: bộ máy tìm kiêm sẽ không nên lưu trang này
– follow: bộ máy tìm kiếm sẽ đi tiếp các Link trong trang này
– nofollow: bộ máy tìm kiếm sẽ không đi tiếp các Link trong trang này
– all tức là bao gồm index, follow
– none tức là noindex, nofollow
Ví dụ như sau: bạn muốn các bộ máy tìm kiếm ko lưu trang của bạn nhưng vẫn đi tiếp các link trong trang như sau:

<META NAME=robots CONTENT=”noindex,follow”>
Thuộc tính HTTP-EQUIV dùng để thay thế thuộc tính NAME trong 1 số trường hợp ví dụ:
<META HTTP-EQUIV=Expires CONTENT=”Thu, 29 Nov 2008 16:18:42 GMT”>
Thiết lập thời gian tồn tại của trang đó tới thời điểm nào
<META HTTP-EQUIV=”Content-Script-Type” CONTENT=”text/javascript”>
<META HTTP-EQUIV=”Content-Style-Type” CONTENT=”text/css”>
<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=Shift_JIS”>
<META HTTP-EQUIV=Refresh CONTENT=”10; URL=http://www.htmlhelp.com/”>
Tự động refesh trang đó sau 10s, ko phải tất cả các trình duyệt đều hỗ trợ thẻ meta này.

Nhiều bộ máy tìm kiếm theo từ khoá chỉ sử dụng các thông tin trong thẻ meta để tìm kiếm dựa trên những từ khoá đã được viết sẵn trong thẻ keyword mà không tìm kiếm trong toàn từ ngữ trong site và kém hiệu quả hơn những bộ máy tìm kiếm toàn bộ những từ khoá trong site. Những bộ máy tìm kiếm toàn bộ site sẽ sử dụng các thông tin metadata để đánh thứ hạng tìm kiếm cho site. metadata mà bạn thích. Ví dụ bạn có thể định nghĩa thông tin tác giả: việc với 1000 kí tự đầu tiên trong thẻ meta keyword.

Evolution Blue – Một phong cách Pro

June 26, 2009 by admin  
Filed under Forum-VBB, Web

Skin gốc của ForumThemes

LIVE DEMO: http://demo.vietvbb.vn/index.php?styleid=22

xHTML Validate: http://validator.w3.org/check?verbos…3Fstyleid%3D22
CSS Validate: http://jigsaw.w3.org/css-validator/v…3Fstyleid%3D22

Theo cảm nhận riêng thì rất đẹp, phong cách khá pro và thích hợp nhiều loại forum khác nhau.

Dùng postbit legacy sẽ đẹp hơn postbit thường

Muốn thay đổi gì ở sidebar thì vào template footer.

Cứ từ từ mà thưởng thức nhé

Hướng dẫn
1. Click Thanks
2. Download và giải nén
3. Upload thư mục styles vào forum root (ngang hàng index.php)
4. Import XML
5. Done !

Tạo diễn đàn cho Wordpress

May 31, 2009 by admin  
Filed under Blog WP, Bờ lốc

Web/Blog của bạn sử dụng mã nguồn Wordpress đang phát triển mạnh,và ko có chỉ bạn viết bài và post bài mà , giờ đã có nhiều Mem cùng tham gia cùng với bạn để đóng góp nội dung, việc phân cấp viết bài trong WP còn dưới hạn, hay việc thảo luận bằng Comment còn hạn chế, vậy có gì thuân lợi hơn nếu bạn có một cái forum tạo sân chơi cho các mem của bạn, Simple:Press Forum là một giải pháp hoàn hảo cho các bạn.

Demo bằng hình trên cho các bạn rõ

Để sử dụng , trước tiên bạn phải Download plugin này về đã nhé

Hãy click here ( có tất cả các skin cho bạn lựa chọn trong bộ mã nguồn này)

sau đó bạn hãy cho nó vào thư mục plugins như bao plugin khác, sau đó cũng làm những việc cũng chẳng khác trong việc cài đặt một plugin là active cái plugin này
upgrade-12

Sau đó bạn thấy trên trong trang Dashboard của bạn hiện thị Forum bạn click vào đó

upgrade-31

Click vào Install Simple: Press Forum
upgrade-4

Bạn tiếp tục click vào Perform Installation
upgrade-6

Như thế này là bạn đã thành công một nửa

Để sử dụng Forum bạn vào phần
upgrade-7

Để lựa chọn và sử dụng

Các chức năng để quản lí diễn đàn là

  • Manage Forums: Để quản lí các chuyên mục, nhóm chuyên mục,và phần quyền ai có thể sử dụng các chuyên mục
  • Manage Options: Controls the large array of options available that affect the display and formatting of your forums as well as determining what will be shown. Also controls the style of the forum and the icons used.Quản lí các lựa chọn để cho phép hiện thị , hay định dạng hiện thị cho 4rum
  • Manage Components: Chức năng quản lí  soạn thảo nội dung trong 4rum
  • Manage User Groups: Quản lí nhóm  thành viên và cài đặt chức năng , phân quuyền cho usẻ
  • Manage Permissions: The heart of the forum security where you decide which members and guests can perform which tasks and apply restrictions.Chức năng để cài đặt một số chức năng bảo mật
  • Manage Users: Your view into your membership, their forum posts, subscriptions and private message usage.Quản lí thành viên về các chức năng như tin nhắn cá nhân hay các thông tin cá nhân cho user
  • Manage Admins: Các cài đặt khác cho Admin
  • Manage Database: Chức năng quản lí data
  • Online Help:

Tổng hợp Galery photo cho Web/Blog(phần1 )

Chào các bạn, bạn muốn blog của mình ( bạn đang sử dụng WP) có một Bộ sưu tập Galery ảnh thật hoành tráng, thật chuyên nghiệp thì bạn phải làm gì, có rất nhiều bạn đã gặp khó khăn khi phải đối diện với vấn đề này, đặc biệt với những người hạn chế về lập trình hay thiết kê.Chính vì vậy hôm nay, Webblogvn.com xin gửi tới các bạn một loại các tool về Galery cho các bạn tiện sử dụng

1.Tool Galery photo của GreyBox.

Điểm mạnh của tool này là bạn có thể sử dụng cho bất kỳ trang web hay blog nào( nếu bạn can thiệt được code vào)

Để sử dụng cũng rất dễ dàng với Tool này

Download GreyBox ( Download xong bạn hãy upload nó vào với theme/skin/templates đang sử dụng và

thêm doạn code sau vào phần head của trang web / Blog

<script type="text/javascript">
    var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>
Tiếp tục thêm các phần sau :

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Để hiện thị Galery của mình bạn hãy đưa vào bài viết( entry) / trang của mình code sau

<a href="link den anh1" rel="gb_imageset[nice_pics]" title="Ten anh 1">
   <img src="link den anh1" />
</a>
<a href="link den anh2" rel="gb_imageset[nice_pics]" title="Ten anh 2">
   <img src="link den anh2" />
</a>
Các bạn có thể xem demo tại đây
http://orangoo.com/labs/GreyBox/
2.jQuery lightBox plugin
Dowload tại đây
Sau khi download về bạn cũng up vào thư mục theme/skin/templaté mà web bạn đang dùng
Rồi hãy thêm vào trong phần head của web đoạn code sau:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
và
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
Để sử dụng được bạn hãy dùng code sau cho vào bài viêt/ trang web của bạn
<a href="link den anh"><img src="link den anh" width="72" height="72" alt="" /></a>
Demo : http://leandrovieira.com/projects/jquery/lightbox/

3.jQuery Lightbox Plugin (balupton edition)

DOWNLOAD:
http://github.com/balupton/jquery_lightbox_bal/downloads

Sử dụng :

Thêm đoạn code

<a rel=”lightbox-myGroup” href=”link den anh

” >


<img src="link den anh" width="72" height="72" alt="" /></a>






8 vBulletin Skins 3.7

May 3, 2009 by admin  
Filed under Download, Forum-VBB, Mã nguồn, Web

Chào các bạn , VBB hiện đang làm mã nguồn Forum thịnh hành nhất hiện nay, chính vì vậy nó được sử dụng rất nhiều, và được chia sẻ mọi tài nguyên về nó.Một trong những tài nguyên được nhiều người tìm kiếm cho VBB đó là các skin.

Hôm nay webblogvn.com xin dưới thiệu một số skin đẹp cho VBB,Bài viết được trích từ freecodevn.com




Skins Names:

* Dark X
* MU Online
* Media
* Paper Crane
* Ipod Style
* Friendship
* Valentine
* Bank

pass để giải nén : www.haiphongvip.12h.us

Trình làng ebook đồ sộ ” 1001 cách làm web , blog và forum ” phiên bản 3.0

October 28, 2008 by admin  
Filed under Download, Ebook



Sau thời gian lo phát triển blog, nay webblogvn.com nổi hứng sưu tập và bổ sung thêm vào cuồn ebook “1001 cách làm web, blog và forum” thêm một vài cách tạo web và blog mới, bạn hãy nhìn cây thư mục các chương trình kiến thức về ebook này nhéĐã có các nội dung kiến thức sau :

A.Các công cụ hỗ trợ cho bạn trong quá trình làm web, blog

I.Các thuật ngữ chuyên ngành(mới cập nhật , bổ sung)

II.Các công cụ cụ thể:

1.Host và domain:

a.Cách cài đặt Local host

b.Danh sách các free host và free domain, subdomain(mới cập nhật , bổ sung)

c.Hướng dẫn sử dụng FTP và CHMOD

2.Các ngôn ngữ lập trình

a.HTML

b.PHP

c.ASP

d.CSS

B.Phần thiết kế

1.Blog:

a.Blog 360 Yahoo

b.Blog 360 plus(mới cập nhật , bổ sung)

cBlogger(mới cập nhật , bổ sung)

d.Mash Yahoo

e.Opera

f.Wordpress

2.Web

a.Nuke việt

b.Web nghe nhạc trực tuyến

c.Web nghe nhạc trực tuyến bằng Xtremedia(mới cập nhật , bổ sung)

d.Webportal Drupal(mới cập nhật , bổ sung)

e.Webportal Joomla

3.Forum( diễn đàn)

a.IPB

b.Invision free

c.VBB

d.WebwizForum( ASP)

Sẽ cập nhật nội dung tiếp cho phiên bản sau:

A.Công cụ nâng cao:

1.Kỹ thuật đồ họa , trang trí thiết kế màu sắc cho web, blog

B.Thiết kế

1.Blog

g.Bo-blog

h.Nucleus

i.Các hệ thống blog việt

2.Web

c.Xtremedia

-Bổ sung các mod cho xtremedia

-Tổng hợp các tempalate đẹp cho Xtremedia

d.Drupal

-Hướng dẫn sử dụng phân quyền ,quản lý user( Người dùng)

-Tiếng việt cho drupal

f.Webshop

g.Webgalery

C.Phần nâng cao

-Các nội dung đẻ nâng cao cho web, để web hoạt động hiệu quả,chuyên nghiệp và phát triển nhanh

-Kiếm tiền cùng với web blog

Các bạn đón đọc nhé

Các nội dung kiến thức trên được webblogvn.com trích dẫn, lấy nguồn, có chỉnh sửa và biên tập thành ebook.Webblogvn.com không hề thay đổi quyền tác giả, và có các hình thức thương mại với các bài viết này.Do đó những ai là tác giả của các bài viết được trích nguồn trong ebook này xin liên hệ với webblogvn.com để bổ sung quyền tác giả.

Các thông tin khác

+Giá : 0 VND ( free ebook)

+Tác giả : webblogvn.com

Do ebook được viết và chia sẻ miễn phí nên , webblogvn.com cũng mong muốn các bạn góp một ít công sức nhỏ , đó là bấm vào quảng cáo của chợ điện tử được đặt trên www.webblogvn.com để www.webblogvn.com có thêm chi phí cho ra các ebook khác tốt hơn.

Xin chân thành cảm ơn các bạn

image ===> Trên Box.net

image ===> Trên Mediafire

Share mã nguồn phân 2

May 28, 2008 by admin  
Filed under Download, Mã nguồn

Module_Forums phpbb cho nukeviet

Đây là phiên bản mới nhất của module_forum phpbb cho hệ thống nukeviet. Nó đã được vá tất cả các lỗi bảo mật được phát hiện từ trước đến nay, đồng thời nó cũng được sửa đôi cho phù hợp với php 5.x. Việc cài đặt hay nâng cấp nó rất đơn giản. Bạn chỉ việc upload tất cả các files trong thư mục public_html lên webroot (Nơi chứa nukeviet), sao cho file install_forum.php nằm cùng với các files: mainfile.php, header.php… của nukeviet. Mở trình duyệt IE, trên dòng address gõ dòng lệnh: http://tên_site_của_bạn/install_forum.php
Bạn cần lựa chọn 1 trong 2 phương án:
1/Cài mới
2/Nâng cấp lên 2.0.10
1/Cài mới:
Nếu cài mới, bạn hãy nhấn chuột vào nút cài mới. nếu thành công, hệ thống sẽ báo
cho bạn biết.
Việc tiếp theo là xóa các files cài đặt (install_forum.php,
modules/Forums/install_forum.php,
modules/Forums/update_to_209.php và modules/Forums/update_to_210).
2/Nâng cấp:
Nếu nâng cấp, bạn cần thực hiện lần lượt (theo đúng trình tự) 2 công đoạn:
- nâng cấp lên 2.0.9 bằng cách nhấn vào link nâng cấp 2.0.9
- nâng cấp lên 2.0.10 bằng cách nhấn vào link nâng cấp 2.0.10
Khi đã xong xuôi, bạn cũng cần xóa các files cài đặt được nêu ở trên.

Ma nguon music online

Mã nguồn music online . Demo: http://mp3vietnam.net
Đa test tren localhost -> good.

gCards

Demo : http://www.gregphoto.net/ecards1

Coppermine Photo Gallery v1.1.0

Coppermine Photo Gallery là một picture gallery script. Người dùng có thể upload pictures với một web browser, xem các picture đã được up lên, đánh giá pictures, để lại tin nhắn và đặc biệt là send picture đi như một ecard. Những người điều hành (admins) có thể quản lý galleries ảnh (di chuyển, edit, delete, ban user ….) và đóng gói một lượt nhiều pictures đã được up lên server bằng ftp vào một album bất kì.

Forum TBB v1.0 do Sun phát triển và Việt Hóa

Đây là loại forum viết bằng PHP rất thông dụng, ko cần cài đặt, ko cần CSDL MySQL!
Dùng thông dụng với free host t35.com!

Hướng dẫn cài đặt

Chỉ cần upload lên host có hỗ trợ PHP,

Sau đó bạn đăng kí tài khoản đầu tiên là quyển quản trị admin

image ===> Trên Box.net

image ===> Trên Mediafire

image ===>Trên viêtupload

image ===>Trên Megauupload

Next Page »