Hiện nay nhu cầu hỗ trợ trực tuyến trên mạng rất phổ biến.
Cách đơn giản nhất mà không mất phí đó là dùng các mạng xã hội như Skype, facebook, yahoo.
Bài viết này mình sẽ hướng dẫn các bạn chèn Button Hỗ trợ Skype Online cho Forum vBullentin.
Sau đây là các bước thực hiện.
Đăng nhập vào AdminCP của Forum vBullentin
Vào Forums & Moderators --> Forum Blocks Manager để tạo mới một block ở bên phải forum
[TABLE="class: grid, width: 800"]
[TR]
[TD]
Với sự hỗ trợ từ Skype, có nhiều lựa chọn về kiểu dáng, phong cách hiển thị cho tài khoản để các Coder chọn.
Dưới đây là cúp pháp, cách chèn và kiểu dáng để có thể chèn tài khoản Skype vào Website.
Với cách chèn này, tài khoản Skype sẽ thể hiện được trạng thái Online hoặc Offline.
[/TD]
[/TR]
[TR]
[TD]
Code HTML chèn Button Skype vào Website:
[/TD]
[/TR]
[TR]
[TD]
Trong đó:
[/TD]
[/TR]
[TR]
[TD]
Code Demo:
[/TD]
[/TR]
[/TABLE]
Và đây là thành quả đạt được:
Hiện tại Super Admin và Admin chưa online
Login vào Skype:
Thiết lập trạng thái trong Skype
Khi chèn tài khoản Skype mặc dù cú pháp đã đúng hoàn toàn nhưng nếu chưa thiết lập trạng thái thì tài khoản đó sẽ luôn là Offline.
Để thực hiện bạn đăng nhập Skype, chọn Menu Tools -> Options -> Privacy và đánh dấu chọn Allow my status to be shown on the web.
Lưu ý:
Còn một cách có thể sinh mã tự động bằng cách vào địa chỉ http://www.skype.com/share/buttons
và thực hiện theo các bước như: nhập Skype Name, Lựa chọn biểu tượng là bạn đã có đoạn Code mong muốn rồi.
Tuy nhiên với cách này, tài khoản Skype lại không hiển thị được trạng thái đang Online hay Offline và rất khó cho người xem khi cần trò chuyện.
Hi vọng với bài viết này, các bạn có thể chèn và lựa chọn cho riêng mình phong cách phù hợp để chèn tài khoản Skype trên Forum vBullentin.
Cách đơn giản nhất mà không mất phí đó là dùng các mạng xã hội như Skype, facebook, yahoo.
Bài viết này mình sẽ hướng dẫn các bạn chèn Button Hỗ trợ Skype Online cho Forum vBullentin.
Sau đây là các bước thực hiện.
Đăng nhập vào AdminCP của Forum vBullentin
Vào Forums & Moderators --> Forum Blocks Manager để tạo mới một block ở bên phải forum
[TABLE="class: grid, width: 800"]
[TR]
[TD]
Với sự hỗ trợ từ Skype, có nhiều lựa chọn về kiểu dáng, phong cách hiển thị cho tài khoản để các Coder chọn.
Dưới đây là cúp pháp, cách chèn và kiểu dáng để có thể chèn tài khoản Skype vào Website.
| STT | KIỂU HIỂN THỊ | DEMO |
| 1 | balloon |  |
| 2 | bigclassic |  |
| 3 | smallclassic |  |
| 4 | smallicon |  |
| 5 | mediumicon |  |
| 6 | dropdown-white |  |
| 7 | dropdown-trans |  |
Với cách chèn này, tài khoản Skype sẽ thể hiện được trạng thái Online hoặc Offline.
[/TD]
[/TR]
[TR]
[TD]
Code HTML chèn Button Skype vào Website:
<a href="Skype:YOUR-ID-SKYPE?chat">
<img src="http://mystatus.skype.com/bigclassic/YOUR-ID-SKYPE"
title="Liên hệ với nhóm tác giả để được trợ giúp trực tuyến qua Skyper"
width="120"height="30" alt=""> </a>
<img src="http://mystatus.skype.com/bigclassic/YOUR-ID-SKYPE"
title="Liên hệ với nhóm tác giả để được trợ giúp trực tuyến qua Skyper"
width="120"height="30" alt=""> </a>
[/TD]
[/TR]
[TR]
[TD]
Trong đó:
YOUR-ID-SKYPE là id trang Skype của bạn, có 2 lần thay trong code trên.
width="120" là chiều rộng của hình ảnh button
height="30" là chiều cao của hình ảnh button
bigclassic là hình ảnh của button sẽ hiển thị phần này bạn có thể thay đổi thành cách hình khác.
Nếu thích hình nào trong các hình ở trên bạn chỉ cần thay giá trị bigclassic thành từ ở trên theo ý thích của bạn nha.
width="120" là chiều rộng của hình ảnh button
height="30" là chiều cao của hình ảnh button
bigclassic là hình ảnh của button sẽ hiển thị phần này bạn có thể thay đổi thành cách hình khác.
Nếu thích hình nào trong các hình ở trên bạn chỉ cần thay giá trị bigclassic thành từ ở trên theo ý thích của bạn nha.
[/TD]
[/TR]
[TR]
[TD]
Code Demo:
<center>
Liên hệ với Super Admin </br>
<a href="Skype:svuit.com?chat">
<img src="http://mystatus.skype.com/bigclassic/svuit.com"
title="Liên hệ với Super Admin để được trợ giúp trực tuyến qua Skyper"
width="150" height="39" alt=""> </a>
</br>Liên hệ với Admin </br>
<a href="Skype:svuit.vn?chat">
<img src="http://mystatus.skype.com/bigclassic/svuit.vn"
title="Liên hệ với Admin để được trợ giúp trực tuyến qua Skyper"
width="150" height="39" alt=""> </a>
</center>
Liên hệ với Super Admin </br>
<a href="Skype:svuit.com?chat">
<img src="http://mystatus.skype.com/bigclassic/svuit.com"
title="Liên hệ với Super Admin để được trợ giúp trực tuyến qua Skyper"
width="150" height="39" alt=""> </a>
</br>Liên hệ với Admin </br>
<a href="Skype:svuit.vn?chat">
<img src="http://mystatus.skype.com/bigclassic/svuit.vn"
title="Liên hệ với Admin để được trợ giúp trực tuyến qua Skyper"
width="150" height="39" alt=""> </a>
</center>
[/TD]
[/TR]
[/TABLE]
Và đây là thành quả đạt được:
Hiện tại Super Admin và Admin chưa online
Login vào Skype:
Thiết lập trạng thái trong Skype
Khi chèn tài khoản Skype mặc dù cú pháp đã đúng hoàn toàn nhưng nếu chưa thiết lập trạng thái thì tài khoản đó sẽ luôn là Offline.
Để thực hiện bạn đăng nhập Skype, chọn Menu Tools -> Options -> Privacy và đánh dấu chọn Allow my status to be shown on the web.
Lưu ý:
Còn một cách có thể sinh mã tự động bằng cách vào địa chỉ http://www.skype.com/share/buttons
và thực hiện theo các bước như: nhập Skype Name, Lựa chọn biểu tượng là bạn đã có đoạn Code mong muốn rồi.
Tuy nhiên với cách này, tài khoản Skype lại không hiển thị được trạng thái đang Online hay Offline và rất khó cho người xem khi cần trò chuyện.
Hi vọng với bài viết này, các bạn có thể chèn và lựa chọn cho riêng mình phong cách phù hợp để chèn tài khoản Skype trên Forum vBullentin.
Sửa lần cuối:
Bài viết liên quan
Bài viết mới