Chủ Nhật, 19 tháng 10, 2014
Tạo box hỗ trợ trực tuyến tích hợp skype và yahoo cho Web/Blogspot
Chủ Nhật, 19 tháng 10, 2014
Một Website không thể thiếu 1 trang liên hệ. Bạn có 1 Website/Blogspot chia sẻ thủ thuật hay giới thiệu sản phẩm... Bạn đang cần cho mình 1 trang hỗ trợ trực tuyến thông qua các công cụ như skype, yahoo, mail và 1 vài thông tin. Ở bài này, tác giả sẽ chia sẻ thêm cho bạn đọc 1 mẫu box hỗ trợ trực tuyến khá đầy đủ và chuyên nghiệp gồm:
+ Ảnh đại diện
+ Thông tin liên hệ
+ Số điện thoại liên hệ
+ Email..
+ Tích hợp buton skype, yahoo hiển thị dạng online/Offline..
Cách thực hiện khá đơn giản như sau: Bạn chỉ cần chèn đoạn Code sau vào nơi cần hiển thị:
Chúc bạn thực hiện thành công. Nếu có thắc mắc vui lòng để lại comment hoặc có thể yêu cầu thêm thủ thuật tại đây
Tags:
Thủ thuật blogger
+ Ảnh đại diện
+ Thông tin liên hệ
+ Số điện thoại liên hệ
+ Email..
+ Tích hợp buton skype, yahoo hiển thị dạng online/Offline..
Cách thực hiện khá đơn giản như sau: Bạn chỉ cần chèn đoạn Code sau vào nơi cần hiển thị:
<div class='boxhohokythuat'><ul><li><div class='avatar-hotrokt'><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn tư vấn kinh doanh' title='Chát cùng Fphn'><img alt='Fphn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwqlBVAKlhKPM3f_DCeGsvXuslxxcK92T3-9nF61tGK8jM_G_GE-vuhmWEp8IY0_wT6b_n52s_RjNzMx-Ec8uEL5jNSs25pr1iBX3-PrrrEGZHayb3g6NQuz9ijhhiAR9k8f8WZFRokGNw/s0/0001455718_w76.png'/></a></div><div class='info-hotrokt'><p>Tư vấn - <span>Fphn</span></p><p>Call: 0985.899.017</p><p>hohoangthai@gmail.com</p><p><a class='mar-right' href='skype:thaiaiti?chat' title='Chát cùng Fphn'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6pyXCCh4O4cqK0ZGYhgsLqF-FD_zX0fRIADhY7AQdI2LZeBtLCuAELYueT60mZt-DD83ximlL7bfIKw-pz3ogfMtM1qSGojWK__gB_VdflV5yR7zLaNKA78coYt4ci51LxcALN6lb9Gh/s0/skype-icon.png' style='float: left;margin-right: 10px;'/> </a><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn tư vấn về Thiết kế Web'><img alt='thaiaiti' border='0' src='http://opi.yahoo.com/online?u=thaiaiti&m=g&t=1&l=us'/></a></p></div></li>Ghi chú: Bạn thực hiện thay đổi các chữ màu đỏ ở đoạn code trên phù hợp với nick yahoo, skype của bạn nhé
<li><div class='avatar-hotrokt'><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn tư vấn kinh doanh' title='Chát cùng Fphn'><img alt='Fphn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT4plk-Y7GLMY2QdujaKt6fGF3gx3XKcXQ1t1Gf4GCQb8Nj4KOmplbqUXFPHwZPSBbM5Z0UXsGE14tsIIZUwy1VYtuv-xr_9hzTCS_Dt5c4zBagNJ92Klzm3dV-M-UZEM7RX1RQVK4VYnM/s0/IMG_0034.JPG'/></a></div><div class='info-hotrokt'><p>Kỹ thuật - <span>Mr.Thái</span></p><p>Call: 0985.899.017</p><p>hohoangthai@gmail.com</p><p><a class='mar-right' href='skype:thaiaiti?chat'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6pyXCCh4O4cqK0ZGYhgsLqF-FD_zX0fRIADhY7AQdI2LZeBtLCuAELYueT60mZt-DD83ximlL7bfIKw-pz3ogfMtM1qSGojWK__gB_VdflV5yR7zLaNKA78coYt4ci51LxcALN6lb9Gh/s0/skype-icon.png' style='float: left;margin-right: 10px;'/> </a><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn nhờ bạn giúp về lỗi kỹ thuật...'><img alt='thaiaiti' border='0' src='http://opi.yahoo.com/online?u=thaiaiti&m=g&t=1&l=us'/></a></p></div></li>
<li><div class='avatar-hotrokt'><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn tư vấn kinh doanh...'><img alt='Fphn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwqlBVAKlhKPM3f_DCeGsvXuslxxcK92T3-9nF61tGK8jM_G_GE-vuhmWEp8IY0_wT6b_n52s_RjNzMx-Ec8uEL5jNSs25pr1iBX3-PrrrEGZHayb3g6NQuz9ijhhiAR9k8f8WZFRokGNw/s0/0001455718_w76.png'/></a></div><div class='info-hotrokt'><p>Kinh doanh - <span>Mr.Thái</span></p><p>Call: 0985.899.017</p><p>hohoangthai@gmail.com</p><p><a class='mar-right' href='skype:thaiaiti?chat'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6pyXCCh4O4cqK0ZGYhgsLqF-FD_zX0fRIADhY7AQdI2LZeBtLCuAELYueT60mZt-DD83ximlL7bfIKw-pz3ogfMtM1qSGojWK__gB_VdflV5yR7zLaNKA78coYt4ci51LxcALN6lb9Gh/s0/skype-icon.png' style='float: left;margin-right: 10px;'/> </a><a href='ymsgr:sendim?thaiaiti&m=Chào bạn, tôi muốn tư vấn kinh doanh'><img alt='thaiaiti' border='0' src='http://opi.yahoo.com/online?u=thaiaiti&m=g&t=1&l=us'/></a></p></div></li>
</ul></div><style>div.boxhohokythuat {float: left;width: 100%;}div.boxhohokythuat li{list-style: none;float: left;width: 313px;margin-bottom: 15px;}div.boxhohokythuat ul {margin: 0;padding: 0;}div#boxlienhehotrokt {float: left;width: 100%;overflow: hidden;}div.avatar-hotrokt {float: left;width: 110px;overflow: hidden;height: 99px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpGdH9PZv8qTZOU7s79whBAM9WC3fELo9Iu7IKqoYNADlDZmXhOMo05tzCQXB6W7Tv1fT9xq3IIgf2djGcSOWYIrTkIhhAx8OqBTguikwpPQZ_vU1a3O1RQD8AnuKht6KTiBIBLf9mHNDY/s0/bg_avatar.png) no-repeat;position: relative;}div.avatar-hotrokt img {float: left;margin-left: 13px;margin-top: 12px;width: 75px;height: 75px;border-radius: 100%;overflow: hidden;}div.info-hotrokt p {font: 13px arial;color: #333;margin: 0;padding: 0;line-height: 22px;}div.info-hotrokt span {color: #f55438;}</style>
Chúc bạn thực hiện thành công. Nếu có thắc mắc vui lòng để lại comment hoặc có thể yêu cầu thêm thủ thuật tại đây
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét