Hướng dẫn tạo nút chia sẻ bài viết với hiệu ứng popup

Hướng dẫn tạo nút chia sẻ bài viết với hiệu ứng popup

Tác dụng của tạo nút chia sẻ bài viết với hiệu ứng popup thứ nhất không bị plugin quảng cáo chặn hiển thị, thứ hai tiết kiệm diện tích khi đặt nút chia sẻ vào vị trí nào đó. Thủ thuật gồm 3 bước tạo style cho nút, chèn jquery và đặt nút vào vị trí muốn hiển thị. 1. Tạo style cho nút chia sẻ chèn trong <b:skin> Copy .dropdown-container {     position: absolute;     background: #ffffff;     display: none;     z-index: 10;     border: 1px solid #e5e5e5;     border-radius: 2px;     max-width: 190px;     width: 160px;     margin-top: 5px; } .dropdown-container_sub1 {     background-image: url(//i.imgur.com/d0NQI5b.png);     background-position: center top;     background-repeat: no-repeat;     height: 12px;     left: 20px;     position: absolute;     top: -9px;     width: 20px; } .dropdown-container li {     list-style:none } .dropdown-container li a {     font-size: 15px;     color: #333333;     display: block;     font-weight: 400;     padding: 8px 15px;     text-transform: none; } .dropdown-container li a:hover {   …