You are here

Thẻ: Blogger

Google Webmaster Tools – Giúp Website nhanh chóng có mặt trên các công cụ tìm kiếm

Template Dep, , , 0 comment

Bạn có bao giờ nghĩ là khi viết blog xong thì khi search google sẽ ra liền bài viết bạn không? Câu Trả lời tất nhiên là KHÔNG. Tại sao vậy, bởi blog của bạn vẫn chưa được Index lên Google Search. Vì lý do đó, lần này mình sẽ hướng dẫn các bạn sử dụng Google Webmaster Tools để bài viết của bạn nhanh chóng có mặt trên các công cụ tìm kiếm. GOOGLE WEBMASTER TOOLS LÀ GÌ ? Cũng Như Gooole Analytics, Google Webmaster Tools là một công cụ giúp cho…

Read More

Hướng dẫn tạo menu dọc cực đẹp cho blogger

Template Dep, , 0 comment

Chào các bạn, theo yêu cầu của một bạn đã gửi đến Bác Sĩ Windows muốn tạo menu dọc như của BSW trước đây. Hôm nay mình viết bài viết này để hướng dẫn các bạn cách tạo một menu dọc cực đẹp cho blogger, thích hợp để hiển thị trên mọi thiết bị. CÁCH THỰC HIỆN Bước 1: Các bạn vào Chủ đề -> Chỉnh sửa template tìm đến thẻ ]]></b:skin> và chèn đoạn code sau lên trước nó: label .bsw{position:absolute;top:125px;left:0;width:30px;height:2px;background:white;display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}label .bsw:after,label .bsw:before{transition:.5s ease-in-out;content:””;position:absolute;display:block;width:100%;height:100%;background:#fff}label .bsw:before{top:-8px}label .bsw:after{bottom:-8px}label input{display:none}label input:checked + .menu{}label input:checked + .menu .bsw{-webkit-transform:rotate(45deg);transform:rotate(45deg)}label input:checked + .menu .bsw:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0}label…

Read More

Cài đặt form google drive gửi thông báo vào mail cho blogspot và website

Template Dep, , 0 comment

Việc tạo form liên hệ từ google form hiện nay khá dễ dạng, bạn có thể tham khảo Tạo form liên hệ cho blogspot (blogger) từ Google Driver biểu mẫu để tạo cho mình 1 form biểu mẫu liên hệ chuyên nghiệp và đẹp mắt từ google form. Google Biểu mẫu cung cấp một số lợi thế. Các câu trả lời của biểu mẫu được tự động lưu trong bảng tính Google có thể dễ dàng được xuất sang các định dạng khác như PDF hoặc CSV. Không giống như các trình tạo biểu…

Read More

Tạo form liên hệ cho blogspot (blogger) từ Google Driver biểu mẫu

Template Dep, , 0 comment

Hiện nay blogspot (blogger) đã quá phổ biến trong cộng đồng thiết kế blogger, làm blog cá nhân tại Việt Nam, tuy nhiên việc tạo form liên hệ cho blogspot lại quá khó khăn và khó tùy chỉnh. Hôm nay mình sẽ hướng dẫn các bạn cách tạo form biểu mẫu thông tin cho blogspot từ google driver. Tạo form liên hệ cho blogspot Bước 1: bạn vào https://drive.google.com/drive/my-drive => Đăng nhập tài khoản Google => Làm theo các bước sau: Bước 2: tiếp theo sẽ hiển thị ra 1 cửa sổ để bạn…

Read More

Tạo thanh thông báo dưới màn hình cho blogger

Template Dep, , 0 comment

Chào các bạn, bài viết này mình sẽ hướng dẫn các bạn cách tạo thanh thông báo hiển thị dưới màn hình cho blogger.Với thanh thông báo này bạn có thể dùng để thông báo cho độc giả một thông tin nào đó mà bạn muốn độc giả chú ý đến. HƯỚNG DẪN THỰC HIỆN Bước 1: Các bạn truy cập vào trang quản trị blogger và chọn Chủ để => Chỉnh sửaBước 2: Các bạn tìm đến thẻ ;]]></b:skin> rồi dán đoạn code sau lên trước nó .thongbao{z-index:999;position:fixed;bottom:0;right:0;left:0;background:#db3737;width:100%;box-sizing:border-box;transform:translateY(-150%);color:#FFFFFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:thongbao-slide-in 0.8s ease forwards}.thongbao-content{display:flex;align-items:center;flex-direction:row;justify-content:center;width:100%;margin:0 auto;padding:5px;box-sizing:border-box}.thongbao-text{font-size:18px;margin:0 20px 0…

Read More

Hướng dẫn tạo hộp like và chia sẻ góc trái màn hình tuyệt đẹp

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tạo hộp like và chia sẻ góc trái màn hình tuyệt đẹp. HƯỚNG DẪN THỰC HIỆN Đầu tiên bạn truy cập vào trang quản trị blogger rồi chọn Chủ đề => Chỉnh sửa. Sau đó các bạn tìm đến thẻ ]]></b:skin> rồi dán đoạn code sau lên trước thẻ đó #conversions-box.conversions-box-open {bottom: 0;}#conversions-box{background:rgba(0,0,0,0.8);position:fixed;z-index:9999;bottom:-95px;left:10px;color:#fff;font-size:13px;font-weight:700;font-family:Helvetica,Arial,sans-serif;text-shadow:px 1px 2px rgba(0,0,0,0.7);-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;padding:25px 35px 45px}#conversions-box-close{position:absolute;top:10px;right:10px;background-size:16px 32px;width:9px;height:9px;text-decoration:none;padding:4px}#conversions-box span {min-width: 100px;display: block;text-align: center;}#conversions-box .fb-like {position:…

