Chèn hình ảnh, khung ảnh chuyển động vào Blog

Liên kết bloggers

Để trang web, Blog của bạn thêm phần sinh động bạn nên chèn thêm hình ảnh , khung ảnh , chữ chuyển động …trang trí cho Blog yêu !!!

1 . Chèn hình ảnh vào widget , bài viết trên Blog

* . Sử dụng tag <img/>
: Muốn chèn hình ảnh lên widget hoặc bài viết bạn sử dụng đoạn mã sau

- src : là nguồn gốc , đường link dẫn tới ảnh ( bạn chỉ việc thay những chữ màu đỏ bằng đường link dẫn tới ảnh bạn muốn chèn )
- boder : đường viền bao quanh ảnh ( Bạn có thể chọn giá trị bằng 0, 1, 2, 3…tùy thích )
- width : chiều rộng của ảnh
- height : chiều cao của ảnh

- Với đoạn mã như trên thì hình ảnh sẽ hiển thị phía bên phải widget ( bài đăng ) của bạn
- Nếu muốn nó nằm về phía bên trái thì bạn chỉ việc thay chữ “right” bằng “left “, và nếu muốn nó nằm giữa thì bạn thay bằng “center”
Đa số blog có giá trị mặc định là phía bên trái . nếu muốn nó nằm ở giữa bạn chỉ cần đặt hình ảnh vào giữa hai tag <center></center> cho nhanh .
- Có thể thêm liên kết cho ảnh băng cấu trúc sau
<div align=”right” >
<a href=”liên kết bạn muốn chèn”> <
img src="http://images7.dantri.com.vn/Uploaded/duykhanh/JHook001.jpg" border="0" height="176" width="350" />
</a>
</div>

2 . Tạo khung hình , chữ chạy với thẻ <marquee>

Mời bạn tham khảo đoạn mã sau .

- Muốn cho khung hình chạy bạn chỉ việc thay chữ vị trí chèn bằng hình ảnh ( như ở trên ) ,chữ , flash …hoặc bất cứ thứ gì bạn muốn
• Chú thích :
- direction="up" : hướng chuyển động . lên hoặc xuống, qua trái hoặc qua phải ( Bạn thay chữ "up" bằng "down" nếu muốn nó chạy từ trên xuống , "right" -> chạy qua phải , "left" -> chạy qua trái )
- height="200": chiều cao
- width=”200” : chiều rộng
- scrollamount="1" : Tốc độ ( Bạn chọn số lớn hơn thì tốc độ chạy càng nhanh)
- scrolldelay="30" : Số vòng chạy ( Bạn có thể chọn bằng bao nhiêu tùy thích . VD : bạn chọn =”1” thì nó sẽ chạy 1 vòng rồi dừng lại )
- onmouseover="this.stop();" onmouseout="this.start();" : Giá trị này cho phép người dùng rà chuột vào nó sẽ dừng lại

Để trang trí cho đẹp bạn có thể tạo khung bằng thẻ <table>

- VD : tôi chèn vào khung bằng đoạn mã sau

<table border="1" align="center" cellpadding="0" cellspacing="1" width="150">
<tbody><tr>
<td class="menu_left1" bgcolor="#000000" height="20" width="100%"><div align="center">Liên kết bloggers</div></td></tr>
<tr>
<td bgcolor="#41627e"><marquee onmouseout="this.start()" direction="up" behavior="scroll" scrollamount="1" scrolldelay="20" height="80" onmouseover="this.stop()" align="center">
<a target="_blank" href="http://online.metavn.com/"><img alt="metavn Online" src="http://freecodeweb.googlepages.com/M1.gif" title="metavn Online" height="60" width="130" /></a>

<a target="_blank" href="http://delgro.blogspot.com/"><img alt="DELGRO" src="http://buidung269.googlepages.com/Link.gif" border="0" height="60" width="130" /></a>

<a href="http://sideduck.blogspot.com/" target="_blank" title="Free download Photoshop resources"><img src="http://sideduck.googlepages.com/130x60.gif" border="0" height="60" width="130" /></a>

</marquee></td></tr></tbody></table>

*** Bạn có thể coppy , sử dụng đoạn code trên và thay đổi lại những thông số màu xanh cho phù hợp

Và nó sẽ hiển thị như hình bên dưới.

Liên kết bloggers