Bài đăng

Click chuột vào button, một hộp thoại hiển thị

Bởi Thiết kế website và Marketing -
Hình ảnh
Giới thiệu: Một trong những ứng dụng của tiện ích jQuery. Khi ta click chuột vào nút nhấn, một hộp thoại sẽ hiển thị.  Lưu ý là nội dung trong hộp thoại không được enter xuống hàng (nghĩa là phải viết liền trong một câu). Muốn cho câu xuống dòng thì space (tạo khoảng trắng nhiều cho đến khi thấy chữ xuống hàng là được).  Vidu: CÁCH THỰC HIỆN  1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1: Yêu cầu phải có jQuery. (Có rồi thì bỏ qua) Chèn code bên dưới vào dưới <head> <script src='http://kenhdaihoc.com/blogger/jquery.min1.4.3.js' type='text/javascript'/> Bước 2: Cho vào bài viết, template, hoặc widget (tiện ích) với đoạn script sau: <script type="text/javascript"> jQuery(document).ready(function(){   jQuery("#Name").click(function(){     alert("NỘI DUNG HIỂN THỊ TRONG HỘP...
Đăng nhận xét
Đọc thêm

Click chuột vào button, một hộp thoại hiển thị

Bởi -
Hình ảnh
Giới thiệu: Một trong những ứng dụng của tiện ích jQuery. Khi ta click chuột vào nút nhấn, một hộp thoại sẽ hiển thị.  Lưu ý là nội dung trong hộp thoại không được enter xuống hàng (nghĩa là phải viết liền trong một câu). Muốn cho câu xuống dòng thì space (tạo khoảng trắng nhiều cho đến khi thấy chữ xuống hàng là được).  Vidu: CÁCH THỰC HIỆN  1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1: Yêu cầu phải có jQuery. (Có rồi thì bỏ qua) Chèn code bên dưới vào dưới <head> <script src='http://kenhdaihoc.com/blogger/jquery.min1.4.3.js' type='text/javascript'/> Bước 2: Cho vào bài viết, template, hoặc widget (tiện ích) với đoạn script sau: <script type="text/javascript"> jQuery(document).ready(function(){   jQuery("#Name").click(function(){     alert("NỘI DUNG HIỂN THỊ TRONG HỘP...
Đăng nhận xét
Đọc thêm

Hướng dẩn chèn Emoticons vào comment

Bởi Thiết kế website và Marketing -
Hình ảnh
Giới thiệu:  Khung Đăng Nhận xét của blogspot là một trang riêng được chèn vào blog thông qua thẻ iframe, và Google không cho ta quyền can thiệp vào khung “Đăng nhận xét” này. Đó là lý do mà không đưa được bộ gõ riêng cũng như emoticons vào khung “Đăng nhận xét”. Với bộ gõ thì dường như không thể, cho đến khi nào Google tích hợp thêm vào. Còn với Emoticons thì thật may là có hàm replace, sử dụng hàm này để thay đổi ký tự thành hình ảnh. Và như thế Blogspot đã có Emoticons, cho dù việc nhập Emoticons vẫn không thể theo kiểu click. Đặc biệt: Hiển thị tốt trên cả IE (Internet Explorer).  CÁCH THỰC HIỆN  1. Đăng nhập  Blogger  Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1:  Tìm thẻ đóng  </body> - Thêm vào trước nó đoạn code sau: <!-- Emotion comment (1) --> <script type='text/javascript'> //<![CDATA[ functi...
Đăng nhận xét
Đọc thêm

Hướng dẩn chèn Emoticons vào comment

Bởi -
Hình ảnh
Giới thiệu:  Khung Đăng Nhận xét của blogspot là một trang riêng được chèn vào blog thông qua thẻ iframe, và Google không cho ta quyền can thiệp vào khung “Đăng nhận xét” này. Đó là lý do mà không đưa được bộ gõ riêng cũng như emoticons vào khung “Đăng nhận xét”. Với bộ gõ thì dường như không thể, cho đến khi nào Google tích hợp thêm vào. Còn với Emoticons thì thật may là có hàm replace, sử dụng hàm này để thay đổi ký tự thành hình ảnh. Và như thế Blogspot đã có Emoticons, cho dù việc nhập Emoticons vẫn không thể theo kiểu click. Đặc biệt: Hiển thị tốt trên cả IE (Internet Explorer).  CÁCH THỰC HIỆN  1. Đăng nhập  Blogger  Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1:  Tìm thẻ đóng  </body> - Thêm vào trước nó đoạn code sau: <!-- Emotion comment (1) --> <script type='text/javascript'> //<![CDATA[ functi...
Đăng nhận xét
Đọc thêm

Hướng dẩn Tạo khung thông báo cho blog

Bởi Thiết kế website và Marketing -
Hình ảnh
Giới thiệu:  Khi truy nhập vào blog, một hộp thoại thông báo sẽ xuất hiện. Có thể là thông báo về một sự kiện nào đó (ví dụ như chuyển domain hoặc đăng kí nhận tin...)  Điểm đặc biệt của khung này là người đọc có thể tắt nó đi nếu muốn, như vậy sẽ đảm bảo tính thẩm mỹ cho blog của bạn.  Bạn có thể đặt khung ở vị trí bất kỳ trong blog sao cho dễ bắt mắt nhất.  CÁCH THỰC HIỆN  1. Đăng nhập  Blogger  Dashboard (Bảng điều khiển)  2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)  3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1:  Yêu cầu phải có jQuery. (Có rồi thì bỏ qua) Tìm thẻ   <head> - Thêm vào dưới nó đoạn code sau: <script src='http://kenhdaihoc.com/blogger/jquery.min1.4.3.js' type='text/javascript'/> Bước 2:  Tìm thẻ đóng  </body> - Thêm vào trước nó đoạn code sau: <!-- Khung thông báo cho blog --> <b:if cond='data:blog.url == data:b...
1 nhận xét
Đọc thêm

Hướng dẩn Tạo khung thông báo cho blog

Bởi -
Hình ảnh
Giới thiệu:  Khi truy nhập vào blog, một hộp thoại thông báo sẽ xuất hiện. Có thể là thông báo về một sự kiện nào đó (ví dụ như chuyển domain hoặc đăng kí nhận tin...)  Điểm đặc biệt của khung này là người đọc có thể tắt nó đi nếu muốn, như vậy sẽ đảm bảo tính thẩm mỹ cho blog của bạn.  Bạn có thể đặt khung ở vị trí bất kỳ trong blog sao cho dễ bắt mắt nhất.  CÁCH THỰC HIỆN  1. Đăng nhập  Blogger  Dashboard (Bảng điều khiển)  2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)  3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1:  Yêu cầu phải có jQuery. (Có rồi thì bỏ qua) Tìm thẻ   <head> - Thêm vào dưới nó đoạn code sau: <script src='http://kenhdaihoc.com/blogger/jquery.min1.4.3.js' type='text/javascript'/> Bước 2:  Tìm thẻ đóng  </body> - Thêm vào trước nó đoạn code sau: <!-- Khung thông báo cho blog --> <b:if cond='data:blog.url == data:b...
Đăng nhận xét
Đọc thêm

Code chèn nền Flash (hoa rơi, tuyết rơi,…) cho blogspot

Bởi Thiết kế website và Marketing -
Hình ảnh
Giới thiệu:  Với đoạn code này, blog bạn sẽ có thêm một lớp nền Flash phủ lên bề mặt blog, hoặc nằm ẩn dưới nền blog chính. Chức năng chủ yếu là làm đẹp thêm cho blog. Ví dụ như thêm hiệu ứng hoa rơi, mưa, tuyết rơi, bóng nước,…  Mặc định Flash sẽ tự động lặp ảnh nếu blog dài hoặc rộng hơn nó.  CÁCH THỰC HIỆN  1. Đăng nhập  Blogger  Dashboard (Bảng điều khiển)  2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)  3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script A. Chèn Flash phủ lên bề mặt blog Đặc điểm: Không thao tác chuột được lên blog vì đã bị nền Flash này che rồi, điều này là đương nhiên, vậy nên chỗ nào không bị che thì mới thao tác được. Bước 1:  Tìm thẻ đóng  </body> - Thêm vào trước nó đoạn code sau: <!-- Chèn Flash phủ lên bề mặt blog --> <div id="Layer1" style="left: 0pt; position: fixed; top: 0pt; z-index: 0;"> <embed align=" center " height=" 500 px" wid...
Đăng nhận xét
Đọc thêm