You are here

Thẻ: Thủ Thuật Blogger

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

Hướng dẫn tạo menu trượt dọc với hiệu ứng tuyệt đẹp cho blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ chia sẻ đến các bạn cách tạo menu trượt dọc theo trang với hiệu ứng tuyệt đẹp cho blogger. HƯỚNG DẪN THỰC HIỆN Đầu tiên các bạn truy cập vào trang quản trị và chọn 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ó #snav.en{left:0;text-align:left;width: 6%;}#snav.en li span{left:-350px}#snav.en li a:hover span{left:35px}#snav.ar{right:0;text-align:right}#snav.ar li span{right:-100px}#snav.ar li a:hover span{right:35px}#snav{position:fixed;top:20%;z-index:9999;font-size:18px;font-family:&#39;Open Sans&#39;,sans-serif}#snav ul{list-style:none}#snav *{margin:0;padding:0;outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#snav li a{text-decoration:none;color:#fff;display:block;position:relative}#snav .fa{vertical-align:middle;font-size:18px;width:35px;height:35px;line-height:35px;text-align:center;position:relative;z-index:4}#snav li span{font-size:15px;vertical-align:middle;height:35px;line-height:35px;width:auto;white-space:nowrap;overflow:hidden;display:block;padding:0 15px;position:absolute;top:0;visibility:hidden;z-index:3}#snav li…

Read More

Cách lấy toàn bộ dữ liệu bài viết của một blog bất kỳ và cách ngăn chặn

Template Dep, , 0 comment

Dữ liệu hay data chính là những bài viết, những trang trong blog. Chúng ta có thể lấy được dữ liệu đó là do 1 tính năng mà blogspot cung cấp – RSS – ATOM – Nguồn cấp dữ liệu bài đăng. Một số người lấy dữ liệu của chính blog của họ để đăng lên site vệ tinh, cũng có một số lười viết bài nên đi ăn cắp dữ liệu của blog khác. Làm sao mà họ làm được điều đó?Ở bài viết này mình sẽ hướng dẫn…

Read More

Code đếm phần trăm khi cuộn trang cho blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ chia sẻ đến các bạn code đếm phần trăm khi cuộn trang cho blogger HƯỚNG DẪN THỰC HIỆN Đầu tiên các bạn đăng nhập vào trang quản trị blogger, sau đó các bạn chọn Chủ đề -> Chỉnh sửa Tiếp theo các bạn tìm đến thẻ ]]></b:skin> rồi dán đoạn code sau lên trước nó #scroll{display:none;position:fixed;top:0;right:20px;z-index:500;padding:3px 8px;background-color:#2187e7;color:#fff;border-radius:3px}#scroll:after{content:” “;position:absolute;top:50%;right:-8px;height:0;width:0;margin-top:-4px;border:4px solid transparent;border-left-color:#2187e7} Sau đó các bạn dán đoạn code sau lên trước thẻ </body> <div id=’scroll’/><script type=’text/javascript’>//<![CDATA[var scrollTimer = null;$(window).scroll(function() {   var viewportHeight = $(this).height(),       scrollbarHeight =…

Read More

Tạo hộp thông báo nhỏ góc màn hình cho blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mik sẽ chia sẻ đến các bạn cách tạo hộp thông báo nhỏ ở góc màn hình cho blogger. HƯỚNG DẪN THỰC HIỆN Bước 1: Các bạn vào Chủ đề => Chỉnh sửa sau đó các bạn dán đoạn code bên dưới vào trước thẻ]]></b:skin> #notification_box_wrap{position:fixed;height:auto;background-color:#ffffff;color:#333333;box-shadow:0 1px 2px rgba(0,0,0,0.2);cursor:pointer;bottom:5px;right:5px;}.left_area{width:80px;height:100%;float:left}.left_area .notification_box_img{width:80px;height:auto;border-image:none}.right_area{padding-top:10px;padding-left:15px;padding-bottom:10px;width:260px;height:auto;float:left;word-wrap:break-word}.right_area .notification_title{padding-bottom:4px;font-size:14px;line-height:20px;font-weight:600;}.right_area .notification_description{line-height:16px;word-wrap:break-word}.right_area .domain_name{margin-top:4px;color:#7f7f7f;font-size:12px;line-height:16px}input.close_box{position:absolute;top:0;right:0;cursor:pointer;padding:5px 10px;background:#fff;border:none;font-size:18px;color:#888;} Bước 2: Các bạn tìm đến thẻ đóng </body> rồi copy đoạn code bên dưới vào  <div id=”notification_box_wrap”>    <input class=”close_box” onclick=’document.getElementById(&apos;notification_box_wrap&apos;).style.display=&apos;none&apos;;’ title=’Đóng’ type=’button’ value=’&#215;’/><a href=”http://bacsiwindows.com/” target=”_blank”>    <div class=”left_area”>        <img class=”notification_box_img” src=”https://2.bp.blogspot.com/-loz22PGQzkg/WOpJH749oxI/AAAAAAAAFPc/83Rhqf306WMmJC9pQKC5lXqiNA6T26B_ACLcB/s1600/gift.png”/>   …

