Liên Kết Logo Chạy Ngang

Khi liên kết Logo trên Blog của bạn quá nhiều nó sẽ làm tăng không gian đáng kể trên Blog, do đó để khắc phục điều này bạn nên tạo một hiệu ứng cho các Logo chạy ngang hoặc ẩn hiện trên Blog theo thời gian mình định trước. Điều này sẽ làm cho Blog bạn trông "Pro" hơn và đặc biệt sẽ làm cho khách dễ "bắt mắt" hơn. Trong giới hạn bài viết này mình chỉ hướng dẫn logo chạy ngang, sau này sẽ giới thiệu tiếp cách làm logo
thay đổi theo thời gian định trước.

Đầu tiên, bạn đăng nhập blog, chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javascript, sau đó dán tất cả các code này vào :

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPiOeZ3pt22_C64RXv6VKlyhZhoR2HLNLRgMHrBq4Z-5-UJdtBQOFHuwER_KvTqYe2NpkXHMOkvC2GTIri09P1urwNLzWopJxHPtoKs7D_p6fGyUAsT9YtMLic6erlwFZGIY9KXk28i90/) no-repeat left; border-top:#999 1px solid; border-bottom:#999 1px solid; padding-left:19px;padding-right:2px;width:100%;">
<marquee onmouseout="this.start()" direction="left" behavior="50" scrollamount="5" height="60" onmouseover="this.stop()" scrolldelay="50" width="511">

<a href="http://dungheineken.blogspot.com/" target="blank" ><img style="width: 220px; height: 60px;" src="

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoFxGbBv4_dgEoOoaXE3Lj55UFkdrpNFp2dHdZF1D74mv-4kk-5gzCDWbT2Py3Wxz9fqaNX-KQL-jw_nkydfvlsOEFmb2b7GUIMrJrnNlC_690gkb0CG9T0Oo0eHA6FCOdzDDUIeRoEykY/s1600/coollogo_com-21114715.gif" /></a>

<a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 2" /></a>
<a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 3" /></a>
<a href="URL liên kết 4" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 4" /></a>
<a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5" /></a>

</marquee></div>

Bạn thay đổi các code màu đỏ và màu xanh theo link ảnh và địa chỉ liên kết của bạn, bạn cũng có thể thay đổi tốc độ chạy, độ cao và độ dài của ảnh ở các thông số màu xanh, cuối cùng lưu lại và đặt tiện ích vào nơi bạn muốn nó hiển thị trên Blog.

Nếu muốn thêm liên kết bạn chỉ việc copy đoạn code này, thay đổi số thứ tự rồi dán tiếp tục phía dưới:

<a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5" /></a>

Thay đổi số 5 thành số 6 (cứ như vậy nếu có nhiều hơn)

<a href="UR Lliên kế 6" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 6" /></a>

Chúc các bạn thành công !

Nguồn: namkna.blogspot.com

Ảnh và bố cục : hoithanhcaygiang blog