2/16/2015

Code treo banner chúc tết đẹp mắt cho blogspot

Nguyễn Nhật Thiên | 2/16/2015|

Nhatthienkt.net - Hôm nay (28/12 - ÂL), cái tết với người Việt Nam không chỉ thể hiện rộn ràng sắc đỏ trên các đường phố, các cổng ngõ làng mà trên nhiều website cái tết cũng thấy ấm ấp và tươi vui bằng các banner treo lũng lĩnh. Bạn cũng muốn mọi người trên toàn thế giới biết về cái Tết của người Việt Nam, một hành động nhỏ của bạn trên website của bạn thật ý nghĩa đấy.

Lựa chọn banner chúc tết

- Không quá khó để bạn tìm được một banner chúc tết ưng ý và đẹp mắt, phù hợp với site của bạn nữa. Banner chúc tết phù hợp với nhiều website là treo nó hai bên sường web hoặc một banner nhỏ trên đầu website. 
Demo site của mình
code treo banner chúc tết đẹp mắt cho blogspot

- Nói thật ra những ngày tết khá vui mà, việc lựa chọn banner treo lên website của bạn có thể ảnh hưởng chút ít đến thu nhập quảng cáo của bạn nhưng bạn đừng quá ích kỷ nhé. Hãy thông thái lựa chọn những banner đẹp nhất nhé.

Lấy banner chúc tết ở đâu?

- Câu hỏi thú vị đây, khà..khà, toàn dân IT chắc không khó khăn gì bạn nhỉ, ông mr.Google tìm giúp ta mà. Nói đùa vậy thôi bạn phải chế một chút mới được. 
  • Note: Nên chọn tìm theo size để tiện add vào site nhé
code treo banner chúc tết đẹp mắt cho blogspot

- Việc bạn lấy banner của họ đặt trên site của mình thì không hay lắm, chém chuối vì cái bản quyền nhưng không có thời gian thì thôi lấy tạm cũng được. Cái vụ copyright về ảnh khó lắm.
- Nếu bạn muốn Personalization thì bạn có thể sử dụng CorelDRAW hoặc đơn giản là Paint để Edit lại. Các tiệm thiết kế banner đều sử dụng 2 cái phần mềm này là phổ biến đấy.

Code chèn banner vào blogspot

- Cách 1: bạn chọn chèn vị trí bất kỳ thì không khó khăn gì, blogspot hỗ trợ sẵn tiện ích thêm ảnh
code treo banner chúc tết đẹp mắt cho blogspot

- Cách 2: Cách 1 có nhược điểm là phải đặt tiêu đề cho ảnh nên không đẹp cho site, nên bạn nên dùng code sau đây, và sử dụng tiện ích HTML/javascript nhé.

<a href="Link liên kết muốn đến" target="_blank"><img src="Link Hình" alt="Viết chú thích cho tấm hình" title="Nội dung tấm hình" width="n" height="n" border="n" /></a>

  • Width: độ to, độ rộng của ảnh
  • Height: độ cao của ảnh
  • Border: đường viền, để 0 hoặc 1 cũng được 

ví dụ: 
<a href="www.nhatthienkt.com" target="_blank"><img src="http://2.bp.blogspot.com/-7lHNh2XVSrk/VN39LMR2E3I/AAAAAAAAISo/KKwrr62uUaA/s1600/banner13.png" alt="hình chúc tết 2015" title="Chúc mừng năm mới 2015" width="160" height="600" border="0" /></a>

- Code ảnh chạy dọc hai bên sườn trang web

- Bên trái
<div id='ads-right'>
<div style='margin:0 0 5px 0; padding:0;width:160px;position:fixed; right:0; top:0;'>
<a href="www.nhatthienkt.com" target="_blank"><img src="http://2.bp.blogspot.com/-7lHNh2XVSrk/VN39LMR2E3I/AAAAAAAAISo/KKwrr62uUaA/s1600/banner13.png"/></a>
</div></div>
- Bên phải
<div id='ads-right'>
<div style='margin:0 0 5px 0; padding:0;width:160px;position:fixed; left:0; top:0;'>
<a href="www.nhatthienkt.com" target="_blank"><img src="http://www.thanhlongtravel.vn/wp-content/themes/thanhlongtravel/images/right-tet.png"/></a>
</div></div>
Thay màu đỏ thành link ảnh của bạn, thay các chỉ số:
  • Top: Lề trên
  • Left/right: Cách bên sườn trái/phải
  • Width: độ rộng
Nhatthienkt.com chúc các bạn thành công!