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
HTML code 1
<img src="[color="black"][color="black"][color="black"][color="black"]http://kieuphong1109.googlepages.com/dung8.gif[/color][/color][/color][/color]" border="0" height="176" width="350" />
- 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
HTML code2<img src="http://images7.dantri.com.vn/Uploaded/duykhanh/JHook001.jpg" border="0" height="176" width="350" /></div>
<div align=”right” >
- 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
- 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
HTML Code:
<marquee onmouseover="this.stop();" onmouseout="this.start();" direction="up" hspace="5" height="200" width=”200” loop="-1" scrollamount="1" scrolldelay="30" >
vị trí chèn</marquee>
- 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
HTML Code:
*** 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
<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