Tạo Hiệu ứng "Loading..." đơn Giản Cho Blogspot - Land Go Now

× Tạo hiệu ứng "Loading..." đơn giản cho blogspot Namkna Thứ Hai, tháng 8 01, 2011 Hiệu ứng loadding khi trang web đang tải được rất nhiềm webmaster sử dụng. Hiệu ứng này góp phần tạo thêm tính sinh động cho trang web của Bạn. hôm nay Namkna sẽ hướng dẫn các bạn một cách đơn giản để tạo hiệu ứng này cho blog của bạn. Tuy thủ thuật có sử dụng javascript, nhưng nó chỉ gói gọn trong có 3 câu lệnh. Thủ thuật này ứng dụng hình động để tạo hiệu ứng. do đó để thực hiện thủ thuật nhỏ này bạn phải có một tấm hình động, có thể tham khảo các hình ở bài viết này.

»Cách tạo hiệu ứng loadding đơn giản cho blogspot

1- Đăng nhập vào blog của bạn. 2- Vào Mẫu => Tiếp tục chọn Chỉnh sửa HTML 3- Chèn đoạn code bên dưới vào trước thẻ đóng </head> <script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById("imgLOAD").style.display="none"; } </script> 4- Lưu mẫu của bạn lại và tiến hành bước tiếp theo nha. 5- Vào Bố cục - Tạo thêm một tiện ích HTML/Javascripts và dán đoạn code bên dưới vào : <div id="imgLOAD" style="position:fixed;top:50px;right:200px" align="right"> Đang tải...<br/><br /> <img src="link ảnh"/> </div> » Tùy chỉnh code:

• top:50px; là vị trí của link ảnh so với lề trên cùng của blog. hãy điều chỉnh lại cho thích hợp.
• right:200px : Là vị trí của ảnh so với lề phải của blog . Hãy điều chỉnh thông số này để ảnh có vị trí thích hợp trên blog của bạn.
• link ảnh : link ảnh động dạng loadding. Ta nên chọn các hình động có nền trong suốt. Bạn cũng có thể lên mạng chọn ảnh mình thích TẠI ĐÂY
• position:fixed; : lệnh này dùng để cố định vị trí của ảnh trên màn hình (di chuyển theo khi rê chuột lên hoặc xuống), nếu muốn ảnh nằm ở một vị trí nào đó trên blog của bạn (tức là không di chuyển theo chuột) thì bạn đổi lại thành lệnh :position:absolute;

6- Giờ lưu tiện ích của bạn lại và quay trở lại blog để xem thành quả của bạn nha. Danh mục: Blogspot Loadding Thiết Kế Thủ Thuật Blogger

Đăng bởi: Namkna

I'm Nam I'm from VietNamesse I create this blog to share template and yip for blogger.

Bạn có thể thích những bài đăng này

Thủ Thuật Blogger

Nhận xét

1. Saeba Ryolúc 23:01:00 GMT+7 Chủ Nhật, 1 tháng 1, 2012

   Link download ko download đc

   Trả lờiXóaTrả lời
   Trả lời
2. Namknalúc 00:48:00 GMT+7 Thứ Hai, 2 tháng 1, 2012

   @everytime Tại tài khoản của mình bị banwidth, Mình Đã cập nhật lại Link :P

   Trả lờiXóaTrả lời
   Trả lời
3. Super Ponjalúc 22:13:00 GMT+7 Thứ Hai, 3 tháng 6, 2013

   http://y2graphic.com/html-va-css/hieu-ung-loading-animation-voi-css3Namkna có thể biến chỉ mình cách cài đặt cái này đc không TT^TTNhìn nó loading đẹp quá!

   Trả lờiXóaTrả lời
   Trả lời

Thêm nhận xétTải thêm... ×

• TRANG CHỦ
• YOUTUBE
• FACEBOOK
• GỌI 08.6899.0006
• GỬI MAIL

Land Go Now - Số 1 về bất động sản thực tế với hàng ngàn dự án khắp mọi miền tổ quốc, cập nhật đầy đủ thông tin chân thực và nhanh nhất đến với khác hàng!

CÔNG TY TNHH EXPRESSNO1

Mã số thuế: 0316370166Số tài khoản: 1.686.666.666 tại Ngân hàng VCB / 2.433.433.6 tại Ngân hàng ACBCông ty: 08.9999.0068 - Giám đốc: 08.9999.0086Email: Info@expressno1.comWebsite: Expressno1.com / Expressno1.vnĐịa chỉ: Số 31, Đường số 4, KDC 6B Intresco, Xã Bình Hưng, Huyện Bình Chánh, Thành phố Hồ Chí Minh Thành viên: Thiết bị y tế / Quỹ cộng đồng / Sản xuất thiết bị y tế / Phân phối thiết bị y tế / Mua thuốc Online / Tin tức y học / Tâm Linh Số / Thế giới tâm linh / Mỹ Nghệ Xanh / Anh Áo Xanh / PeppiW / Vinapin / Đồ làm Nail / 360 Editer / Freencircle / Stock With Captain / SWC Invest / Đánh giá bất động sản / Công ty bất động sản Đối tác: Omron / Microlife / Beurer / Starbalm / AND Medical / Yuwell / Dr.Med / Acne-Aid / Sinocare © Land Go Now - Đánh giá bất động sản nhà đất thực tế. All Rights Reserved