Công cụ tạo khung Popup cho blog/website

Đây là công cụ để tạo ra cửa sổ dạng popup một cách nhanh chóng. Bạn có thể sử dụng nó để tạo một nội dung thông báo cho blog của mình mỗi khi có khách truy cập với một số tùy chọn sau

  1. Thay đổi màu sắc của từng thành phần trong khung popup
  2. Nội dung của khung popup sử dụng mã HTML
  3. Thiết lập popup tự đóng sau khoảng thời gian nhất định hoặc tự tắt bằng tay

Cài đặt plugin jQuery

Do thủ thuật này hoạt động dựa vào jQuery nên bắt buộc blog bạn phải có plugin jQuery. Nếu blog bạn chưa có thì dán code sau trước thẻ đóng </head> trong template của bạn
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

Thêm khung Popup vào blog

Sử dụng công cụ bên dưới để lấy mã sau đó tạo một widget HTML/Javascrip mới và dán nội dung mã tạo được và lưu lại
6 Comments
Comments

6 comments

Hay lắm bạn! Cám ơn nhé!
Bạn có thể viết một bài hướng dẫn cách làm 1 form cho khách nhập dữ liệu và xuất ra code như bài này được không?
Chủ yếu là mình view source :-d
Nhưng bạn có thể tham khảo tài liệu sau để thực hiện việc này :d
tạo khung seach như trollvl thì làm sao nhỉ!
Mong anh hướng dẫn!
tks!^^
Bạn có thể tham khảo một số mẫu công cụ tìm kiếm dành cho blogger tại đây. Nếu muốn giống y blog của mình thì hẹn bạn trong thời gian sắp tới mình sẽ chia sẻ :D
9/10/13
:vi
bài hay quá...add ơi.Cần làm gì để tạo ra cái khung đen dưới cùng có chứa những nội dung của trang vậy.chỉ cho mình với
Yahoo của mình : Daiduonggia23@yahoo.com
Thanks nhé

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->