CHÀO MỪNG ĐẾN THƯ VIỆN CODE HTML CHUYÊN VỀ WEBSITE - HỌC VIỆN MOA

Thứ Bảy, 15 tháng 11, 2014

Các tiện ích cơ bản cho blogger

Posted by sdfhd on 21:02

1. Tiện ích hỗ trợ trực tuyến
1.1 Mẫu hỗ trợ trực tuyến 1


Mã code cần dùng:


<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

1.2 Mẫu hỗ trợ : 2 nick yahoo + 1 hotline


Mã Code cần dùng:

<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&amp;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&amp;m=g&amp;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&amp;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&amp;m=g&amp;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
Mã Code cần dùng:

<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="http://3.bp.blogspot.com/-gfG04jFVXx8/TlNeAWYyPrI/AAAAAAAAADQ/Lf8cpYMKWhw/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&amp;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/AVvXsEhWF48k43NPzCIDxcHVp6ydFZXeS8-duOa8t8ILWvn9Sqq6OmqWUx-OLtH44685Apx9bLFkc_lubZWPhrNUme6NTAdPOL0boQ_9NvRKO4Txl2RLQGSTUpcBmDK_laFjsr12M_tkOVLvQiSt/s1600/DANG+KY.PNG" style="border-width: 0px;" /></a></div>

- Thay phần highlight bằng đường link đăng ký của bạn

 Ví dụ:

<div class="separator" style="font-family: Arial, Tahoma, 'Century gothic', sans-serif; font-size: 12px; background-color: rgb(255, 255, 255); clear: both; text-align: center;"><b><span style="color:#000099;">HOÀN TOÀN MIỄN PHÍ</span></b></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;"><b></b></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;"><img src="http://3.bp.blogspot.com/-gfG04jFVXx8/TlNeAWYyPrI/AAAAAAAAADQ/Lf8cpYMKWhw/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="https://docs.google.com/spreadsheet/viewform?hl=en_US&amp;formkey=dGxmTkVtdUZjRFBNR2hPTGNhakNtV1E6MA#gid=0" target="_blank" style="color: rgb(102, 102, 102); text-decoration: none; outline-style: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWF48k43NPzCIDxcHVp6ydFZXeS8-duOa8t8ILWvn9Sqq6OmqWUx-OLtH44685Apx9bLFkc_lubZWPhrNUme6NTAdPOL0boQ_9NvRKO4Txl2RLQGSTUpcBmDK_laFjsr12M_tkOVLvQiSt/s1600/DANG+KY.PNG" style="border-width: 0px;" /></a></div>
3. Tiện ích về hình ảnh/banner

Mã code cần dùng:

<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

 Ví dụ:

 <div class="separator" style="clear: both; text-align: center;">
<a href="http://www.hocvienmarketing.com/2014/05/khoa-hoc-ban-hang-online-mien-phi.html" target="_blank" title=" Hoc ban hang online"><img src="https://lh3.googleusercontent.com/-hAfmHwEecqU/U47UZVcfh0I/AAAAAAAAApM/sWEYZbgNLv8/s300/mienphi.gif" border="0" height="248" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">

</div>

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.