Hướng dẫn tạo nút Like và Share Facebook cho bài viết Blogger

Bạn muốn bài viết Wapsite của mình có nút like và Share để mọi người like và chia sẻ bài viết của bạn? Trong bài viết hôm nay mình sẽ hướng dẫn các bạn tạo nút Like và Share facebook cho bài viết Blogspot (Blogger). Demo như sau: Để tạo nút Like và Share Facebook bạn cần có một ứng dụng Facebook.Truy cập: https://developers.facebook.com/apps/ để tạo...

Read More

Cho phép coppy nội dung nhất định Blogger (Blogspot)

Thủ thuật này cho phép độc giả coppy những nội dung cho phép trong bài viết blogger bằng cách sử dụng chống coppy bằng ccs và javascript. Nghĩa là chỉ được coppy những phần được cho phép nhằm hạn chế dười dùng coppy bài viết. Cách 1: Chống coppy bằng ccs 1. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML) 2. Bạn thêm code vào sau thẻ  ]]></b:skin> Code: <!--Disable...

Read More

Gắn hình ảnh cho bài đăng mới nhất

Có nhiều cách để tạo sự khác biệt cho bài đăng mới nhất. Trước đây mình đã hướng dẫn Tạo mầu nền riêng cho bài đăng mới nhất nhưng có vẻ nó khó thực hiện với những bạn chưa biết nhiều về Blogger template. Hôm nay mình sẽ hướng dẫn một cách khác để tạo sự khác biệt cho bài đăng mới nhất bằng cách sử dụng một hình ảnh hiển thị bên cạnh bài đăng này. Cách thực hiện khá đơn...

Read More

Tùy chọn vị trí quảng cáo cho banner blogger

Banner 468x60 pixels là 1 trong những banner quảng cáo được sử dụng phổ biến trên weblog, thông thường nó được đặt ở header. Để gây sự chú ý cho độc giả mình sẽ hướng dẫn chèn nó ở 2 vị trí là ở giữa bài viết thứ nhất và thứ 2 khi duyệt trang kiểu index và ở phía trên bài viết khi duyệt trang kiểu item.  Bước 1: Tạo hàm hiển thị quảng cáo. Code: Tìm thẻ <b:includable...

Read More

Hướng dẫn chèn ảnh, video, nhạc vào comment Blogspot

Điểm mạnh của blog là tính tương tác giữa người viết và người đọc. Những dẫn chứng dạng chữ chưa đủ tính thuyết phục thì người đọc còn muốn chèn thêm ảnh, video hoặc nhạc. Ở diễn đàn thì việc chèn ảnh, video hay nhạc được thực hiện dễ dàng với BB code, còn Blogger chỉ hỗ trợ 3 thẻ HTML là <b>, <i> và <a> - điều đó chưa đủ làm thỏa mãn bạn? Bài viết này...

Read More

Tạo thông báo chỉ xuất hiện lần đầu truy cập blogger

Thủ thuật này hướng dẫn bạn tạo thông báo đăng ký đọc tin RSS và nó chỉ xuất hiện với người truy cập lần đầu tiên tới blog bạn. Dựa vào cookie được trình duyệt lưu lại, thông báo sẽ không xuất hiện cho những lần truy cập tiếp theo. Thông báo này được hiển thị ở bên trên nội dung bài viết của bạn. Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong...

Read More

Bài viết ngẫu nhiên load nhanh cho Blogger

Một trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về. Trong tiện ích mình giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển...

Read More

Đánh số thứ tự cho khung nhận xét cho Blogspot

Khung nhận xét cơ bản đã là trực quan, tuy nhiên một số bạn còn muốn thêm đánh số thứ tự cho nhận xét. Việc đánh số thứ tự cho nhận xét giúp chỉ đích danh nhận xét đó và bài viết này sẽ giúp bạn làm điều đó. Số thứ tự được ghi theo thời gian nhận xét, có nghĩa nhận xét nào có trước sẽ được đánh số trước, nhận xét nào có sau sẽ được đánh số sau. Vì khung nhận xét không...

Read More

Tạo Style khung bình luận bài viết cực đẹp cho Blogspot

Đây là một style dành cho khung nhận xét mặc định của Blogger. Với style này khung nhận xét của bạn trở nên trực quan hơn khi có sự phân biệt rõ ràng giữa nhận xét reply và nhận xét được reply. Nhận xét của tác giả bài viết được gắn thêm ribbon để phân biệt với các nhận xét khác. Style này được thiết kế theo đúng phong cách mình vẫn theo đuổi lâu nay: đơn...

Read More

Tạo Style top bài viết cực đẹp cho Blogspot

Bài viết hướng dẫn bạn Tạo Style top bài viết cực đẹp cho Blogspot có giao diện như hình dưới. Ban đầu mình định sử dụng CSS 3 tuy nhiên vì muốn hiển thị cả trên IE7 nên lại chuyển về CSS 2, trong đó thì việc đánh số là CSS 2.1 nên trên IE7 không có đánh số thứ tự. Trong bài viết này mình sẽ áp dụng cho Popular Posts cóidlà PopularPosts1. Bước 1: Thêm đoạn...

Read More

Tạo phân trang page navigation cho Blogger

Hôm nay mình xin tiếp tục chia sẻ các bạn thanh điều hướng page navigation, nó sẽ giúp các bạn đánh số trang bài viết có trên trang chủ của mình, rất quan trọng nếu blog của bạn có số lượng bài viết lớn. Thanh điều hướng page navigation cho Blogger Cũng như hầu hết các bài trước, việc thêm thanh điều hướng page navi khá đơn giản, chỉ cần vài bước Đăng nhập vào Blogger...

Read More

Tạo hiệu ứng ứng tuyết rơi cho Blogger

Hướng dẫn tạo hiệu ứng ứng tuyết rơi cho Blogger/Website cực tuyệt đẹp. Hiệu ứng này với ưu điểm khá đơn giản tối ưu tốc độ tải trang của bạn. Bạn truy cập blogger.com → Mẫu → Chèn đoạn Code sau vào bên trên thẻ </head> Code: <script src='http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js'/><script type="text/javascript"> snowStorm.snowColor...

Read More

Hướng dẫn tạo hiệu ứng hoa mai rơi tuyết rơi lá rơi cho Blogger

Hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc. Ngoài ra các hiệu ứng hoa anh đào rơi, hiệu ứng lá rơi (khi trời chuyển sang thu),hiệu ứng tuyết rơi, hiệu ứng sao rơi,… Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>. Sau đó dán...

Read More

Thêm style cho khung comments blogger

Demo: Cách thêm như sau: Bước 1:  Vào Teamplate chọn Edit HTML Bước 2:  Nhấn CTRL+F Nhập từ khóa: Code: ]]></b:skin> Thêm trước vào đó code sau: Code: .comments .comment-block { background: #F9F9F9; color: #555; box-shadow: 0 4px 10px #EEEEEE; position: relative; margin-top: 10px; margin-left: 60px; padding: 10px; border: 4px...

Read More