• ✅ (Đã xác minh)
  • Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website

    Hãy tưởng tượng sẽ thế nào nếu khách hàng của bạn khi vào trang blog muốn liên hệ mua hàng mà lại không có nút liên hệ cho blog/web?

    Sẽ thật là tuyệt vời nếu như khách hàng, đọc giả vào trang blog hoặc website của bạn sẽ hoàn toàn có thể liên lạc vơi bạn bằng nút gọi điện hay tin nhắn phía bên góc màn hình...

    Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website

    Hôm nay ngay tại blog này tôi sẽ giúp đỡ bạn làm việc đó thật đễ dàng để không mất đi khách hàng tiềm năng muốn mua sản phẩm của bạn.

    Và tôi hứa là trong blog này sẽ hướng dẫn chi tiết nhất để bạn có thể chèn các nút gọi điện, facebook, zalo.

    Ngay trong một lần làm đã thành công...
    Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website
    Các biểu tượng icon liên hệ sẽ nằm cố định bên phải trên trang blogspot và website của các bạn.

    Hướng dẫn thực hiệ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='link-facebook-messenger' target='_blank' title='Facebook'>
            <img alt='icon' src='https://1.bp.blogspot.com/-Zcp-Bb4BheQ/XqD62cmcAxI/AAAAAAAAIs0/4kqUWcjXIZQIcky6BtKGGmjuwVzcAjstQCLcBGAsYHQ/s1600/icon-menu-right1.png' />
        </a>
        <a href='https://zalo.me/1111111111' title='Zalo'>
            <img alt='icon' src='https://1.bp.blogspot.com/-dbDziPVZ6FM/XqD6-L5R6LI/AAAAAAAAIs8/zAruLZY1XmY8VBc4Q80_WtrkU5aix_NSgCLcBGAsYHQ/s1600/icon-menu-right2.png' />
        </a>
        <a class='phone' href='tel:11111111' title='111111111'>
            <img alt='icon' src='https://1.bp.blogspot.com/-n_xallSAwIA/XqD7C611tlI/AAAAAAAAItA/zIlgBND8WAI2KqbIP3wd1cTgyqP3sfuAgCLcBGAsYHQ/s1600/icon-menu-right3.png' />
        </a>
    </div>
    Chú ý thay các nội dung tô đỏ thành nội dung liên hệ của bạn. Các link image là hình ảnh của các icon liên hệ, nếu muốn thay đổi nó cứ thay đổi link image tương tự là được.

    Kết luận

    Trên đây là hướng dẫn cách Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website không dùng Javascript. Đó! chỉ vài bước đơn giản vậy là khách của bạn có thể liên hệ với bạn rồi, góp phần tăng đơn hàng cho bạn. Chúc bạn thành công!

    Đăng nhận xét

    Cùng chuyên mục

    Service & High Quality Anh Trai Nang Blogger

    Powered by BFGMedia

    Chuyên dịch vụ dành cho blogspot
    và truyền thông

    Google Fonts

    Integrated with 100+ Google Fonts on the Blogger Template Designer

    Unlimited Sidebars

    Make your own sidebar with our high quality blogger templates

    Font Awesome

    More than 1000 icons

    Exclusive Documentation

    Easy & Exclusive Documentation

    Unlimited Colors

    Customize the Skin of the template with Unlimited Color Options

    Google Analytics

    Place your Tracing Code like Google Analytics Only in few options

    Social Sharing

    100% Compatible with 200+ Social Sharing Websites

    Fully Responsive

    Full Compatibility with all Devices like Mobile, Tablet and Desktop

    No Coding Required

    Customize your Website with No Coding Knowledge Required