Chào mừng!

Bằng cách đăng ký với chúng tôi, bạn sẽ có thể thảo luận, chia sẻ và nhắn tin riêng tư với các thành viên khác trong cộng đồng của chúng tôi.

Đăng ký ngay!
  • Diễn Đàn VuiCode tạm thời chuyển xang tên miền mới là DienDanIT.NET. Bạn hãy truy cập bằng tên miền mới nhé!

Tip And Guides Thêm code ẩn hiện banner, quảng cáo cho blogspot

Cua

VUTIENANH.COM
Thành viên BQT
Administrator
Thành Viên VIP
DienDanIT 2018
Tham gia
30/10/18
Bài viết
662
Lượt Thích
1,869
VNĐ
972
VNĐ
972
Code ấn hiện banner, quảng cáo cho blogspot, thủ thuật này bạn có thể áp dụng cho mọi loại web khác

HƯỚNG DẪN CÁCH LÀM:
Bước 1: Vào bố cục trong Blogger.com và vào thêm tiện ích rồi nhập đoạn code này vào trong đó
HTML:
<div id='hide-qc'>
<li>
<span class='setting-label'>Ẩn quảng cáo</span>
<input id='hide-qc' name='' type='checkbox' value=''/>
<div class='toggle'>
<label for='toggle-hide-banner'><i></i>
</label></div></li></div>
Bước 2: Vào trang chỉnh sửa HTML Tìm thẻ ]]></b:skin> và thêm css này lên nó (Bước này làm đẹp cho phần code trên)
[HIDEREPLY]
CSS:
/* Hide banner */
#hide-qc li{width:100%;float:none;box-sizing:border-box;background:#fff;border:1px solid #eee;padding:8px 10px;margin-bottom:15px}
input[type=checkbox]{display:none}
.toggle{position:relative;float:right;width:41px;height:25px}
.toggle label,.toggle i{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background:#fff}
.toggle label{width:42px;height:24px;border-radius:35px;border:2px solid #e5e5e5;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
.toggle i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:40px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);background:#fff;-webkit-transition:all .3s cubic-bezier(.275,-.45,.725,1.45);-o-transition:all .3s cubic-bezier(.275,-.45,.725,1.45);transition:all .3s cubic-bezier(.275,-.45,.725,1.45)}
input[type=checkbox]:active+.toggle i{width:35px}
.hd-qc input[type=checkbox]:active+.toggle label,.hd-qc input[type=checkbox]+.toggle label{border:12px solid #e81123}
.hd-qc input[type=checkbox]+.toggle i{left:21px}
.hd-qc input[type=checkbox]:active+.toggle label{border:16px solid #e5e5e5}
.hd-qc input[type=checkbox]:active+.toggle i{left:14px}
[/HIDEREPLY]
Bước 3: Bước cuối, hãy thêm đoạn js + css bên dưới này lên trên thẻ </body> (Bước này mục đích là cho code ở B1 chạy)
HTML:
<!-- Hide qc -->
<style>
.hd-qc .class,.hd-qc #id{display:none!important}
</style>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("hide-qc").addEventListener("click", function () {
    var _0xbabbx3 = document.body.classList.toggle("hd-qc");
    localStorage.setItem("hide-banner", _0xbabbx3)
});
jQuery(document).ready(function (_0xbabbx4) {
    _0xbabbx4(function () {
        _0xbabbx4("hide-qc").click(function (_0xbabbx5) {
            _0xbabbx5.preventDefault()
        })
    })
})
//]]>
</script>
Chú ý: Trong đoạn css .hd-qc .class, .hd-qc #id, phần .class, #id các bạn thay thành đoạn code banner, quảng cáo nhé
Chúc bạn thành công!

By toishare.net
 
Tham gia
18/12/18
Bài viết
154
Lượt Thích
5
VNĐ
0
VNĐ
0
Code ấn hiện banner, quảng cáo cho blogspot, thủ thuật này bạn có thể áp dụng cho mọi loại web khác

HƯỚNG DẪN CÁCH LÀM:
Bước 1: Vào bố cục trong Blogger.com và vào thêm tiện ích rồi nhập đoạn code này vào trong đó
HTML:
<div id='hide-qc'>
<li>
<span class='setting-label'>Ẩn quảng cáo</span>
<input id='hide-qc' name='' type='checkbox' value=''/>
<div class='toggle'>
<label for='toggle-hide-banner'><i></i>
</label></div></li></div>
Bước 2: Vào trang chỉnh sửa HTML Tìm thẻ ]]></b:skin> và thêm css này lên nó (Bước này làm đẹp cho phần code trên)
[Hidden content]
Bước 3:
Bước cuối, hãy thêm đoạn js + css bên dưới này lên trên thẻ </body> (Bước này mục đích là cho code ở B1 chạy)
HTML:
<!-- Hide qc -->
<style>
.hd-qc .class,.hd-qc #id{display:none!important}
</style>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("hide-qc").addEventListener("click", function () {
    var _0xbabbx3 = document.body.classList.toggle("hd-qc");
    localStorage.setItem("hide-banner", _0xbabbx3)
});
jQuery(document).ready(function (_0xbabbx4) {
    _0xbabbx4(function () {
        _0xbabbx4("hide-qc").click(function (_0xbabbx5) {
            _0xbabbx5.preventDefault()
        })
    })
})
//]]>
</script>
Chú ý: Trong đoạn css .hd-qc .class, .hd-qc #id, phần .class, #id các bạn thay thành đoạn code banner, quảng cáo nhé
Chúc bạn thành công!

By toishare.net
ngon :3
 
Top Bottom