Thẻ: Thủ Thuật Blogger

Chào các bạn, theo yêu cầu của một bạn gửi đến thì bài viết này, mình sẽ hướng dẫn các bạn chèn Bài viết liên quan (related post) dạng slide khi cuộn xuống gần cuối trang cho Blogspot. Mang hiệu ứng khá đẹp mắt, thủ thuật này sẽ góp phần làm blogspot của bạn thêm chuyên nghiệp hơn đấy!! CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger ➔ Chủ đề ➔ Chỉnh sửa HTMLBước 2. Chèn CSS vào trước ]]></b:skin> #chslidingbox{background:#fff;width:100%;max-width:330px;height:auto;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:rgba(0,0,0,0.15) 0 1px 1px 1px;transition:all .4s ease-out}.chslidingbox-title{background:#0093da;color:#fff;display:block;height:40px;line-height:40px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px}.chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0…

Read More

Chào các bạn, theo như một bạn yêu cầu thì bài viết này mình sẽ chia sẻ trang báo lỗi 404 cho Blogspot. Được thiết kế hoàn toàn bằng CSS, hiệu ứng màu nền thay đổi sau mỗi giây, thiết kế hợp lí và cân đối, trang báo lỗi này chắc chắn sẽ làm hài lòng bạn với độ ‘đẹp’ của nó! Xem demo bằng hình ảnh tại đây. CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger Chủ đề Chỉnh sửa HTML.Bước 2. Copy đoạn code sau và dán…

Read More

Chào các bạn, thông thường bên dưới mỗi bài viết đều có một khung nhỏ tóm tắt tác giả (người viết) của bài viết đó. Trong bài viết này mình sẽ chia sẻ cho các bạn một khung thông tin tác giả bên dưới bài viết kèm khung đăng ký nhận bài viết qua Email khá đơn giản và đẹp!Các bạn có thể xem demo trực tiếp qua ảnh bên dưới đây nhé. CÁC BƯỚC THỰC HIỆN Bước 1. Chèn CSS #author-bsw-box{user-select:none;background:#fff;float:right;width:100%;margin:0 0 10px}#subscribe-box-bsw p{font-family:Arial,sans-serif;font-size:14px;color:#fff;margin:0 0 24px;padding:0}#subscribe-box-bsw .emailfield{margin:auto}#subscribe-box-bsw .emailfield input{padding:10px…

Read More

Chào các bạn, widget liên kết bạn bè (hay blog bạn bè) khá quan trọng đối với những bạn mới thành lập blog. Nó giúp bạn liên kết với các blog khác. Thường thì widget LKBB đặt ở cuối trang.Bài viết này mình sẽ chia sẻ cho các bạn khung liên kết bạn bè mình đã từng dùng từ lúc mới tạo blog cho đến bây giờ. XEM DEMO CÁCH THỰC HIỆN Đơn giản bạn chỉ việc copy toàn bộ code sau và dán vào một tiện ích HTML/Javascript là được. <style>#bsw-lkbb-widget{padding:0;margin:0;list-style:none}.bsw-lkbb-widget{margin:0;padding:0}.bsw-lkbb-widget…

Read More

Chào các bạn, theo yêu cầu của bạn Trọng Khanh gửi yêu cầu mình chia sẻ khung đăng ký nhận bài viết qua Email mình vừa cài vào Blog.Đây là tiện ích giúp người khác có thể đăng ký theo dõi Blog của bạn bằng địa chỉ Email. Khi bạn xuất bản bài viết mới thì nó sẽ tự động gửi mail về cho người đã đăng ký. Xem thêm: Tạo hộp đăng ký giữa màn hình với hiệu ứng tuyệt đẹp cho Blogspot. XEM DEMO CÁC BƯỚC THỰC HIỆN Bước…

Read More

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