Chia sẻ bộ liên hệ mạng xã hội cố định đẹp cho Blogger
 |
| Demo Ảnh Tiện Ích Mạng Xã Hội |
Các bước cài đặt đơn giản là bạn chỉ cần copy toàn bộ code bên dưới dán trước thẻ đóng </body> và lưu lại là xong.
<style>
/*<![CDATA[*/
#fixed-social-network{position:fixed;top:25%;right:-100px;z-index:9}#fixed-social-network > a{display:flex;align-items:center;border-radius:4px;height:40px;padding:5px;width:140px;transform:translateX(0px);background:#fff;color:#222;border:1px solid #e1e1e1;margin-bottom:7px;transition:all 0.4s ease-in-out}#fixed-social-network > a:hover{transform:translateX(-100px)}#fixed-social-network > a span{display:block;width:30px;height:30px;margin-right:10px}#fixed-social-network > a.zalo-icon span{background-position:-80px -43px;background-size:500%}#fixed-social-network > a.messenger-icon span{background-position:-39px 3px;background-size:500%}#fixed-social-network > a.youtube-icon span{background-position:-80px 4px;background-size:500%}#fixed-social-network > a.instagram-icon span{background-position:3px 3px;background-size:500%}#fixed-social-network > a.tiktok-icon span{background-position:-38px -43px;background-size:500%}#fixed-social-network > a.tiki-icon span{background-position:-123px -43px;background-size:500%}#fixed-social-network > a.shopee-icon span{background-position:2px -47px;background-size:540%}#fixed-social-network > a#back-to-top{background:#144d84;color:#fff}#fixed-social-network > a img{max-height:100%;margin-right:15px}.img-fluid{max-width:100%;height:auto}
/*]]>*/
</style>
<div id="fixed-social-network" class="d-none d-sm-block">
<a href="https://zalo.me/" class="zalo-icon" target="_blank">
<img class="img-fluid" alt="Icon-Zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP5zGauJr0154qUuJUMPG6YJiRNKxhiRYHSBp1XMHBcz-1Fy2ou0Jy0_-wKDE0YgxyS-uRH2AHmTJipLI9VIZWdJk5A25gB8RRw12296ljNKWNUcTppkCRbpLMptVN8mvW8DLtif4O3b1u/h120/zalo.png" /> Zalo
</a>
<a href="https://www.facebook.com/" class="messenger-icon" target="_blank">
<img class="img-fluid" alt="Icon-Messager" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyocweGyq0mwatSwHu2NL7J0i1AX69F0oBwf0Abyn4VR6LIc549Mc0xRTk5LM6v9K14Vdz_rzJGTSR16zivVMTxQMfxb1vDJyEsApyDC6qn_eAYAN4iayocFQT5RQBwlwIwXBmCCYg38-o/h120/Messager.png" /> Messenger
</a>
<a href="https://www.youtube.com/" target="_blank">
<img class="img-fluid" alt="Icon-Youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIg4psGyfs1xETKIgcIapi7GWasAQEChE0lXHwVnuah41k-L2Y-VCkrIIVucmtDkV6x6QjYRfF4ZgIx_7h6xrGYtve8q61AcWFt5PU8IAQKtBJoYOLcNHKOjaon00aUKeAOEKKl4n9UjH/h120/youtube.png" /> Youtube
</a>
<a href="https://www.instagram.com/" target="_blank">
<img class="img-fluid" alt="Icon-Instagram" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP25r70evbnXeCpWndEKJC6CTUyeAP2WPX55DyAPRS7xO7dIO2qfptX3QntbQZj4NdXNuMcownk450M3-KXioFLl6f9hYQlSYh6QZqGqHmWZUp3ldpp6SkhRyXHOtL2A4F3WRSLFDgsgbp/h120/Instagram.png" /> Instagram
</a>
<a href="https://tiki.vn/" target="_blank">
<img class="img-fluid" alt="Icon-Tiki" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisuLMZkVWLlTWmIpOGGGeQ5LYz2f9MTCz67Y3Bb8yGIDjvyEhaN1ykal4b-Qmub6OiYZCzo-BAKECFKPcgHkmB8zprlLiBGKthTEfSxRLnuscl2FIMGaQnwyp3nKAD8smi9wkSBdGKF-eK/h120/tiki.webp" /> Tiki
</a>
<a href="https://www.tiktok.com/vi-VN" target="_blank">
<img class="img-fluid" alt="Icon-Tiktok" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGcnBC5O_JEOh-s7h6Kt4cgheS3yEsy57_uOqsJY_6Xr9GrSNpEw0M3KdnhmWcp1r2Ljyy6zaKMAv_OnpNIlfHh7Qw3sU6o-BvuOh4BT2jTUl0dgZi8E_bI9zGGc7EOO4pafcYQCzigCI/h120/tiktok.png" /> Tiktok
</a>
<a href="https://shopee.vn/" target="_blank">
<img class="img-fluid" alt="Icon-Shopee" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1acSINOgLLxdMHIcQAV6CQekq30yZeAWdYPqgSU478grBx2wxAExkufgFnG3_DtXVBQoBq7Sn7pLMhlpQZcEk3oKsLcQnEzwKmKDgJ4RJFIlcolFOqCxMedLzCIHgZjJZyO8qFY4VwZS/h120/Shopee.png" /> Shopee
</a>
</div>
Chúc bạn thành công :))
Post a Comment