Thứ Tư, 16 tháng 9, 2009

Tao hieu ung vien cho anh Blogspot

Posted by Unknown Thứ Tư, tháng 9 16, 2009, under | No comments

  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. Tìm thẻ ]]></b:skin> và dán đoạn code này ngay trên nó :
    .pict{
        background-color: #F9F9F9;
        border: 1px solid #CCCCCC;
        padding: 3px;
        font: 11px Arial;
        margin-left: auto;
        margin-right: auto;
        }
    .pict img{
        border: 1px solid #CCCCCC;
        vertical-align:middle;
        margin-bottom: 3px;
        }
     3.Save lại template. Vậy là bạn đã thiết lập được hiệu ứng này.
    4.Để sử dụng hiệu ứng viền có kèm chú thích, bạn áp dụng cú pháp sau lên link ảnh:
     <div class="pict" style="width:Chiều rộng ảnh gốc + 2px;"><img src="Link ảnh"/>Chú thích</div>
    Để dễ hình dung hơn, mình sẽ đưa ra một cú pháp thử kèm theo demo :
    <div class="pict" style="width:252px;"><img src="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_Summer_2009.png"/><div style="text-align: center;">Blog Tin Học</div></div>

Tao Menu truot cho Blogspot

Posted by Unknown Thứ Tư, tháng 9 16, 2009, under | No comments

Đầu tiên , các bạn hãy vào Trình bày (Layout) , chọn tab Chỉnh sửa HTML và không chọn Mở rộng Mẫu tiện ích nhé !
Như thường lệ , việc đầu tiên các bạn cần làm là lưu lại templates trước. Sau khi hoàn tất các công đoạn trên , các bạn tìm code sau
]]> , thêm ngay trước nó đoạn code tiếp theo:
.fixed_menu {
position: fixed;
top: 140px;
left: 0px;
width: auto;
margin: 0 0px 0px 0px;
background: #ffffff;
opacity:.900;
filter: alpha(opacity=90);
padding: 7px 5px 5px 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
}
.fixed_menu a:hover img {
position: relative;
top: 2px;
left: 2px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}
.fixed_menu a { display: block; }
* html .fixed_menu {position:absolute;} 
Tìm đoạn code <body> và thêm vào đoạn code tiếp theo bên dưới:
<div class='fixed_menu'>
<a href='http://boyprodx.blogspot.com/' title='Home'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/home.png'/></a>
<a href='http://boyprodx.blogspot.com/2008/01/lin-h.html' title='Liên hệ'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/mail_generic.png'/></a>
<a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1753328' title='Nhận tin qua RSS'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/rss_pill_blue_32.png'/></a>
<a href='http://feeds.feedburner.com/boyprodx' title='RSS'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/rss_pill_orange_32.png'/></a>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/up.png'/></a>
</div>
Vậy là xong rồi đấy , các bạn chỉ cần chỉnh lại phần chữ đỏ theo ý của mình. Lưu lại templates và thưởng thức thành quả 


Xem Nhiều

Bài đăng phổ biến

Lưu trữ blog

Blog Archive