Tạo Hộp Liên Kết Chạy Dọc Cho Blogger

07:17
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ác comment. Để 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ể cho nó chạy ngang hoặc dọc trên blog của bạn.



lien-ket-blog

lien-ket

☼ Tạo Hộp Liên Kết Blog Cho Blogger


► Cách thực hiện

1Đăng nhập vào Blog
2Chọn Bố cục (Layout)
3Chọn Thêm Tiện ích => Chọn HTML/Javarscip và dán đoạn code bên dưới vào.

<style type="text/css">
#lien-ket-blogger{margin:0; padding:5px 10px; height:260px; overflow: auto; font-size:16px}
ul.lien-ket li{display:inline-block; padding:8px 5px; border-bottom:dashed 1px #ccc; }
ul.lien-ket li a{font-size: 15px; font-family: Arial; color: #0087B2}
.favicon {width:16px; height:16px; margin-right:5px}
</style>
 
<div id="lien-ket-blogger">
 
<center style="margin-bottom:25px"><a href="http://vnminhtriet.blogspot.com/p/lien-ket-blogger.html">LIÊN KẾT BLOGGER</a></center>
 
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4' height='200' width='100%'>
 
<ul class="lien-ket">
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-1.blogspot.com/" target="_blank">Địa Chỉ Blog 1
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-2.blogspot.com/" target="_blank">Địa Chỉ Blog 2
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-3.blogspot.com/" target="_blank">Địa Chỉ Blog 3
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-4.blogspot.com/" target="_blank">Địa Chỉ Blog 4
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-5.blogspot.com/" target="_blank">Địa Chỉ Blog 5
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-6.blogspot.com/" target="_blank">Địa Chỉ Blog 6
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-7.blogspot.com/" target="_blank">Địa Chỉ Blog 7
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-8.blogspot.com/" target="_blank">Địa Chỉ Blog 8
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-9.blogspot.com/" target="_blank">Địa Chỉ Blog 9
</a></li>
 
<li>
<img src="http://vnminhtriet.blogspot.com/favicon.ico" class="favicon" />
<a href="http://diachiblog-10.blogspot.com/" target="_blank">Địa Chỉ Blog 10
</a></li>
 
</ul>
 
 
</marquee></div>


Các bạn nhớ thay link favicon và địa chỉ của blog cần liên kết nhé!

Share this

Bài Viết Cùng Chủ Đề

Previous
Next Post »

Slideshow chạy ảnh đẹp

anh bia facebook tinh yeu dep buon anh bia facebook tinh yeu dep buon anh bia facebook tinh yeu dep buon anh bia facebook tinh yeu dep buon
1 2 3 4