META name="y_key" content="24902eb207816366"> tuduytuonglai: Tạo một bức ảnh luôn xuất hiện trên Blog

23 tháng 7, 2010

Tạo một bức ảnh luôn xuất hiện trên Blog

Nếu bạn muốn tạo một bức ảnh luôn xuất hiện trên trang Blog của mình để trang trí, hoặc để làm một bảng thông báo nho nhỏ thì thủ thuật hôm nay mình xin giới thiệu sẽ giúp cho bạn đấy. Mời bạn xem screenshot bên dưới.

Các bạn tiến hành theo thứ tự những bước sau đây :
  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 đến thẻ ]]></b:skin> và thêm đoạn code dưới đây ngay bên trên nó :
    #top_image {
    position:fixed;
    bottom:5px;
    right:5px;
    clip:inherit;
    Lưu ý : Với đoạn code này, mình đã thiết lập cho hình luôn xuất hiện ở vị trí góc Cuối/Phải . Nếu không thích vị trí này, bạn hãy thế Bottom/Right thành Top/Left (góc Trên/Trái) hay đại loại thế.
  3. Tìm tiếp thẻ </body> và thêm đoạn code này vào :
    <div id='top_image'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_Summer_2009.png'/></div>
    Lưu ý : Bạn hãy chỉnh lại Link hình bên trên thành Link hình của bạn (Hãy dùng hình có kích cỡ nhỏ để ít tốn thời gian load Blog và không gây phiền phức cho người đọc). Đồng thời, nếu muốn chèn URL vào hình, hãy sử dụng thẻ <a href="URL"><img src="Link hình"></a>.
  4. Save lại template và kiểm tra kết quả.
Vậy là bạn đã thực hiện xong thủ thuật chèn ảnh luôn nổi trên Blog rồi đấy. Hy vọng thủ thuật này sẽ làm bạn hài lòng. Chúc vui !

0 nhận xét:

Đăng nhận xét


♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.

^ Scroll to Top