[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
- [Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1
- Sitemap 2 cột có phân trang cho blogspot
- Bài viết mới nhiều màu sắc cho blogspot
- Sitemap chọn nhãn tự động cho blogger
- Danh sách Bài viết mới xổ dọc khi click chuột cho blogspot
- [V4] Featured Posts metro slider cho blogspot
- [ves3] Simple Slider ảnh bài mới trượt cho blogspot
- [Ves2] Slider bài mới trượt ngang thumbnail cho blogger
- Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]
- Magazine recent post trang trí homepage cho blogspot V3
- Recent posts dạng báo trí cho trang chủ của blogger
- Recent post cho trang chủ blogger style 2
- Slider bài viết mới nhất trượt ngang cho blogger
- Bài viết mới nhất cuộn lên với Jquery cho Blogspot
- Recent post width thumbnail 3 cột cho blogspot.
- Bài viết mới trượt ngang từ JQuery cho blogspot style 3
- Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger
- Recent posts với hiệu ứng trượt bằng jQuery
- Recent post 1 cột với thumbnail có mô tả khi dê chuột cho blogger
- List bài mới nhất có mô tả tooltip cho blogspot
- Recommentded post kết hợp Tweet và Facebook cho blogger
- Liệt kê tiêu đề bài viết gần đây theo nhãn - Recent Posts for laber
- Bài viết mới cuộn ngang với nút điều khiển cho blogspot
- Bài mới nhất có ảnh thumbnail cuộn lên từ Jquery cho blogspot
- Magazine "Recent post" theo label ở Homepage (ves1)
- Thêm hiệu ứng tooltips cho rencent post và popuplar post cho blogger
- Tab recent posts giống trang quantrimang
- Style mới cho tiện ích VNE Recent Posts
- Rút gọn tiêu đề Recent posts cho blogger ves2
- Tiện ích Recent Posts cho blogger ves 1
- Tiện ích Magazine Recent Posts cho Blogger
- Bài viết mới nhất có ảnh thumbnail cho blogspot
- Bài viết mới và comment mới nhất cho blogspot
- Bài đăng mới có hình phí trước và hiệu ứng chạy ngang
- Tiêu đề bài đăng mới với hiệu ứng chạy ngang
- 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
- CSS3 slider trình diễn đẹp cho blogger v4
- Css3 Fade Slide Show cho Blogger v3
- Thêm Slick featured posts Slider từ Jquery cho blogger
- [V4] Featured Posts metro slider cho blogspot
- [ves3] Simple Slider ảnh bài mới trượt cho blogspot
- [Ves2] Slider bài mới trượt ngang thumbnail cho blogger
- Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]
- Popular Posts dạng Slides trượt dọc cho Blogger
- Slider ảnh từ CSS3 cho Blogger ves 2
- Slider trưng bày sản phẩm theo nhãn cho blogspot
- Slider ảnh sử dụng overlay effect cho blogger (no scipts)
- Tạo Gallery (slider) trình chiếu ảnh cho blogger
- Slider bài viết mới nhất trượt ngang cho blogger
- Tạo Flash slider ảnh cực đẹp cho blogspot /website
- Slide bài viết mới bằng JQuery cho Blogspot
- Tạo hiệu ứng gallery ảnh sử dụng Tomorrow again Script
- Kwick jQuey cho tiện ích Random posts
- Làm slide ảnh cho blog (Accordion Slider )
- Tạo khung trượt chứa hình ảnh trong blogger
- Trình diễn bài viết mới dạng slide đẹp mắt bằng JQuery dành cho Blogspot
- Tạo Slider bằng JQuery cho blogspot
Trứng Vịt - Terocket
Nhận xét
Không hiển thị được hình ảnh Terocket à, bạn xem lại mình với
Trả lờiXóaBlog 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Đã áp dụng, thật đẹp, cảm ơn adm nha. www.nhatthienkt.net
Trả lờiXóaChào Terocket.com
Trả lờiXóaRấ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