Thứ Sáu, 1 tháng 2, 2013

Thêm khung bình chọn cho bài viết

Mule Nguyễn:
Bác huy có code nào tạo bình chọn trong bài viết không share mình với!(o)
Theo yêu cầu của bạn mình sẽ hướng dẫn cách tạo bình chọn và chèn vào bài viết. Bạn có thể xem demo ngay bên dưới

Bạn thấy blog này load thế nào?

Hướng dẫn thêm bình chọn cho bài viết

Bước 1: Vào blogger Bố cục → Tạo widget phiếu thăm dò cho blog
Bước 2: Nhập câu hỏi và nội dung bình chọn
Lưu ý ở bước này bạn phải để giờ trước ngày tháng như hình trên mới được (mặc định của nó là ngày tháng trước giờ sau nhưng không lưu được)
Bước 3: Vào trang chủ click phải chuột vào widget bình chọn vừa tạo → Xem nguồn khung (Ở đây mình đang sử dụng trình duyệt Chrome)
Bước 4: Hiện ra cửa sổ mới bạn xóa đoạn view-source: ở trên thanh trình duyệt đi và nhấn Enter
Sau khi xóa sẽ hiện ra khung bình chọn như khung bình chọn xuất hiện trên trang chủ của bạn. Bạn copy lấy đường link của trang này để thực hiện bước tiếp theo Bước 5: Sử dụng công cụ tạo iFrame cho khung bình chọn này để lấy mã. Đừng quên dùng chức năng xem trước của tool trước khi nhúng vào bài viết Bước 6: Dán đoạn mã được tạo bởi iFrame tool và dán vào nội dung bài viết với chế độ HTML. Đoạn mã sẽ có dạng tương tự như sau
<iframe src="http://www.google.com/reviews/polls/display/-2790940159270947781/blogger_template/run_app?txtclr=%23666666&lnkclr=%235588aa&chrtclr=%235588aa&font=normal+normal+11px+Verdana,+Geneva,+sans-serif&hideq=true&purl=http://www.trollvl.com/" style="border:0px #FFFFFF none;" name="Tên iFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="137px" width="600px"></iframe>
Xóa widget bình chọn ngoài trang chủ đi nếu không muốn nó xuất hiện ở đó và cũng sẽ không ảnh hưởng đến khung bình chọn trong bài viết
Chúc bạn thành công!

Không có nhận xét nào:

Đăng nhận xét