Thích trang
    Trở thành fan của Tanchau123.blogspot.com

    Bạn muốn nhận tin tức mới nhất từ Tanchau123.blogspot.com? Hãy nhấn nút "Thích" bên dưới để nhận thông tin mới nhất từ chúng tôi trên Facebook.

T

a

n

chau123

Blog Giải Trí Tổng Hợp

trang chủ
Báo lỗi bài
    Báo lỗi thông tin bài viết

    Nhập thông tin báo lỗi vào ô bên dưới

22:41 ngày 27/3/12

Tạo logo liên kết chạy ngang

Đối với các blog riêng tư, không muốn chia sẽ cùng mọi người thì việc liên kết không đáng quan tâm. Tuy nhiên đối với các blog phục vụ công chúng thì việc muốn được nhiều người biết đến blog mình là điều rất quan trọng. Một trong những cách làm cho đọc giả tìm đến blog là liên kết với các blog khác có cùng chủ đề. Khi liên kết của bạn quá nhiều nó sẽ chiếm một không gian đáng kể trên nền blog của bạn, để giảm thiểu việc này bạn có thể cho nó chạy ngang hoặc dọc trên blog của bạn. bạn có thể tham khảo cách tạo logo liên kết chạy ngang từ phải sang trái bên dưới.










1. Đầu tiên bạn hãy đăng nhập vào tài khoản Blogspot
2. Tiếp đến vào bố cục (Thiết kế)
3. Tạo 1 phần tử HTML/Javascript 4. Thêm code bên dưới vào phần tử vừa tạo trên

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju2-WOlci9BxDvvvO9KUuRma_ltiYJADvIhstLxADwuRNhtEI8Ie1Neo6sumWxUMhyphenhyphen3lU7dX9fG3Pr2B_Wg6uKdxhb-CwZJhS0svRG2GPmADnZZopY4jCSIvvewYyCAtS6CEwYd2urIhIq/) 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="URL liên kết 1" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 1"/> </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 hãy thay các dòng text màu đỏ trong code thành địa chỉ blog bạn liên kết và các dòng màu xanh thành địa chỉ logo tương ứng.
Ở đây mình chỉ cho 5 logo chạy ngang từ trái sang phải nếu muốn thêm nhiều hơn bạn chỉ việc thêm code bên dưới vào sau các logo trên và sửa lại cho phù hợp.

<a href="UR liên kế 6" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 6"/> </a>
CHÚ Ý: Các bạn phải thêm nối liền vào ngay sau thẻ </a> thì code mới chạy được, nếu không nó sẽ bị lỗi hiển thị. 


5. Việc cuối cùng là bạn tìm vị trí thích hợp để đặt nó là xong.

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

Mới cập nhật

3 nhận xét

· Thêm biểu tượng cảm xúc

  1. Nặc danh20:13 31/3/12

    rất hay!

    Trả lờiXóa
  2. Nặc danh23:15 31/3/12

    cho mh xin bài này đăng vào blog nha

    Trả lờiXóa
    Trả lời
    1. Ok. Bạn cứ tự nhiên nhưng nhớ ghi rõ nguồn nha!

      Xóa