You are here

Thẻ: Thủ Thuật Blogger

[FIXED] Tạo Bài VIết Liên Quan 3 cột 6 bài viết tuyệt đẹp cho Blogspot

Template Dep, , 0 comment

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

Tạo khung Nội Quy Bình Luận tuyệt đẹp cho Blogspot (style 2)

Template Dep, , 0 comment

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

Tạo widget Có thể bạn đang tìm Random Posts cho Blogspot

Template Dep, , 0 comment

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

Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách

Template Dep, , 0 comment

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

Code trang trí Blog tuyệt đẹp mừng Tết

Template Dep, , 0 comment

Tình cờ ghé ngang www.giangna.com thấy có bài viết chia sẻ code trang trí cho blog tuyệt đẹp nên mang về chia sẻ lại cho mọi người.Thủ thuật này sử dụng javascript và css, sẽ biến mất khi trang load xong. Cùng xem và thực hiện nhé.XEM DEMO HƯỚNG DẪN THỰC HIỆN Bước 1: Đăng nhập Blogger  Mẫu  Chỉnh sửa HTML.Bước 2: Copy và paste đoạn code sau vào sau thẻ <body> trong template. <style>#loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loading{display:block;position:relative;left:50%;top:50%;width:225px;height:225px;background:none;z-index:1002;margin:-112.5px 0 0 -112.5px}#loading-wrapper .loading-section{position:fixed;top:0;width:50%;height:100%;background:#f1f1f1;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loading-wrapper .loading-section.section-left{background:#bc0808 url(https://lh6.googleusercontent.com/proxy/YZje-7DYvO1JKLJ7CqTwzQPGbTOrYg3MtVEGIAS_hvbZu_0HYjaYLpPC59iBD3l3w9Q=s0-d) top right no-repeat;left:0}#loading-wrapper .loading-section.section-right{background:#bc0808 url(https://lh4.googleusercontent.com/proxy/pfpwkNfovjUABQJ4h0nJWOTIZVDk_tqzGq9ZWD4fMXgozfpdW4x_aETZ1UEk343HepM=s0-d) top left no-repeat;right:0}#loading-wrapper .loading-section.section-left a,#loading-wrapper .loading-section.section-right a{width:70%;height:100%;cursor:pointer;display:block}#loading-wrapper .loading-section.section-right…

Read More

Tạo link rút gọn chuyển hướng cho Blogspot không cần Javascript

Template Dep, , 0 comment

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ẻ cách làm link chuyển hướng thế này: domain.com/about thì sẽ chuyển đến domain.com/p/about.html; domain.com/lien-ket thì sẽ chuyển đến domain.com/2017/05/lien-ket-ban-be-cung-hop-tac-cung-phat-trien.html. Thực ra đây không hẳn là một thủ thuật, vì đây là công cụ chuyển hướng có sẵn của Blogger thôi, để biết rõ hơn thì cùng xem cách làm nhé. CÁCH THỰC HIỆN Bước 1. Đăng nhập vào Blogger.Bước 2. Chọn đến Cài đặt ➔ Tùy chọn tìm kiếm ➔ Chuyển hướng tùy chỉnh và bấm Chỉnh sửa. Bước 3. Bấm Chuyển…

Read More

Tạo link chuyển hướng ra ngoài bằng Javascript cho Blogspot

Template Dep, , 0 comment

Chào các bạn, bài viết tạo link rút gọn chuyển hướng cho blogspot không cần javascript trước đó mình đã chia sẻ các bạn một cách giúp tạo link chuyển hướng trong nội bộ blog, tuy nhiên nếu mình muốn tạo link chuyển hướng ra ngoài blog, đi đến những trang khác thì làm như thế nào? VD: bacsiwindows.com/admin sẽ tự động chuyển hướng đến bacsiwindows.com/go/fb và tự chuyển hướng đến www.facebook.com/… Bài viết hôm nay, Bác Sĩ Windows sẽ chia sẻ đến các bạn một cách khác có sử dụng javascript giúp bạn…

Read More

Tùy chỉnh dòng thông báo khi xóa nhận xét của Blogspot

Template Dep, , 0 comment

Chào các pn, theo yêu cầu của một bạn gửi đến Bác Sĩ Windows nhờ mình chia sẻ cách tùy biến dòng thông báo của phần nhận xét khi xóa. Mặc định nó là “Nhận xét này đã bị quản trị viên blog xóa” hay “Nhận xét này đã bị tác giả xóa“. Giờ mình muốn thêm phía sau hoặc phía trước nó một vài chữ thì làm thế nào? Để làm được như vậy thì ta thực hiện như sau. Khá đơn giản thôi, chỉ với một hai dòng CSS là…

Read More

Tạo thanh thông báo đẹp và đơn giản có nút tắt cho Blogspot

Template Dep, , 0 comment

Chào các bạn, bài viết trước đó, mình đã giới thiệu cho các bạn một mẫu popup thông báo nhỏ nằm dưới góc màn hình. Có lẽ nó vẫn chưa đủ đẹp mắt, vì vậy bài viết hôm này Bác Sĩ Windows sẽ chia sẻ đến các bạn mẫu thanh thông báo đẹp hơn, màu đỏ đính trên đầu trang web có kèm nút X để tắt. CÁCH THỰC HIỆN Bước 1. Chèn CSS vào trước ]]></b:skin> #closeelement { position: fixed; z-index: 9999999; top: 0; left: 0; padding: 15px; background: #ff6c6c; color:…

Read More

Tạo widget Đăng ký nhận bài viết qua Email tuyệt đẹp cho Blogspot (Style 4)

Template Dep, , 0 comment

Chào các bạn, do có nhiều bạn đã yêu cầu mình chia sẻ mẫu widget nhận bài viết qua Email trên group. Hôm nay rảnh rỗi ngồi nghịch một tí CSS, làm ra cái widget này nên sẵn tiện viết bài chia sẻ luôn cho nóng! Mẫu này được mình tùy biến lại từ code của bài viết này – click xem. Vì vậy toàn bộ code HTML giống 100%, mình chỉ sửa CSS lại thôi. Nếu bạn có sử dụng mẫu trước đó của mình thì xóa đi nhé, kẻo xung đột…

Read More
sơn epoxy / sơn sàn epoxy / cửa lưới chống muỗi / vách ngăn lướii chống muỗi / cửa lùa chống muỗi / vệ sinh công nghiệp / đánh bóng sàn bê tông / vệ sinh nhà máy / dịch vụ giặt thảmm / vệ sinh nhà hàng / vệ sinh tòa nhà / dịch vụ vệ sinh kính / vệ sinh khách sạn / vệ sinh chung cư / dịch vụ cắt cỏ / đánh bóng kính / diệt côn trùng / diệt mối / diệt kiến / diệt muỗi / diệt ruồi / diệt gián / diệt chuột / dọn bể nước ngầm / phụ kiện mái che / cơ khí chế tạo / mái che di động / rèm nhựa / vách nhựa ngăn phòng lạnh / rèm nhựa phòng lạnh / dù che nắng / mái kéo di động / nhà bạt di động / mái xếp di động / mái hiên di động / thay bạt mái hiên di động / bạt che nắng / phụ kiện mái che di động / mái che sân thượng / mái che quán cafe / mái che di động miền bắc / mái che di động miền nam / bạt che di động hcm /