Chào các bạn , các bạn cũng biết đấy thông tin liên hệ trên website là không thể thiếu đối với những website bán hàng hoặc dịch vụ ,... Vì vậy làm sao để có 1 thông tin liên hệ đẹp , chuyên nghiệp thì mình mời các bạn tham khảo bài viết sau nha . bài này mình xin chia sẻ đến các bạn một source code thanh toolbar chuyên nghiệp hiển thị trên giao diện mobi .
 |
hướng dẫn |
Bước 1 : Các bạn truy cập vào trang quản trị website thêm mã nhúng css sau vào phía dưới thẻ <head> của trang web bạn.
CODE
<link href="https://cdn.jsdelivr.net/gh/leminhut/blogvnit.com/tool/toolbar.css" rel="stylesheet" type="text/css"/>Bước 2 : Để cho nó hiển thị trên trang web bạn tiếp tục bạn hãy thêm đoạn html sau vào phía trên thẻ đóng </body> của trang web bạn ( thẻ này nằm dưới cuối cùng )
CODE
<div class='blogvnit_toolbar'>
<ul>
<li>
<a href='javascript:callme('tel:0359181712')' title='Gọi điện'>
<img alt='' class='attachment-full size-full' height='41' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3vQkinMm4KJ6ON71TvuD1B9UEq8c5Uhyphenhyphen-2WZakP1_aSkB8nh_VKQJcCzkO-TPOnH6aHhIDzBDadq1KfFKTd_PPzqELSL52g_B8hOj_Btxnco-OVflhvZ7iv7vCXjkJizrGOduz9DJvQ/s1600/icon-t1.png' width='41'/><br/>
<span>Gọi điện</span>
</a>
</li>
<li>
<a href='javascript:callme('sms:0359181712')' title='Nhắn tin'>
<img alt='' class='attachment-full size-full' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mYoactQ_uLdVL2E1n3_1Q02_uBLMvVbGw6zMvhBz-A7rHU_dzrahd6609-P6OkYYQJfpU1K4kHgol7HIanazx303u3f-bSate_a1r_CrIQrQJP-Nj9gjpUcStWqO8fKga1w_TmCfUYk/s1600/icon-t2.png' width='56'/><br/>
<span>Nhắn tin</span>
</a>
</li>
<li>
<a href='javascript:callme('https://zalo.me/starutblog')' title='Chat zalo'>
<img alt='' class='attachment-full size-full' height='41' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjIVVLzEnn4aS5ZDw1urLjUtMS60kuyFEqhdjDx2tZpUiOLcRr_8BTQQs1-aaKjFfnRYTb4eMFfG8mx0dZS5xSIzxIrVqHVrtZ4-tVR0nX2QQVpBQd5g_mnB0Ga7GOXDWGHVRQ5K5efXg/s1600/icon-t3.png' width='105'/><br/>
<span>Chat zalo</span>
</a>
</li>
<li>
<a href='javascript:callme('https://m.me/starutblog.contact')' title='Chat facebook'>
<img alt='' class='attachment-full size-full' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKSKMkGopbMsdrqmKfrf-SJYbHIJ_eJ3hCfOb6m66f9HdmZZgaBeEMdiP09b41bZ1dgBWtURjxxz_Fj9CSYqeAT-y76PbXXX0dcdUQjwV5baJ9Kl_A2zbGcebQJ0yNogFQkn0jHbA1rus/s1600/icon-t4.png' width='57'/><br/>
<span>Chat facebook</span>
</a>
</li>
</ul></div>CODE
<script>function callme(url){window.location = url;}</script>
thêm đoạn script này vào trên thẻ đóng </body> để toolbar hoạt động nhé
Lưu ý : các bạn hãy tùy chỉnh chỗ mình tô màu đỏ thành đường dẫn sau cho phù hợp với bạn.
lời kết
chúc các bạn thành công , nếu thấy hay đừng quên thường xuyên ghé thăm trang web của mình để cập nhật các bài viết mới nhất nhé mọi người , cảm ơn bạn đã dành thời gian quí báo xem bài viết.
