Hướng dẫn tạo tiện ích liên hệ cố định bên phải blog

[blog]
Hướng dẫn tạo tiện ích liên hệ như Zalo, Messenger, Gọi điện, Facebook cố định bên phải blogspot hiển thị cả trên máy tính và điện thoại.

Các biểu tượng icon liên hệ sẽ nằm cố định bên phải trên trang blogspot của các bạn.

Các bước thực hiện đơn giản là chỉ cần copy toàn bộ code sau dán trước thẻ đóng </body> và lưu lại là xong

<style>

.fixed-right{position:fixed;z-index:9999;right:5px;transform:translateY(-50%);top:calc(50% + 10px)!important;width:50px;text-align:center;overflow:hidden}

.fixed-right a{margin-bottom:10px;width:40px;height:40px;display:inline-block}

.fixed-right a.phone{border-radius:50%;background:#64bc46;padding:6px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}

.fixed-right img{border:0 none;max-width:100%;height:auto}

</style>

<div class='fixed-right'>

    <a href='https://facebook.com/giaodienblog.net' target='_blank' title='Facebook'>

        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yg-fs3de1YQGlcaudlEkFSgbuvdv2uvDHzyTJNf9NlWTeAHqtUmgqMFk4mO2U7twMwCS20Q3RVXOkC0q_GZoTQ32otCTdZtCmUq8O4Wcde0_h46I-eMgWAiRhvJEQE3B8bYqd0_gMu4/s1600/icon-menu-right1.png' />

    </a>

    <a href='https://zalo.me/1111111111' title='Zalo'>

        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQm7zBfA6Jev0155H8t7Ii4qvh-z84fcRRCga7oZps_fiQiS-cpaMvT08glvwVdTE6T0Q5iQXWRub_QlI1JMBVOAELePpPsRU0gLrgtUZCEpZS_smpKcAfm4RPcxsJtrbB2r33_y8nLY/s1600/icon-menu-right2.png' />

    </a>

    <a class='phone' href='tel:11111111' title='111111111'>

        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUVdBv-YL0gc76UWeHgpRwkMHNOhiWxaOhJ3S7aY8jq0kr8AKh1rwJN4KRQRKv-vyvNHXHou4S-tfxBHjp9SJ-RSfzZl1L7fgNkG2b-FvfhyphenhyphenaJ955ffdliGT-RPx3cZ2Xs6WIxNlcu-9U/s1600/icon-menu-right3.png' />

    </a>

</div>

Các bạn muốn thêm icon thì cứ copy thẻ <a>...</a> rồi thay link hình vô là được.

Trên đây là hướng dẫn cách tạo mẫu tiện ích liên hệ đơn giản cho blogspot không dùng Javascript.

[/blog]