Khi thiết kế một blog thường
hay một blog bán hàng bạn cũng cần có được những tiện ích cơ bản sau cho blog:
tiện tích hỗ trợ online, tiện ích đăng ký trực tuyến, tiện ích hình ảnh và tiện
ích video.
Để thêm các tiện ích này
vào blog, các bạn chỉ cần vào Bố cục → Thêm tiện ích. Sau đó chọn
HTML/Javascript. Sau đó bạn chỉ cần dán các đoạn code phù hợp với từng tiện ích
và lưu lại là xong.
Mình xin đề xuất một số
đoạn code cho từng tiện ích như sau:
1. Tiện ích hỗ trợ online
Mẫu 1: 1 nick yahoo +
hotline
Các bạn dùng đoạn code
sau:
<center
style="font-size: 12px; background-color: rgb(255, 255, 255); color:
rgb(102, 102, 102); line-height: 22px; margin: 0px; padding: 0px; font-family:
verdana, Arial, Tahoma, 'Century gothic', sans-serif;">
</center><center
style="font-size: 12px; background-color: rgb(255, 255, 255); font-family:
verdana, Arial, Tahoma, 'Century gothic', sans-serif; color: rgb(106, 112,
117); line-height: 22px; margin: 0px; padding: 0px;"><center
style="color: rgb(102, 102, 102); margin: 0px; padding:
0px;"><b style="margin: 0px; padding: 0px;"><span
style="margin: 0px; padding: 0px; color: rgb(204, 0, 0);">Ms.Linh</span></b></center><center
style="color: rgb(102, 102, 102); margin: 0px; padding: 0px;"><b
style="margin: 0px; padding: 0px;"><span style="margin:
0px; padding: 0px; color: rgb(204, 0, 0);">HOTLINE : 0909.824.801</span></b></center><center
style="margin: 0px; padding: 0px;"><a href="ymsgr:sendIM?Tên nick yahoo của bạn"
style="color: rgb(2, 137, 171); cursor: pointer; font-family: arial;
line-height: 18px;"><img border="0"
src="http://opi.yahoo.com/yahooonline/u=Tên
nick yahoo của bạn/m=g/t=14/l=us/opi.jpg" style="border: none;
position: relative;" /></a></center></center>
Thay các phần highlight bằng
tên, số điện thoại và nick yahoo của bạn
Mẫu 2: 2 nick yahoo +
hotline
Các bạn dùng đoạn code
sau:
<a
target="_blank"
href="https://docs.google.com/forms/d/1ehE0Pc3EP5d-YHb9hmV5DL3mL85LOPWPGuntdzR1xWg/viewform?edit_requested=true"
style="color: rgb(0, 51, 102); text-decoration: none; font-family: Arial;
font-size: 13px; line-height: 20.796875px; background-color: rgb(255, 255,
255);"><center><b>TƯ VẤN ONLINE</b></center>
</a><div
align="center" style="color: rgb(85, 85, 85); font-family: Arial;
font-size: 13px; line-height: 20.796875px; background-color: rgb(255, 255,
255);"><a target="_blank"
href="https://docs.google.com/forms/d/1ehE0Pc3EP5d-YHb9hmV5DL3mL85LOPWPGuntdzR1xWg/viewform?edit_requested=true"
style="color: rgb(0, 51, 102); text-decoration:
none;"></a><a href="ymsgr:SendIM?Tên nick yahoo của bạn&m=Xin Chao! Toi Muon hoi ve khoa
hoc" title="Chát với chúng tôi" style="color: rgb(0, 51,
102); text-decoration: none;"><img
src="http://mail.opi.yahoo.com/online?u=Tên
nick yahoo của bạn&m=g&t=2" alt="yahoo
status" border="0" hspace="5" style="border: 0px;
vertical-align: middle;" /></a></div><center
style="font-family: Arial; font-size: 13px; line-height: 20.796875px;
background-color: rgb(255, 255, 255); color: rgb(0, 0, 102); font-weight:
bold;">Ms. Tuyết Mai</center><br
style="color: rgb(85, 85, 85); font-family: Arial; font-size: 13px;
line-height: 20.796875px; background-color: rgb(255, 255, 255);"
/><div align="center" style="color: rgb(85, 85, 85);
font-family: Arial; font-size: 13px; line-height: 20.796875px; background-color:
rgb(255, 255, 255);"><a href="ymsgr:SendIM?Tên nick yahoo của bạn&m=Xin Chao! Toi
Muon hoi ve khoa hoc" title="Chát với chúng tôi"
style="color: rgb(0, 51, 102); text-decoration: none;"><img
src="http://mail.opi.yahoo.com/online?u=Tên
nick yahoo của bạn&m=g&t=2" alt="yahoo
status" border="0" hspace="5" style="border: 0px;
vertical-align: middle;" /></a></div><center
style="font-family: Arial; font-size: 13px; line-height: 20.796875px;
background-color: rgb(255, 255, 255); color: rgb(0, 0, 102); font-weight:
bold;">Ms. Thúy Linh</center><center
style="font-family: Arial; font-size: 13px; line-height: 20.796875px;
background-color: rgb(255, 255, 255); color: rgb(0, 0, 102); font-weight:
bold;">
<p></p></center><center
style="font-family: Arial; font-size: 13px; line-height: 20.796875px; background-color:
rgb(255, 255, 255); color: rgb(0, 0, 102); font-weight: bold;">HOTLINE: MS LINH - 0909 824 801</center>
Tương tự thay các phần
highlight bằng tên, số điện thoại và nick yahoo của bạn
2. Tiện ích Đăng ký trực tuyến
Các bạn dùng đoạn code sau:
<div
class="separator" style="color: rgb(102, 102, 102); font-family:
Arial, Tahoma, 'Century gothic', sans-serif; font-size: 12px; background-color:
rgb(255, 255, 255); clear: both; text-align: center;"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqDt7ngoTpeTMzz-zA7usK71qNfGllGxNm5_4vaUVyXCqWqa3wzXthfL0BwGIlZU7ezKGzl6TUGt1x5lqex41l3el3xKWGAA2GfeueNNRgb-cl7dM48U2YA4VMauMaDwgEdqXpIA8FI5pP/s1600/arrowdown.gif"
/></div><div class="separator" style="color:
rgb(102, 102, 102); font-family: Arial, Tahoma, 'Century gothic', sans-serif;
font-size: 12px; background-color: rgb(255, 255, 255); clear: both; text-align:
center;"><a href="Đường link
đăng ký của bạn?hl=en_US&formkey=dGxmTkVtdUZjRFBNR2hPTGNhakNtV1E6MA#gid=0"
target="_blank" style="color: rgb(102, 102, 102);
text-decoration: none; outline: none;"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzFpCpsto5RFn7b2q2EKApeLw9vq8WtROHP_5at5Q3XPKE7-IRJ3sFekKw2TYUOj8aVZIEMbTWP8igS0K3CXK6sRKk7UZyjB9OlndMPdga5IlsO2gLGXGqV29c5rwQr6sPn39kOKRToHJT/s1600/DANG+KY.PNG"
style="border-width: 0px;" /></a></div>
Thay phần highlight bằng
đường link đăng ký của bạn
3. Tiện ích hình ảnh
Tiện ảnh hình ảnh giúp bạn
là nổi bật sản phẩm dịch vụ đặc biệt hay dùng làm banner quảng cáo
Các bạn dùng đoạn code
sau:
<span
style="font-family:Georgia, serif;"><a href="Đường link bài viết bạn muốn dẫn đến"
target="_blank" title="KHÓA HỌC
BÁN HÀNG ONLINE 500K"><img alt="KHÓA HỌC BÁN HÀNG ONLINE 500K" src="Đường link hình ảnh" height="184"
width="260"/></a></span>
Phần highlight màu vàng
thay bằng đường link bài viết bạn muốn dẫn tới, phần highlight màu xanh thay bằng
tên hình ảnh bạn muốn xuất hiện khi rê chuột vào hình ảnh, phần highlight màu
cam thay bằng đường link hình ảnh
4. Tiện ích video
Các bạn muốn đưa video
nào từ youtube vào blog thì trên youtube các bạn chọn mục Chia sẻ → Nhúng. Tùy
chỉnh kích thước video phù hợp với kích thước cột tiện ích blog của bạn. Sau đó
bạn copy đoạn code dán vào HTML là xong.
Các bạn muốn thành thạo việc thiết kế website, SEO website hay bán hàng qua mạng xã hội có thể tham gia Khóa học Bán hàng online do Học Viện đào tạo Bán hàng online BO tổ chức với mới giá chỉ từ 500 ngàn.
Tham khảo chi tiết Khóa học Bán hàng online tại đây:
