Code tạo quảng cáo dính cuối trang đơn giản cho blogger
Chèn đoạn code bên dưới vào cuối ]]></b:skin> :
<style>
.sticky_bottom{position:fixed;bottom:0;width:100%;max-width:1024px;z-index:999;background:#f2f2f2;padding:10px 5px 5px;text-align:center;box-sizing:border-box}
.button_sticky_bottom{position:absolute;width:40px;height:30px;background:#f2f2f2;top:-20px;padding:10px;border-radius:100%;z-index:888;left:50%;margin-left:-15px;text-align:center}
.ads_sticky_bottom{position:relative;z-index:999}
</style>
Chèn đoạn code bên dưới vào cuối </body> :
<div class="sticky_bottom">
<a href="javascript:;" class="button_sticky_bottom"><i class="fa fa-angle-down"></i> </a>
<div class="ads_sticky_bottom" style="display: block;">
//Đặt code quảng cáo của bạn tại đây
</div>
</div>
<script type="text/javascript">
$('.button_sticky_bottom').click(function(){
$(".ads_sticky_bottom").slideToggle();
})
</script>
<style>
.sticky_bottom{position:fixed;bottom:0;width:100%;max-width:1024px;z-index:999;background:#f2f2f2;padding:10px 5px 5px;text-align:center;box-sizing:border-box}
.button_sticky_bottom{position:absolute;width:40px;height:30px;background:#f2f2f2;top:-20px;padding:10px;border-radius:100%;z-index:888;left:50%;margin-left:-15px;text-align:center}
.ads_sticky_bottom{position:relative;z-index:999}
</style>
Chèn đoạn code bên dưới vào cuối </body> :
<div class="sticky_bottom">
<a href="javascript:;" class="button_sticky_bottom"><i class="fa fa-angle-down"></i> </a>
<div class="ads_sticky_bottom" style="display: block;">
//Đặt code quảng cáo của bạn tại đây
</div>
</div>
<script type="text/javascript">
$('.button_sticky_bottom').click(function(){
$(".ads_sticky_bottom").slideToggle();
})
</script>
Ivietpr.com Blog Cá Nhân, Nền Tảng Blogger, Giao Diện Fletro : Xây dựng và phát triển nội dung, theo số liệu phân tích trên cấu trúc content của nhật ký trực tuyến digitalnomad.vn [ Blog Chạy Thử Nghiệm Đa Cấu Trúc ]
