Tạo bài viết phổ biến tự động đánh số với hình ảnh Bubbles

Bài viết phổ biến widget là một công cụ hiệu quả để tăng lượt xem trang blog của bạn và thu hút độc giả nhiều hơn trên blog của bạn. Nó có thể tìm và xếp hạng bài viết dựa trên các trang truy cập nhiều nhất bằng cách sử dụng dữ liệu Google phân tích của bạn.

Vậy bạn có muốn tạo hộp Bài viết phổ biến được tự động đánh số trên nền ảnh bong bóng 3D như trên blog của tôi? Cực kỳ đơn giản ! Chỉ qua vài thao tác, Thu thuat vi tinh sẽ giúp bạn nhanh chóng làm được điều đó.

Thêm Popular Posts Widget

1. Đi vào Blogger> Layout
2. Nhấp vào "Thêm Tiện ích"
3. Chọn " Popular Posts "từ danh sách
4. Bạn sẽ cần phải cấu hình cài đặt như trong hình dưới đây: bỏ chọn " hình ảnh thu nhỏ"và" đoạn "tốt hơn của nó mà bạn hiển thị nhiều nhất là 7-9 bài viết. Ít hơn là tốt và sạch sẽ.

Đọc thêm »

More about →

Danh mục Tạo bài viết phổ biến cho blog

Bạn sẽ tạo được Tiện ích Bài viết phổ biến ( xem nhiều) cho blog với nhiều mẫu mã bên dưới, thoải mái lựa chọn:

• Tạo bài viết phổ biến tự động đánh số với hình ảnh Bubbles
• Danh mục Tạo bài viết phổ biến cho blog

• Tạo Popular pots có có số đếm và title trích dẫn
• Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến
• Ẩn một bài viết bất kỳ trong tiện ích Bài viết xem nhiều
• Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog
• Tạo Màu nền riêng cho bài viết xem nhiều nhất
• Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động
• Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang
• Tạo Bài viết phổ biến dạng ảnh Gallery cho blog
• Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger
• Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog
• Bo góc cho các bài viết phổ biến của blogger
• Tùy chỉnh Popular Posts đơn giản của blogger/blogspot

                                                                                                             Thu thuat vi tinh

More about →

Tạo Popular pots có có số đếm và title trích dẫn

PopularPosts là 1 widget được rất nhiều người dùng Blogger sử dụng, đây là widget cho biết những bài đăng phổ biến được nhiều người đọc trên blog của bạn. Ngoài 3 dạng thống kê: 7 ngày qua, 30 ngày qua vàmọi lúc nó có 4 kiểu hiển thị là: chỉ mình tiêu đề bài đăng, tiêu đề bài đăng và đoạn trích dẫn, tiêu đề bài đăng và hình ảnh, tiêu đề bài đăng kèm đoạn trích dẫn và hình ảnh. Thủ thuật sau đây sẽ hiển thị PopularPosts bao gồm số đếm (count), ảnh minh họa (thumbnail), và tiêu đề bài viết (post). Về cơ bản style này tương tự với style Cool Popular Posts mà mình từng giới thiệu đến các bạn.

Các bạn có thể xem 2 Demo mình thực hiện trên 2 blog khác nhau để xem hiệu quả nha:

DEMO 1     DEMO 2

☼ Có gì mới?

1- Hiển thị số đếm dựa trên một scip tương đối nhẹ, do vậy không ảnh hưởng nhiều tới tốc độ load của blog bạn.

2- Thêm ảnh no thumbnail chung cho những bài viết không có ảnh minh họa để giúp style đẹp hơn và không bị phá vỡ bố cục (Xem ở hình minh họa hoặc blog demo 1

Đọc thêm »

More about →

Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến

PopularPosts là 1 widget được Blogger đưa vào dùng thử nghiệm gần đây và được nhiều người đón nhận, đây là widget cho biết những bài đăng phổ biến được nhiều người đọc. Ngoài 3 dạng thống kê: 7 ngày qua, 30 ngày qua và mọi lúc nó có 4 kiểu hiển thị là: chỉ mình tiêu đề bài đăng, tiêu đề bài đăng và đoạn trích dẫn, tiêu đề bài đăng và hình ảnh, tiêu đề bài đăng kèm đoạn trích dẫn và hình ảnh. Thủ thuật sau đây sẽ hiển thị PopularPosts với tiêu đề bài đăng và hình ảnh, còn đoạn trích dẫn sẽ hiển thị khi đưa chuột vào tiêu đề.

View Demo

Ảnh minh họa:

Đọc thêm »

More about →

Ẩn một bài viết bất kỳ trong tiện ích Bài viết xem nhiều

Tiện ích bài viết xem nhiều (Popular Posts) được cung cấp bởi Blogger. Nó hiển thị các bài viết được xem nhiều nhất trên blog. Giúp cho đọc giả của blog có thể đọc những bài viết được quan tâm nhiều nhất trên blog của bạn. Nhưng vì 1 vấn đề nào đó mà bạn không muốn hiển thị nó trên tiện ích. Khi đó ta hoàn toàn có thể ẩn nó đi 1 cách dễ dàng.

Thủ thuật cũng khá đơn giản nên mình sẽ đi ngay vào hướng dẫn.

☼ Cách tiến hành:

1- Xác định được link của bài viết cần ẩn.

2- Đăng nhập (login) vào Blog

3- Vào Mẫu (Template)

4- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed) => Mở rộng tiện ích mẫu:

