Thư viện

Trải nghiệm

Thứ Năm, tháng 12 18, 2014

[Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger

Hướng dẫn thực hiện thủ thuật blog Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger tại Terocket!

Chia sẻ:
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

  1. [Tips] - Hiệu ứng tuyết rơi Noel cho website & blogspot blogger
  2. Chống copy nội dung bài viết và click chuột phải trên Blogspot
  3. [Tips] - Tự thay đổi màu nền & hình nền cho blogger
  4. Hiệu ứng List nudging từ CSS3 cho blogspot
  5. Đổi màu thanh cuộn bằng CSS3 cho blogspot
  6. Tạo hiêu ứng xoay 360 độ cho trang blog của bạn
  7. Popup Đồng hồ đếm ngược chào đón năm mới cho blogger
  8. Hiệu ứng loadding sử dụng cho blogger
  9. Hiệu ứng hover ảnh sử dụng CSS cho blogger
  10. Tăng độ phân giải ảnh thumbnail của blogger
  11. Tạo Sticky cho nhiều Widget của blogspot
  12. Chống click chuột phải lên hình ảnh trong blogspot
  13. Hiệu ứng loading đẹp trên đầu blogspot
  14. Thay đổi nền ngẫu nhiên cho blog khi refrest
  15. Thanh cuộn vô hạn từ Jquery cho Blogger
  16. Code Popup hỏi trước khi thoát khỏi blog/web
  17. Xoay và lật hình ảnh với hiệu ứng 3D từ CSS3
  18. Khung Blockquote với hiệu ứng chuột cho Blogger
  19. Trang trí blog ngày Valentine's day (14/2)
  20. Cách viết chữ trên nền flash cực đẹp cho blogger
  21. Heading Tag với hiệu ứng đổ bóng và dê chuột Hover
  22. Hiệu ứng Link Nudging với Jquery cho blogger.
  23. Cách tắt hiệu ứng Lightbox của blogger
  24. Scrip tạo hiệu ứng chạy chữ theo 2 lớp
  25. Widget nhạc ẩn hiện khi Click chuột cho blogspot
  26. Hiệu ứng phóng to ảnh khi dê chuột vào với Hover Image Gallery
  27. Thay đổi màu nền và chữ khi bôi đen văn bản trong blogger
  28. Tạo hiệu ứng Lightbox Evolution với JQuery cho blogger
  29. Hiệu ứng Ông già Nô En cưỡi tuần lộc nhân dịp Giáng sinh
  30. Hiệu ứng tuyết rơi cho con trỏ trên Blog
  31. Popular Posts dạng ảnh xoay tròn từ CSS3 cho blogger
  32. Chống copy hay quét khối trên blogspot
  33. Viết chữ ngược vào Blog, Yahoo, Facebook
  34. Kéo và thả hình ảnh và các thành phần khác với Scriptaculous cho blogger
  35. Xóa đường viền của ảnh cho Blogspot
  36. Thay đổi màu liên tục khi dê chuột vào liên kết cho blogspot
  37. Tạo chữ chạy cho BLogspot
  38. Tạo khung trượt chứa hình ảnh trong blogger
  39. Scrip tao chữ xoay tròn theo chuột cho blogspot
  40. Các hiệu ứng đẹp trang trí cho blogspot
  41. Tạo hiệu ứng hover chuột cho Blogspot
  42. Tạo hiệu ứng bóng mờ (Fade Effect) từ jQuery cho Blogger
  43. Sửa lỗi ảnh tràn ra ngoài khung bài viết trong Blogger
  44. Mô tả liên kết sử dụng cửa sổ popup cho blogger
  45. Tạo chữ nhấp nháy trong blogspot và website
Trứng Vịt - Terocket

4 nhận xét:

  1. 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óa
    Trả lời
    1. Rất vui khi được chia sẻ kiến thức với bạn
      Bạ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

      Xóa