Thủ thuật cho Logo chạy ngang trong Website/Blogger

Blog là nơi để các bạn có thể chia sẻ, trao lưu học hỏi kinh nghiệm với nhau qua các bài đăng và cáccomment. Để khách tham quan biết đến blog mình thì phương pháp hữu hiệu nhất là bạn phải liên kết với các blog khác có cùng mục đích có cùng chủ đề...

Đố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ể sử dụng thủ thuật blogger cho nó chạy ngang hoặc dọc trên blog của bạn.

1- Đăng nhập vào Blogger

2- Vào Thiết kế

3- Chọn Phần tử trang

4- Chọn Thêm Tiện ích => Chọn HTML/Javarscip và dán đoạn code bên dưới vào.

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDv6XFIw8i4QmAvbP1QBl5b-cI5P-bgKwp4EB6JupTGE4oR1cLbhUMcdkUTkeiri7Eb_Xm5XMMzu0tiUXnpInmZdNyHWDphpf9zGhMiMkGLXJGWE3Hth4kMNwVFRhKUg4Sn24ahLIIxcSp/s1600/logo-lien-ket-chay-ngang-namkna-blogspot-com.png) 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 ảnh logo 1" /></a>
<a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="Link ảnh logo 2" /></a>
<a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="Link ảnh logo 3" /></a>
<a href="URL liên kết 4" target="blank" ><img style="width: 220px; height: 60px;" src="Link ảnh logo 4" /></a>
</marquee></div>

 

Sau đó bấm Lưu Mẫu lại là xong