5- Tìm đoạn code của tiện ích Bài viết xem nhiều (Popular posts). Rồi thêm các đoạn code màu xanh như bên dưới : 

<b:widget id='PopularPosts1' locked='false' title='Bài đăng Phổ biến' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.href != &quot;LINK BÀI VIẾT CẦN ĐƯỢC ẨN&quot;'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:if>  <!--kết thúc lệnh ẩn 1 bài viết được chỉ định -->
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

- Thay dòng LINK BÀI VIẾT CẦN ĐƯỢC ẨN thành link bài viết là được.

Để ẩn những vị trí khác bạn nên đọc: Ẩn nhận xét cho một trang nhất định

- Cuối cùng save template lại.

Xem thêm:

• Tạo Popular pots có có số đếm và title trích dẫn
• Hiển thị đoạn trích dẫn dạng title cho Bài đăng phổ biến
• blogspot
• Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog
• Tạo Màu nền riêng cho bài viết xem nhiều nhất
• Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động
• Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang
• Tạo Bài viết phổ biến dạng ảnh Gallery cho blog
• Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger

• Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog
• Bo góc cho các bài viết phổ biến của blogger

                                                                                                                   Theo: Namkna

                                                                                                                   Thu thuat vi tinh

More about →

Hiển thị Bài đăng phổ biến dạng ảnh xoay tròn từ CSS3 cho blog

Thêm 1 style mới cho tiện ích bài đăng phổ biến, ưu điểm của style này là giúp tiết kiệm không gian, và không sử dụng javascript mà dùng các lệnh CSS3 để làm đẹp nên rất nhẹ. tạo hiệu ứng ảnh chuyển động xoay tròn khi bạn chỉ chuột vào ảnh

Các bạn hãy xem Demo để thấy rõ hơn.

XEM DEMO

Ảnh minh họa:

☼ Bước 1: Thêm Tiện ích Bài đăng phổ biến (Add widget Popular posts):

1- Đăng nhập vào Blog

2- Vào Bố cục (Template)

Đọc thêm »

More about →

Tạo Màu nền riêng cho bài viết xem nhiều nhất

Thủ thuật này sẽ thay đổi màu nền của blog bạn khi truy cập vào bài viết được xem nhiều nhất. Bài viết xem nhiều nhất thống kê theo widget Popular Posts, do đó blog bạn cần phải có widget này. 

 

Cách 1: Sử dụng JavaScript.

Đọc thêm »

More about →

Tạo Hiển thị bài đăng phổ biến dạng ảnh chuyển động

Chắc mọi người đều không xa lạ với hiệu ứng trình diễn ảnh chuyển động sử dụng jQuery. Hôm nay mình sẽ hướng dẫn áp dụng hiệu ứng này vào widget PopularPosts để trình diễn những bài đăng phổ biến dạng kiểu slider, widget PopularPosts này nằm ở phía trên của bài đăng.
Xem Demo

Demo for Post

Xem ảnh minh họa.

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

Đọc thêm »

More about →

Tạo Tiện ích Bài đăng phổ biến bố trí theo chiều ngang

Hôm nay namkna sẽ giới thiệu cho các bạn thêm một tiện ích popular post dạng ngang nữa. Đặc điểm của dạng này là không sử dụng các hiệu ứng Javarscrip mà chỉ cải tiến từ dạng popular post của blogspot do vậy ác bạn có thể yên tâm về tốc độ của tiện ích này tuy nhiên nó không tự dộng trượt được. Nếu muốn dạng trượt thì các bạn tham khảo bài viết này

Demo for Post

Ảnh minh họa:

☼ Cách tiến hành:

Đọc thêm »

More about →

Tạo Bài viết phổ biến dạng ảnh Gallery cho blog

Bài viết này sẽ hướng dẫn các bạn cách sửa đổi giao diện cũ nhàm chán của blogger. Trong thủ thuật này các bài viết phổ biến sẽ hiển thị dưới dạng ảnh thumbnail và có tóm tắt trên nền thumbnail đó. Tiện ích thích hợp với các blog chia sẻ hình ảnh, bán hàng. Với các blog chia sẻ thông tin thì sẽ không hợp cho lắm (tất nhiên vẫn có thể áp dụng nếu bạn thấy thích).

