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 Thái AiTi'><img alt='Thái AiTi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1O5sOYd11UYggfMaPZBVH2tiOScHxKTuETOKKDSLYWpGMIrLYgcKlxUHizcaW7JxfqU7N5JIXeyjzH4OEFNepPd333a4X-El20xANJNP2esBoOMoAsSTMeI3igQASxueSwil-Aca4aR6/s0/0001455718_w76.png'/></a></div><div class='info-hotrokt'><p>Tư vấn - <span>Thái AiTi</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 Thái AiTi'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugFLgYtq6jicjy-lcwmsot4f_axb0DXbpo21URApX2Y7RRhTT6UJzAgjSmmXIirtWB9LRDNIhx_O3-I0xhBAkqh_Dw4kydFKtKTZoMHen9A5InwoHJQKNVBoPqJAKyRh3zohmxgDVD3Xe/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 Thái AiTi'><img alt='Thái AiTi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia50jGC2JZqkznBW9tbcLqn4XndX9E_eHdCfHeAHX_OjYCfHkrAI-9XVfFeBRIamFsQf9QmaHyiMd88glZnGX3yZ2j9sD9G3_jaqz2vn1v6zGzGXO8XCMslrvxt-F7Hcbk-bua6AEDuIG8/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/AVvXsEiugFLgYtq6jicjy-lcwmsot4f_axb0DXbpo21URApX2Y7RRhTT6UJzAgjSmmXIirtWB9LRDNIhx_O3-I0xhBAkqh_Dw4kydFKtKTZoMHen9A5InwoHJQKNVBoPqJAKyRh3zohmxgDVD3Xe/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='Thái AiTi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1O5sOYd11UYggfMaPZBVH2tiOScHxKTuETOKKDSLYWpGMIrLYgcKlxUHizcaW7JxfqU7N5JIXeyjzH4OEFNepPd333a4X-El20xANJNP2esBoOMoAsSTMeI3igQASxueSwil-Aca4aR6/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/AVvXsEiugFLgYtq6jicjy-lcwmsot4f_axb0DXbpo21URApX2Y7RRhTT6UJzAgjSmmXIirtWB9LRDNIhx_O3-I0xhBAkqh_Dw4kydFKtKTZoMHen9A5InwoHJQKNVBoPqJAKyRh3zohmxgDVD3Xe/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/AVvXsEgaSYF2EK-Q3Hn37CVodIPki2wnj6Qx6U8CPoNVhSuHSCvhx1cWw0Xsio1jtACJc3YjPj1-O-AWus0Uanhj0dqI02ZcqQeckZJWsHMD2tIWrpvMeIH9GQTTGiUhLykA2x0MYtl061ZciTZo/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