Read More

Tổng hợp Javascript hiển thị thống kê dữ liệu trong blogger

Template Dep, , 0 comment

Chào các bạn, hôm nay mình sẽ giới thiệu đến các bạn những đoạn javascript hiển thị thống kê dữ liệu trong blogger. HƯỚNG DẪN THỰC HIỆN Bước 1: Đăng nhập vào trang quản trị blogger rồi chọn Chủ đề -> Chỉnh sửa  Bước 2: Tìm đến thẻ </body> rồi dán đoạn Javascript sau lên trước nó <script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’></script><script type=’text/javascript’>// Hiển thị thời gian tải trangvar startTime = new Date();function currentTime() {var a = Math.floor((new Date() – startTime) / 100) / 10;if (a % 1 == 0) a += &quot;.0&quot;;document.getElementById(&quot;endTime&quot;).innerHTML = a;}window.onload = function() {clearTimeout(loopTime);}var loopTime =…

Read More

Tạo nút Like để mở khóa nội dung bài viế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 nút Like, Chia sẻ mạng xã hội để mở khóa nội dung bài viết được ẩn đi, điều này giúp tăng lượt tương tác trên mạng xã hội tuy nhiên đôi lúc nó cũng làm cho độc giả cảm thấy khó chịu, vì vậy bạn cần phải cân nhắc trước khi sử dụng nhé. DEMO Để mở khóa nội dung, bạn vui lòng like hoặc chia sẻ lên mạng xã hội dưới đây.   HƯỚNG DẪN THỰC HIỆN…

Read More

Cách tạo Sitelinks cho trang web của bạn khi tìm kiếm trên google

Template Dep, , 0 comment

Chào các bạn, như các bạn đã biết thì khi tìm kiếm trên google các bạn thường thấy ngay bên dưới kết quả tìm kiếm top 1 đó là sitelinks của trang web đó. Nếu website của bạn có sitelinks thì người dùng có thể tiếp cận với nội dung trang web của bạn một cách nhanh chóng thông qua các sitelinks này, điều này rất có lợi cho SEO. Bài viết này mình sẽ hướng dẫn các bạn cách để tạo Sitelinks cho website của các bạn. Các bạn…

Read More

Tạo quảng cáo cố định hiển thị hai bên 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 quảng cáo cố định 2 bên cho blogger.Với những bạn đang chơi google adsense thì thủ thuật này sẽ giúp bạn tối ưu hiển thị quảng cáo trên blog của các bạn, tận dụng những không gian còn trống để chèn quảng cáoXEM DEMO 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 rồi chọn Bố cục -> Chỉnh sửa Bước 2: Tiếp theo các bạn tìm đến thẻ ]]></b:skin> rồi dán đoạn code sau lên…

Read More

Tự động thêm link liên kết cho từ khóa trong blogger

Template Dep, , 0 comment

Chào các bạn, trong bài viết của các bạn nên có thêm link liên kết cho các từ khóa chính để cho độc giả có thể tìm hiểu thêm về nó và điều này cũng giúp bài viết của bạn seo tốt hơn. Tuy nhiên bạn lại thường hay quên việc này hoặc bạn đã có rất nhiều bài viết và việc thêm thủ công thì rất mất thời gian. Hôm nay mình sẽ hướng dẫn các bạn cách để tự động thêm link liên kết cho từ khóa trong…

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 /