Read More

Tổng hợp code Popup quảng cáo cho blogger

Template Dep, , 0 comment

Chào các bạn, bài viết hôm nay mình sẽ chia sẻ đến các bạn những đoạn code popup quảng cáo dành cho blog của các bạn. 1. CODE POPUP XUẤT HIỆN NHIỀU TAB MỖI KHI CLICK CHUỘT Thay <body> thành <body onclick=’open_popup()’><script type=’text/javascript’>/* <![CDATA[ */function open_popup() {window.open(“http://bacsiwindows.com/”)window.open(“http://bacsiwindows.com/”)window.open(“http://bacsiwindows.com/”)}/* ]]> */</script> Mặc định là mở 3 trang Popup, các bạn có thể thêm hoặc bớt với đoạn code window.open(“địa_chỉ_web”)Khuyến cáo: cách này sẽ gây khó chịu cho người dùng 2. CODE POPUP-UNDER HIỆN SAU TRÌNH DUYỆT CHO BLOG/WEB Đặc điểm:– Các popup-under sẽ tự…

Read More

Hướng dẫn tạo widget bài viết nổi bật cho blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tạo widget bài viết nổi bật cho blogger HƯỚNG DẪN THỰC HIỆN Bước 1: Các bạn đăng nhập vào trang quản trị blogger chọn Chủ đề => Chỉnh sửa rồi các bạn dán đoạn code sau lên trước thẻ ]]></b:skin> figure.snip1205 { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 220px; max-width: 310px; width: 100%; background: #000000; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}figure.snip1205 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}figure.snip1205 img { max-width: 100%; vertical-align: top;height: 220px;}figure.snip1205 i { position: absolute; top: 50%; left: 50%; border-radius: 50%; font-size: 40px; color: #000000; width:…

Read More

Chèn bài viết liên quan chứa banner quảng cáo vào bài viết cho blogger

Template Dep, , 0 comment

Chào các bạn, bài viết này mình sẽ hướng dẫn các bạn cách chèn bài viết liên quan chứa banner quảng cáo vào trong bài viết blogger HƯỚNG DẪN THỰC HIỆN Đầu tiên các bạn vào Chủ đề => Chỉnh sửa sau đó các bạn tìm đến thẻ ]]></b:skin> rồi chèn đoạn code sau lên trước nó .post-ads{padding-top:0}.post-ads{float:left;margin:0 10px 10px 0;position:relative}@media(max-width:600px){.post-ads{width:100%}.post-right{margin-left:0!important;width:100%;float:left}}.post-body img{transition:all.3s;max-width:650px}.post-right{margin:0 0 0 310px;padding:0 0 10px}p.post-excerpt{overflow:hidden;margin:10px 0 10px 0;padding:10px;background-color:#f5f5f5;border:0 solid #eee;box-shadow:0 0 0 0 #B5B5B5;font-size:17px;line-height:1.5em}#related-posts1{margin:10px 0}#related-posts1 ul li{list-style-type:none;color:#0053f9;font-size:16px;line-height:22px;max-height:22px;overflow:hidden}#related-posts1 ul li a{color:#0053f9}#related-posts1 ul li a:hover{color:#ff0000}#related-posts1 ul li a:before{content:”f046″;font-family:’FontAwesome’;padding-right:5px}#related-posts1 h4{color:#E74C3C;border-bottom:1px dashed#E74C3C;font-size:18px;margin-bottom:5px}#related-posts1 ul{margin-left:0}#related-posts1.fa{margin-right:5px}#random-posts img{border-radius:1000px;border:5px solid;color:#dddddd;float:left;margin-right:5px;width:75px;height:75px;background-color:#F5F5F5;padding:3px;transition:all 0.2s…

Read More

Tùy chỉnh màu sắc và biểu tượng icon hiển thị trên mobile cho blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tùy chỉnh màu sắc thanh trạng thái và biểu tượng icon của blog khi hiển thị trên mobile. HƯỚNG DẪN THỰC HIỆN 1. CHỈNH SỬA MÀU SẮC Đầu tiên các bạn vào Chủ đề => Chỉnh sửa rồi các bạn dán đoạn code sau bên dưới thẻ <head> <meta content=’#065381‘ name=’theme-color’/><meta content=”#065381” name=”msapplication-navbutton-color”/><meta content=”#065381” name=”apple-mobile-web-app-status-bar-style”/> Thay #065381 thành mã màu bạn muốn 2. CHỈNH SỬA BIỂU TƯỢNG ICON Các bạn cũng copy và dán đoạn code sau bên dưới thẻ <head> <link href=”url-icon-website.png” sizes=”192×192″…

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 /