Breaking News

Tạo Sticky Post cho blogger nhanh chóng và dễ dàng

Khi viết Blog các bạn thường thấy một số bài viết được đặt cố định và được trang trí hiển thị đặc biệt tại trang chủ (Sticky Post). Đó là bài đăng hay được nhiều người quan tâm hoặc do chủ nhân Blog muốn bài viết đó được nhiều độc giả chú ý nên cho nó xuất hiện thường trực trên blog mỗi khi có người vào xem.
Vậy với Blogger bạn có thể là được điều đó? Câu trả lời là có nhé. Nhưng chỉnh sửa ở đâu cấu hình ra sao trong trang quản trị không có chỗ nào thông báo " Chọn bài đăng này là Cố định". Nhưng chắc chắn là có cách làm được điều đó.

Thucle Blog xin được chia sẻ với các bạn hai thủ thuật nhỏ dễ thao tác giúp bạn làm được điều này. Cùng tôi thực hiện nhé! 

Cách 1: Tạo bài Sticky Post sử dụng lịch biểu

Khi bạn tạo bài viết xong bạn xuất bản như bài viết bình thường
Sau khi xuất bản xong bạn vào chỉnh sửa bài viết chọn mục lịch biếu và sửa lại ngày đăng lên một ngày nào đó ở tương lai VD: 8/3/2050
Sau khi cập nhật bài đăng mặc định bài viết đó sẽ là bài viết mới nhất và đương nhiên sẽ hiển thị ở đầu tiên trên trang chủ (Sticky Post)

Cách 2: Tạo widget trong bố cục phần section main

  • Khi viết bài xong các bạn chuyển qua thẻ html trong phần chỉnh sửa toàn bộ nội dung sẽ được chuyển sang mã html. Các bạn copy đoạn code đó
  • Chuyển sang phần chỉnh sửa bố cục thêm một tiện ích HTML mới bên trên widget Blog
  
  • Sau khi thêm tiện ích mới bạn dán nội dung bài viết vừa copy vào đây nhớ xoá bớt nội dung cho ngắn gọn và chèn ảnh hiển thị cho đẹp mắt.
  • Lưu lại kết quả tiện ích này sẽ luôn hiện phía trên các bài viết mới trên trang chủ
Cách 3: chèn đoạn code html trong phần widget Blog1
Các bạn có thể không để ý nhưng các mẫu blog trong phần Blog1 luôn có các mã thẻ cấu hình adsense nếu bạn đang kí adsense cho blog sẽ có phần chèn ads vào bên trong nội dung blog có thể chỉnh được sau bao nhiêu bài đăng sẽ xuất hiện ads. Dựa vào các đoạn mã điều kiện này tôi đã thay các đoạn mã ads bằng thẻ html tuỳ chỉnh để hiển thị 
Với tư duy sau n bài đăng sẽ hiện code  tôi chỉnh đó về   sử dụng đoạn code dưới đây trong phần main
<b:if cond='data:post.isFirstPost'><!--Ads Here Start--><div style='background:yellow;border:none 1px #F2DBB2; border-bottom: 1px dotted #ddd; padding:10px;margin-bottom:12px;'><div class='img-thumbnail'><a href='http://www.thucleblogs.tk/2015/12/huong-dan-ang-ki-su-dung-uhchat-phan.html' target='_blank'> <img height='60px' src=' http://lh4.googleusercontent.com/-s-nOn0LMplY/Vmd6k10zdMI/AAAAAAAAB_s/XZFlZe-L1CA/s72-c/live-chat-box-embed.jpg ' width='60px'/></a> </div>
<a href='http://www.thucleblogs.tk/2015/12/huong-dan-ang-ki-su-dung-uhchat-phan.html' style='font-size:16px;color:#7A00E8; margin-bottom:10px;' target='_blank'><b>Hướng dẫn đăng kí sử dụng UhChat phần mềm hỗ trợ trực tuyến</b></a><br/> <span style='padding-top:10px;font: normal normal 13px Arial;'>
Trong bài trước mình đã giới thiệu cho các bạn <a href='http://www.thucleblogs.tk/2015/12/tong-hop-cac-cong-cu-ho-tro-chat-truc.html' target='_blank'><b>danh sách các ứng dụng hỗ trợ chat trực tuyến</b></a> Hôm nay Thucle Blogs sẽ hướng dẫn các bạn đăng ký<br/></span> </div>
<!--Ads Here END--></b:if> <b:include data='post' name='post'/>// đây là đoạn code load danh sách bài viết
Với mẫu trên mình áp dụng theo bố cục trên blog của mình các bạn có thể tuỳ chỉnh theo blog của các bạn. Đoạn code trên sẽ được hiển thị như hình dưới đây
Các bạn có thể thao khảo các cách trên blog ThucLe Blog đã áp dụng.Chúc các bạn thành công với hướng dẫn này nhé.