Tạo khung liên kết blog đẹp

Theo yêu cầu của bạn World APK mình sẽ hướng dẫn bạn cách làm khung liên kết blog, giống blog của mình đang dùng.Thủ thuật này cũng đơn giản thôi là sử dụng css có một số hiệu ứng như to chữ ,hiển thị thanh cuộn...

Tạo một widget HTML/Javascript mới tại vị trí thích hợp sau đó bạn dán đoạn code bên dưới vào phần nội dung rồi lưu lại.


<style type="text/css">
#chinhtrucblog{margin:0; padding: 0; height:290px;overflow: auto; background:url(Link hinh) background:#FFFF no-repeat bottom right; font-weight:bold ;} 
#chinhtrucblog p {margin:0; padding:2px 10px} 
.favicon {width:16px; height:15px; margin-right:8px} 
20px 0}
.tochu
{
color: red; 
}
.tochu:hover
{
color:red;
padding: 0px 0px 0px 16px;
}
</style>
<div id="chinhtrucblog"> 

<p>
<a href="http://www.viettin24h.com/" target="_blank" title="quangvietmkt|Giải trí|Game|Thủ thuật|" class="tochu"><img src="http://quangvietmkt.blogspot.com/favicon.ico" class="favicon" align="center"/>quangvietmkt</a></p>
</div>

Bạn thay những nơi tô đậm thành địa chỉ blog của bạn.
Có thể tùy chỉnh css theo ý của bạn.
Để làm đổi màu thanh cuộn màu xanh thì bạn thêm đoạn css sau vào ]]></b:skin> và dán trước nó code bên dưới :

::-webkit-scrollbar { height: 12px; width: 12px; background: #dddddd; } ::-webkit-scrollbar-thumb { min-height: 28px; padding-top: 100px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 0 solid transparent; border-bottom: 0 solid transparent; background-clip: padding-box; background-color: #0F83A0;-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }::-webkit-scrollbar-corner { background: #dddddd; }

theo chinhtrucblog

Nhấn Thích , G +1 và chia sẻ tới bạn bè: Nếu bài viết giúp ích cho bạn!

Cám ơn các bạn đã ghé thăm ủng hộ
Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn