@bloggiabao
%
%
%
%

Kết hợp quảng cáo dính cuối trang và tạo mục lục trong blogspot

Tạo quảng cáo dính cuối trang :

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>

Xem thêm bài viết liên quan  : 

http://www.ivietpr.com/2019/02/code-tao-quang-cao-dinh-cuoi-trang-don-gian-cho-blogger.html
http://www.ivietpr.com/2019/02/tao-muc-luc-giup-di-chuyen-nhanh-den-noi-dung-trong-bai-viet-blogspot.html

Sau đó chèn đoạn code này vào bài viết cần hiển thị mục lục bài viết : 

<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 chèn code hiển thị mục lục  của bạn tại đây  [Xóa dóng này khi dán code] 
<div id="toc_container">
<b>MỤC LỤC: Nội dung bài viết</b>&nbsp; <span class="accordion active">[Ẩn/Hiện]</span>
<br />
<div class="panel show">
<ul class="toc_list">
<li><a href="#phan-1">Phần 1: abc</a></li>
<li><a href="#phan-2">Phần 2: abc</a></li>
<li><a href="#phan-3">Phần 3: abc</a></li>
<li><a href="#phan-4">Phần 4: abc</a></li>
<li><a href="#phan-5">Phần 5: abc</a></li>
</ul>
</div>
</div>


</div>
</div>
<script type="text/javascript">
    $('.button_sticky_bottom').click(function(){
        $(".ads_sticky_bottom").slideToggle();
    })
</script>


Xem mẫu : 
http://www.ivietpr.com/2019/02/4-thu-thuat-chinh-sua-template-coming-soon-ket-hop-landing-page-lam-trang-seo-gioi-thieu-cong-ty-ca-nhan-cuc-ky-ba-dao.html
MỤC LỤC: Nội dung bài viết
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 ]

Bạn có thể thích những bài đăng này

  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
456





💰

Top Sản Phẩm Công Nghệ / Thiết Bị Điện Gia Dụng /,...
Về Trang Chủ
Chiến mã đường rừng
Chợ Thủy Hải Sản
Điện Thoại Samsung Galaxy S20 FE (8GB/256GB)

Xem Giá Bán

Lenovo Legion Y90 5G Chơi Game SmartPhone Snapdragon 8 Gen1 6.92 ''144Hz AMOLED E4 5600MAh 68W Siêu NFC 64MP

Xem Giá Bán

ASUS ROG Điện Thoại 6 Phiên Bản Giới Hạn Dimensity 9000 + Tặng 5G 6000MAh Pin 6.78 "165Hz AMOLED chơi Game Điện Thoại

Xem Giá Bán

Điện thoại Gaming Tecno POVA 3 (6+5GB)/128GB - Helio G88 | 7000 mAh | Sạc nhanh 33W

Xem Giá Bán

Thotgo.asia - Tel 0968 970 650 : Xưởng Sản Xuất Thớt Gỗ Các Loại
Biến Content Thành Tiền Bạc