Thư viện

Trải nghiệm

Thứ Ba, tháng 11 18, 2014

[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2. Hướng dẫn thủ thuật bài viết mới nhất cho blogspot

Chia sẻ:
[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2
[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

Cách đây 1 bài viết, Terocket có hướng dẫn cả nhà một thủ thuật blog liên quan đến bài viết mới nhất / Recent post có tên là [Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1. Đây là thủ thuật rất hay, với dạng slide metro nhưng chạy dọc xuống, thích hợp để ở 2 bên sidebar. Nhưng hôm nay để đáp ứng yêu cầu của rất nhiều bạn, Terocket tiếp tục ra thủ thuật mới, cũng là slide luôn, nhưng dạng ngang, có đếm số nhé, và nó có tên là Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2.

Live Demo

Thủ thuật blog Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2 có phần hơi cổ điển chút, nhưng lại trông gọn gàng, thanh thoát, rất phù hợp với trang tin tức hoặc slide ảnh nhé. Và giờ thì cùng Terocket thực hiện thủ thuật blog cực hay này nào.

Bạn cần tạo 1 widget HTML/Javascript và chèn đoạn mã sau vào

Để thực hiện thủ thuật blog này, đầu tiên bạn cần vào Blog Title → Layout → Add Widget → HTML/JavaScript và copy đoạn mã code sau vào và Lưu lại.

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B-0uHUanipfMQzFxZDFpMFd1eXM"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-0uHUanipfMcWpLWVpGa3IyUVU"></script>
<script type="text/javascript">
makeSlider({
    url: "http://www.terocket.com" // Add your blog URL
});
</script>

Vậy là đã xong thủ thuật, bạn cần nhớ là thay http://www.terocket.com thành địa chỉ blog của mình nha. Chúc thành công!

Terocket rất vui mừng nếu tất cả các bạn đều thực hiện được thủ thuật blog [Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2 này, nếu bạn nào đã làm được rồi và thấy ok, hãy share đến bạn bè nhé, còn nếu thấy chưa làm được, hãy gửi một bình luận hỏi đáp ở dưới đây, chúng tớ sẽ hỗ trợ các bạn!

Một số gợi ý liên quan đến thủ thuật Recent Post / Bài viết mới nhất cho Blogger Blogspot

  1. [Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1
  2. Sitemap 2 cột có phân trang cho blogspot
  3. Bài viết mới nhiều màu sắc cho blogspot
  4. Sitemap chọn nhãn tự động cho blogger
  5. Danh sách Bài viết mới xổ dọc khi click chuột cho blogspot
  6. [V4] Featured Posts metro slider cho blogspot
  7. [ves3] Simple Slider ảnh bài mới trượt cho blogspot
  8. [Ves2] Slider bài mới trượt ngang thumbnail cho blogger
  9. Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]
  10. Magazine recent post trang trí homepage cho blogspot V3
  11. Recent posts dạng báo trí cho trang chủ của blogger
  12. Recent post cho trang chủ blogger style 2
  13. Slider bài viết mới nhất trượt ngang cho blogger
  14. Bài viết mới nhất cuộn lên với Jquery cho Blogspot
  15. Recent post width thumbnail 3 cột cho blogspot.
  16. Bài viết mới trượt ngang từ JQuery cho blogspot style 3
  17. Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger
  18. Recent posts với hiệu ứng trượt bằng jQuery
  19. Recent post 1 cột với thumbnail có mô tả khi dê chuột cho blogger
  20. List bài mới nhất có mô tả tooltip cho blogspot
  21. Recommentded post kết hợp Tweet và Facebook cho blogger
  22. Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber
  23. Bài viết mới cuộn ngang với nút điều khiển cho blogspot
  24. Bài mới nhất có ảnh thumbnail cuộn lên từ Jquery cho blogspot
  25. Magazine "Recent post" theo label ở Homepage (ves1)
  26. Thêm hiệu ứng tooltips cho rencent post và popuplar post cho blogger
  27. Tab recent posts giống trang quantrimang
  28. Style mới cho tiện ích VNE Recent Posts
  29. Rút gọn tiêu đề Recent posts cho blogger ves2
  30. Tiện ích Recent Posts cho blogger ves 1
  31. Tiện ích Magazine Recent Posts cho Blogger
  32. Bài viết mới nhất có ảnh thumbnail cho blogspot
  33. Bài viết mới và comment mới nhất cho blogspot
  34. Bài đăng mới có hình phí trước và hiệu ứng chạy ngang
  35. Tiêu đề bài đăng mới với hiệu ứng chạy ngang
  36. Trình diễn bài viết mới dạng slide đẹp mắt bằng JQuery dành cho Blogspot

Một số gợi ý liên quan đến thủ thuật Slide mới nhất cho Blogger Blogspot

  1. CSS3 slider trình diễn đẹp cho blogger v4
  2. Css3 Fade Slide Show cho Blogger v3
  3. Thêm Slick featured posts Slider từ Jquery cho blogger
  4. [V4] Featured Posts metro slider cho blogspot
  5. [ves3] Simple Slider ảnh bài mới trượt cho blogspot
  6. [Ves2] Slider bài mới trượt ngang thumbnail cho blogger
  7. Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]
  8. Popular Posts dạng Slides trượt dọc cho Blogger
  9. Slider ảnh từ CSS3 cho Blogger ves 2
  10. Slider trưng bày sản phẩm theo nhãn cho blogspot
  11. Slider ảnh sử dụng overlay effect cho blogger (no scipts)
  12. Tạo Gallery (slider) trình chiếu ảnh cho blogger
  13. Slider bài viết mới nhất trượt ngang cho blogger
  14. Tạo Flash slider ảnh cực đẹp cho blogspot /website
  15. Slide bài viết mới bằng JQuery cho Blogspot
  16. Tạo hiệu ứng gallery ảnh sử dụng Tomorrow again Script
  17. Kwick jQuey cho tiện ích Random posts
  18. Làm slide ảnh cho blog (Accordion Slider )
  19. Tạo khung trượt chứa hình ảnh trong blogger
  20. Trình diễn bài viết mới dạng slide đẹp mắt bằng JQuery dành cho Blogspot
  21. Tạo Slider bằng JQuery cho blogspot
Trứng Vịt - Terocket

4 nhận xét:

  1. Không hiển thị được hình ảnh Terocket à, bạn xem lại mình với

    Trả lờiXóa
    Trả lời
    1. Blog của bạn là gì nhỉ? Cậu nhớ là phải tải ảnh lên trên sv của blogspot nha, và không được ngắt dòng trước hình ảnh, không được nữa thì xem hình ảnh sau nhé! http://www.terocket.com/2014/11/sua-loi-khong-hien-anh-thumbnail-cho-blogger-blogspot.html

      Xóa
  2. Đã áp dụng, thật đẹp, cảm ơn adm nha. www.nhatthienkt.net

    Trả lờiXóa
  3. Chào Terocket.com
    Rất cảm ơn bạn đã chia sẻ nhiều thủ thuật hay về blogspot.
    Mình mới sử dụng cái theme này. http://simplify-themexpose.blogspot.com/ . Nhưng không biết làm thế nào để thiết lập cái slide chạy phía trên đầu. Mong bạn có thể hướng dẫn mình.
    Rất cảm ơn bạn Terocket

    Trả lờiXóa