Tạo menu dọc để liên kết blog

Chào các bạn !

Liên kết bạn bè nhằm giao lưu , trao đổi, học tập kinh nghiệm là điều cần thiết cho blogger. Hôm nay mình xin giới thiệu cùng các bạn một dạng menu dọc nhằm để liên kết cùng bạn bè. Mời các bạn cùng tham khảo.

☼ Bắt đầu thủ thuật
1. Đầu tiên bạn hãy vào tài khoản blogger
2. Vào Thiết kế chọn Phần tử trang - Thêm tiện ích - HTML/Javarscrip và dán code bên dưới vào

#link-cia ul {
 display: inline;
 margin-left: 0px;
}
#link-cia ul li {
 list-style: none;
 margin-left: 0px;
 background: #555353;
 border: 1px solid #fff;
 padding: 4px;
 padding-left: 15px;

-webkit-transition:all 3.5s ease;
 -moz-transition:all 3.5s ease;
 -o-transition:all 3.5s ease;
 transition:all 3.5s ease;
}

#link-cia ul li:hover {
 background: #00A2E8;
 border : 1px solid #fff;
 border-right: 10px solid #fff;
-webkit-transition:all 1.5s ease;
 -moz-transition:all 1.5s ease;
 -o-transition:all 1.5s ease;
 transition:all 1.5s ease;
}

#link-cia ul li a {
 color: #fff;
 text-decoration: none;
 font-family: Comic Sans MS;
 font-size: 16px;
 text-shadow: 0px 0px 1px #fff;
 -webkit-transition: padding 1.5s ease-out;
    -moz-transition: padding 1.5s ease-out;
    -o-transition: padding 1.5s ease-out;
 transition:all 1.5s ease;
}

#link-cia ul li a:hover {
 color: yellow;
 text-decoration: none;
 padding-left: 15px;
 -webkit-transition: padding 0.5s ease-out;
    -moz-transition: padding 0.5s ease-out;
    -o-transition: padding 0.5s ease-out;
 transition:all 0.5s ease;
}
</style>
<div id="link-cia">

<ul>
 <li><a href="http://dunghennessy.blogspot.com" target="_blank">Dunghennessy-Thủ thuật blogger-Ảnh động</a></li>
 <li><a href="http://vudinhhao.blogspot.com/" target="_blank">Vũ Đình Hào- Software-Thủ thuật máy tính</a></li>
 <li><a href="http://dungheineken.blogspot.com" target="_blank">Dungheineken-Software-Thủ thuật máy tính</a></li>
 <li><a href="http://namkna.blogspot.com" target="_blank">Namkna-Blogspot tip's-Relax-Software</a></li>
 <li><a href="http://buivansum77.blogspot.com" target="_blank">Buivansum77-Tải game</a></li>
 <li><a href="http://www.traidatmui.com/" target="_blank">Traidatmui-Thủ thuật-Download-Thư giãn</a></li>
<li><a href="http://tranphucminh.blogspot.com/" target="_blank">Trần Phúc Minh-Tin tức tổng hợp</a></li>
<li><a href="http://cdqtkd5a.blogspot.com/2012/05/lien-ket-blog-ban-be.html" target="_blank">Cao đẳng quản trị kinh doanh 5A</a></li>
<li><a href="http://bachkhoamedia.blogspot.com/" target="_blank">Bachkhoamedia-Sẻ chia kiến thức-tiếp cận công nghệ</a></li>
<li><a href="http://tanchau123.blogspot.com/" target="_blank">tanchau123-Giải trí tổng hợp</a></li>
<li><a href="http://www.vankhuong.com/" target="_blank">vankhuong-Công nghệ, đồ họa</a></li>
<li><a href="http://thuthuat-mya5class.blogspot.com/" target="_blank">Thanh Giang-Thủ thuật cho bạn</a></li>
<li><a href="http://anglebean.blogspot.com/" target="_blank">Share The Experiences</a></li>
</ul>
</div>
<br />

5 comments:

UnknownJune 23, 2012 at 10:07 PM
em cũng ở Đồng Tháp(Lấp Vò).Chúc site thầy ngày càng phát triển.
Mr SumJune 23, 2012 at 10:14 PM
Chào Thanh Giang. Rất vui vì có đồng hương ở Đồng Tháp. Mình ở thị xã Hồng Ngự
UnknownJune 23, 2012 at 10:25 PM
E còn học phổ thông. Năm tới 12 trường THPT Lấp Vò 2
MinhJune 24, 2012 at 4:20 PM
Thầy Sum Có đồng hương cũng vui chứ nhỉ!
UnknownJune 26, 2012 at 10:39 PM
E vừa viết bài này anh-em qua comment dùm em nhá:
http://thuthuat-mya5class.blogspot.com/2012/06/blogspot-bi-chan-boi-vnpt-loi-tai-ai.html

Mr Sum