Sự khác biệt cho website của bạn sẽ được chứng minh qua thủ thuật blog này!
Hôm nay Terocket sẽ hướng dẫn các bạn thủ thuật blog cực kỳ ấn tượng, có một không ai, đặc biệt vô đối có tên là [Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger. Với thủ thuật này, khi người dùng vào website của bạn, lập tức có hiệu ứng xoay vòng 360 độ cả trang web, làm người dùng choáng ngợp, dật mình và cảm thấy phấn khích.
Live Demo
Để thực hiện thủ thuật này vô cùng đơn giản, được làm hoàn toàn bằng CSS, cực ngắn gọn, tốc độ nhanh, chuẩn SEO, không ảnh hưởng đến tốc độ tải trang web nên các bạn thoải mái yên tâm. Giờ thì cùng Terocket thực hiện thủ thuật blog này nhé!
Để thực hiện thủ thuật này, chỉ cần chèn code sau vào một Widget HTML/Javascript bất kỳ và lưu lại.
Đầu tiên các bạn vào Blog Title → Layout → Add Widget → HTML/JavaScript → Copy đoạn code sau vào → Thay đổi cho phù hợp → Lưu lại.
<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>
Vậy là đã xong thủ thuật blog tạo [Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger tại Terocket rồi, rất ấn tượng đúng không nào cả nhà. Chúc các bạn thành công và có nhiều trải nghiệm tuyệt vời hơn tại Terocket nhé!
Nếu bạn nào đã làm được rồi, hãy share thủ thuật này đến với bạn bè của mình, nếu chưa được, hãy gửi bình luận dưới đây, Terocket sẽ giải đáp và giúp bạn hoàn thành thủ thuật.
Một số hiệu ứng hay cho blogspot mà bạn nên tham khảo tại Terocket
- [Tips] - Hiệu ứng tuyết rơi Noel cho website & blogspot blogger
- Chống copy nội dung bài viết và click chuột phải trên Blogspot
- [Tips] - Tự thay đổi màu nền & hình nền cho blogger
- Hiệu ứng List nudging từ CSS3 cho blogspot
- Đổi màu thanh cuộn bằng CSS3 cho blogspot
- Tạo hiêu ứng xoay 360 độ cho trang blog của bạn
- Popup Đồng hồ đếm ngược chào đón năm mới cho blogger
- Hiệu ứng loadding sử dụng cho blogger
- Hiệu ứng hover ảnh sử dụng CSS cho blogger
- Tăng độ phân giải ảnh thumbnail của blogger
- Tạo Sticky cho nhiều Widget của blogspot
- Chống click chuột phải lên hình ảnh trong blogspot
- Hiệu ứng loading đẹp trên đầu blogspot
- Thay đổi nền ngẫu nhiên cho blog khi refrest
- Thanh cuộn vô hạn từ Jquery cho Blogger
- Code Popup hỏi trước khi thoát khỏi blog/web
- Xoay và lật hình ảnh với hiệu ứng 3D từ CSS3
- Khung Blockquote với hiệu ứng chuột cho Blogger
- Trang trí blog ngày Valentine's day (14/2)
- Cách viết chữ trên nền flash cực đẹp cho blogger
- Heading Tag với hiệu ứng đổ bóng và dê chuột Hover
- Hiệu ứng Link Nudging với Jquery cho blogger.
- Cách tắt hiệu ứng Lightbox của blogger
- Scrip tạo hiệu ứng chạy chữ theo 2 lớp
- Widget nhạc ẩn hiện khi Click chuột cho blogspot
- Hiệu ứng phóng to ảnh khi dê chuột vào với Hover Image Gallery
- Thay đổi màu nền và chữ khi bôi đen văn bản trong blogger
- Tạo hiệu ứng Lightbox Evolution với JQuery cho blogger
- Hiệu ứng Ông già Nô En cưỡi tuần lộc nhân dịp Giáng sinh
- Hiệu ứng tuyết rơi cho con trỏ trên Blog
- Popular Posts dạng ảnh xoay tròn từ CSS3 cho blogger
- Chống copy hay quét khối trên blogspot
- Viết chữ ngược vào Blog, Yahoo, Facebook
- Kéo và thả hình ảnh và các thành phần khác với Scriptaculous cho blogger
- Xóa đường viền của ảnh cho Blogspot
- Thay đổi màu liên tục khi dê chuột vào liên kết cho blogspot
- Tạo chữ chạy cho BLogspot
- Tạo khung trượt chứa hình ảnh trong blogger
- Scrip tao chữ xoay tròn theo chuột cho blogspot
- Các hiệu ứng đẹp trang trí cho blogspot
- Tạo hiệu ứng hover chuột cho Blogspot
- Tạo hiệu ứng bóng mờ (Fade Effect) từ jQuery cho Blogger
- Sửa lỗi ảnh tràn ra ngoài khung bài viết trong Blogger
- Mô tả liên kết sử dụng cửa sổ popup cho blogger
- Tạo chữ nhấp nháy trong blogspot và website
Trứng Vịt - Terocket
Nhận xét
chào anh. cho em hỏi nếu em muốn gắn một khung chat trực tuyến vào blog giống như trang uhchat.net thì e phải gắn code vào template như thế nào. hay gắn ở đâu?? em chèn code vào mà nó ko hiện gì cả. anh có thể viết bài thủ thuật về nó ko??? cảm ơn anh
Trả lờiXóaRất vui khi được chia sẻ kiến thức với bạn
XóaBạn có thể xem cách chèn uhchat vào blog ở đây nhé
http://www.thucleblogs.tk/2015/12/huong-dan-ang-ki-su-dung-uhchat-phan.html
demo die rồi ad ơi
Trả lờiXóaem mới làm xong được mà anh ơi
Trả lờiXóa