Danh mục: Thủ Thuật Công Nghệ

Chào các bạn, theo yêu cầu của bạn Duy gửi đến Bác Sĩ Windows nhờ mình chia sẻ trang xếp hạng những người nhận xét nhiều nhất trên blog. XEM DEMONói đơn giản đây là tiện ích giúp thống kê được những ai bình luận nhiều nhất trên Blog của bạn! CÁC BƯỚC THỰC HIỆN Bước 1. Blogger ➔ Trang ➔ Trang mớiBước 2. Bấm qua tab HTML, và dán vào đoạn code sau. <style type=”text/css”>#content-wrapper{width:100%}.top-commentators {margin: 0 0 20px;width:393px;float:left}.avatar-top-commentators {vertical-align:middle;border-radius: 30px;margin:0 6px 0 0}.top-commentators .commenter-link-name {padding-left:0;}</style><script type=”text/javascript”>var maxTopCommenters = 500;var minComments…

Read More

Chào các bạn, nếu bạn đang có một vấn đề gì đó để thông báo với các độc giả trên blog của mình, mà không biết sử dụng code popup nào để tạo thông báo.XEM DEMO Bài viết này mình sẽ hướng dẫn các bạn tạo một popup thông báo nhỏ, gọn bên góc màn hình kèm theo nút tắt để người khác có thể tắt nó sau khi đọc xong. CÁC BƯỚC THỰC HIỆN Bước 1. Chèn script vào trước thẻ </head> <script type=’text/javascript’>function closeelement(){div = document.getElementById(&quot;closeelement&quot;);div.style.display=&quot;none&quot;;}setTimeout(closeelement, 9999999);</script> Bước 2.…

Read More

Chào các bạn, theo yêu cầu của một bạn inbox yêu cầu mình chia sẻ widget Bài đăng phổ biến giống như blog mình đang sử dụng. Bài viết hôm nay mình sẽ chia sẻ đoạn CSS do mình viết để tùy biến widget Bài đăng phổ biến (Popular Post) của Blogspot. Thủ thuật này sử dụng hoàn toàn CSS nên sẽ không ảnh hưởng gì đến tốc độ của blog cũng như các thành phần khác trên blog của bạn nhé! CÁC BƯỚC THỰC HIỆN Bước 1. Blogger ➔…

Read More

Tốc độ website là một trong những yếu tố cực quan trọng giảm thiểu tỷ lệ thoát và tăng yếu tố thân thiện với khách hàng.Và điều chúng ta cần chính là những đồ hồ đo tốc độ web. Hiện nay trên có rất nhiều công cụ kiểm tra tốc độ website chuyên nghiệp tuy nhiên ở đâymình chỉ giới thiệu đến các bạn những công cụ uy tín , chuyên nghiệp và được nhiều người tin dùng. 1. PINGDOM WEBSITE SPEED TEST Pingdom Tools là công cụ test tốc độ…

Read More

Chào các bạn, theo yêu cầu của nhiều bạn hôm naymình chia sẻ khung Một số lưu ý khi bình luận đặt phía trên khung nhận xét (bình luận) của Blogspot. Nói đơn giản thì đây chỉ là một vài dòng text đặt trước khung bình luận của Blogspot thôi. Mình thêm CSS vào cho dễ nhìn và trông đẹp hơn. Mục đích giúp cho khách nắm rõ quy tắc, nội quy khi bình luận trên blog của bạn. CÁCH THỰC HIỆN Bước 1. Đăng nhập vào trang quản lý…

Read More

Chào các bạn, trước đây mình đã giới thiệu đến các bạn mẫu Related Post (bài viết liên quan) cho Blogspot. Tuy nhiên mình nhận được nhiều phản hồi từ mọi người rằng nó không hoạt động, không hiện bài viết !?Vì vậy bài viết này mình sẽ chia sẻ lại code mình đã fix. Xem bài viết cũ tại đây: Click here! Đây là mẫu bài viết liên quan khá đẹp do mình thiết kế, bố cục gồm 3 cột 2 hàng 6 bài viết, có responsive tương thích với các thiết…

Read More

Chào các bạn, bài viết trước đó, mình đã chia sẻ đến các bạn mẫu khung Nội Quy Bình Luận rồi, tuy nhiên nhìn nó không được đẹp mắt cho lắm. Nên phiên bản nâng cấp ngày hôm nay mà Bác Sĩ Windows chia sẻ đến các bạn, mẫu khung Nội quy bình luận được nâng cấp và chỉnh sửa, bổ sung thêm Font Awesome nữa tuyệt đẹp, đẹp hơn nhiều so với mẫu trước đó. Thực chất đây chỉ là một vài dòng text, được mình thêm một tí…

Read More

Chào các bạn, theo yêu cầu của một bạn gửi đến yêu cầu mình chia sẻ widget “Có thể bạn đang tìm“. Thực chất nó là một widget Random Post (bài đăng ngẫu nhiên) đấy. Mình đã chỉnh sửa một tí CSS lại để nhìn đẹp và phù hợp hơn. Code mình lấy từ đâu cũng không nhớ nữa :v CÁCH THỰC HIỆN Bạn chỉ cần tạo một widget HTML/Javascript rồi chèn toàn bộ code này vào là được. <style>#random-posts img{border-radius:5px;float:left;margin-right:10px;width:45px;height:45px;transition:all 0.2s linear 0s}#random-posts img:hover{opacity:0.6}ul#random-posts{list-style-type:none;padding:0}#random-posts a{font-size:17px;padding:0}#random-posts a:hover{text-decoration:none}.random-summary{font-size:11px;background:none;padding:5px;margin-right:8px;display:none!important}#random-posts li{margin:0;border:0;padding:0}</style><ul id=’random-posts’><script type=’text/javaScript’>var randomposts_number = 6; //…

Read More

Chào các bạn, theo yêu cầu của một bạn yêu cầu mình chia sẻ nhãn màu đỏ dưới phần bình luận có chữ “Admin”. Cái này giúp người khác có thể phân biệt giữa tác giả bài viết/admin và người thường. Tips này khá đơn giản thôi, với vài dòng CSS là có ngay một nhãn Admin rồi 🙂 CÁCH 1. DÙNG CSS Bước 1. Đăng nhập BloggerBước 2. Vào trang chỉnh sửa HTML.Bước 3. Tìm thẻ ]]></b:skin> và dán đoạn CSS này vào trước thẻ đó .comments .blog-author a:after{content: “Admin”; background:…

Read More