Các bạn hãy xem Demo hoặc ảnh minh họa để thấy rõ hơn:

XEM DEMO

☼ Bước 1: Tạo một tiện ích Popular post.

- Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2:

1- Đăng nhập vào Blog
2- Vào mẫu (Template)
3- Chọn Thêm Tiện ích (Add Widget)
4. Bấm chọn mục bài đăng phổ Biến(Popularposst) sau đó lưu lại:

5. Bấm vào chỉnh sửa (Edit) tiện ích Bài Đăng Phổ Biến (Popularposst) bạn vừa tạo để xác định Id của tiện tích popular post và cài đặt các thông số.

Đọc thêm »

More about →

Tạo Bài viết phổ biến dạng Slides trượt dọc cho Blogger

Thủ thuật tuyệt vời này sẽ biến đổi widget bài viết phổ biến (popular post) cung cấp bởi blogger thành thanh trượt dọc với nội dung cập nhật tự động. Tiện ích được tạo bởi Abu-Farhan sau đó được cải thiện bởi mybloggertricks. Widget rất dễ dàng cài đặt  trên blogger. Bạn chỉ cần dán mã của hiệu ứng bên trong một widget HTML/Javascript. Tiện ích mới này hoạt động trên tất cả các trình duyệt phổ hiến hiện nay và có thể dễ dàng tùy chỉnh. Tôi đã chỉnh sửa đôi chút so với mã gốc để màu sắc đẹp hơn. Widget sẽ không có hình ảnh thu nhỏ xuất hiện nếu bạn chưa thêm bất kỳ hình ảnh trong bài viết của bạn.

Cách bạn có thể xem hình minh họa ở bên cạnh hoặc xem demo ở bên dưới:

VIEW DEMO

Bước 1 » Thêm widget Popular Posts vào blogspot của bạn!

1.1- Đăng nhập vào Blog

Đọc thêm »

More about →

Tạo màu sắc cầu vồng cho Bài viết phổ biến thumbnail và số cho blog

Popular posts là 1 tiện ích được cung cấp bởi Blogger, Tiện ích này hiển thị các bài viết được xem nhiều nhất trong blog với các khoảng thời gian như : 1 tuần, 1 tháng, hay mọi lúc. Và nó cũng có 3 chế độ hiển thị: chỉ hiển thị tiêu đề, hiện thị tiêu đề và ảnh thumbnail, và thứ 3 là kiểu hiện thị đầy đủ (gồm : tiêu đề, ảnh thumbnail và trích dẫn).

¤ Bài viết này mình sẽ hướng dẫn các bạn cách tạo tiện ích Rainbow popularpost với một số đặc điểm.

» Hiệu ứng xoay ảnh thumbnail bằng mã CSS.

» Có số đếm tối đa 9 bài nhiều hơn so với mẫu cũ chỉ có 5 bài.

» Bài viết hiển thị dạng phân cấp thụt vào (tối đa 9 cấp)

¤ Bước 1 » Thêm Rainbow PopularPosts multiple lever and count cho blogger!

Lưu ý: - Nếu blog bạn đã có tiện ích Popular Posts rồi thì bắt đầu thực hiện từ bước 1.5.

1.1- Đăng nhập vào Blog

1.2- Vào mẫu (Template)

1.3- Chọn Thêm Tiện ích (Add Widget)

1.4. Bấm chọn mục bài đăng phổ Biến (Popularposst):

Đọc thêm »

More about →

Bo góc cho các bài viết phổ biến của blogger

Trong hướng dẫn này mình sẽ giải thích làm thế nào để bo góc cho các bài viết phổ biến của blogger. Thủ thuật này chạy tốt với tất cả các trình duyệt web hiện đại. Mình đã sử dụng CSS3 để bo góc xung quanh tất cả các bài viết. Các bạn có thể làm theo các bước hướng dẫn dưới đây để thêm nó vào blog.

Ảnh minh họa.

☼ Bước 1: Tạo một tiện ích Popular post.

- Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2:

1- Đăng nhập vào Blog
2- Vào mẫu (Template)
3- Chọn Thêm Tiện ích (Add Widget)

Đọc thêm »

More about →

Tùy chỉnh Popular Posts đơn giản của blogger/blogspot

 

Tiện ích bài đăng phổ biến (popular post) để hiển thị các bài viết được xem nhiều nhất cùng với một hình ảnh thu nhỏ dựa trên các số liệu thống kê Analytics của bạn. Nhưng giao diện còn khá đơn giản và thô sơ, mình sẽ ghi đè lên các stylesheet của tiện ích này hoàn toàn với phông chữ tùy chỉnh và màu sắc của mybloggertrick. Bạn có thể xem tiện ích phổ biến ngay trên blog demo của  hoặc hình ảnh minh họa bên cạnh để thấy rõ hơn.. 
Đọc thêm »

More about →