Tạo hiệu ứng động cho ảnh

Hiệu ứng mặt nước gợn sóng và mưa rơi

Tạo hộp list liên kết cho Blogger

Tạo hộp list liên kết chạy lên cho Blogger

Tạo slide ảnh có chứa link chạy ngang qua Blog

TẠO KHUNG VÀ VIẾT TRÊN NỀN ẢNH ĐỘNG

Code 1 đóng khung

<div style="border:#4F4F4F 1px solid; padding: 4px; background:#eee; width:400px;">NỘI_DUNG</div>

Xem thêm click vào đây

WIDGET BÀI VIẾT NGẪU NHIÊN

B1: Đăng nhập blogspot => Bố cục => Thêm tiện ích rồi Chọn Tiện ích HTML/JavaScript
B2: Copy đoạn code bên dưới vào tiện ích HTML/JavaScript nhấn lưu

VIẾT TRÊN NỀN FLASH

1.Dán code sau vào HTML

<p align=center><embed src=LINK width=500 height=586 type=application/x-shockwave-flash wmode="transparent" flashvars="aa=NỘI DUNG
" allowscriptaccess="never"> </embed></p>

Chèn video YouTube vào My Opera và Blogspot

Chèn nhạc vào Blog

Chèn nhạc vào Blog

Click vào ô Play để nghe nhạc
Chèn Video YouTube vào My Opera và Blogspot

TẠO KHUNG CHO BÀI VIÊT LIÊN QUAN

Code 1

<table border="1" style="width: 570px;"><tbody> <tr> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody> <tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="Link bài viết 1">Tiêu đề bài viết 1</a></td> </tr> </tbody></table> </td> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody> <tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="link bài viết 2">Tiêu đề bài viết 2</a></td> </tr> </tbody></table> </td> </tr> </tbody></table> <table border="1" style="width: 570px;"><tbody> <tr> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody> <tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="link bài viết 3">Tiêu đề bài viết 3</a></td> </tr> </tbody></table> </td> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody> <tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="Link bài viết 4">Tiêu đề bài viết 4</a></td> </tr> </tbody></table>

Chú thích

CODE TẠO HÌNH NỀN VÀ CHIA CỘT CHO BÀI VIẾT BLOG

CODE

<table border="2" cellpadding="0" cellspacing="0" style="border: 0.5px solid #ff0000; height: 200px; width: 500px;"><tbody> <tr> <td background="LINK HÌNH CỦA BẠN" style="padding: 15px;"> NỘI DUNG BÀI BLOG </td> </tr> </tbody></table>

Thay link hình của ban vào (màu đỏ)

Điều chỉnh height và width tương ứng

Viết nội dung vào (màu xanh)

KHUNG FLASH VIẾT ENTRY 3

BÀI VIẾT LIÊN QUAN

Khung hình flash viết Entry 1
Khung hình flash viêt Entry 2
Khung hình flash-Viết chữ lên khung
Xem thêm khung hình

CHÈN HÌNH FLASH VÀO BÀI VIẾT

Các bạn dán code dưới đây vào HTML
CODE
<div align="center">
<embed allowscriptaccess="never" height="250" src="http://i702.photobucket.com/albums/ww28/hatim86uyennhi/hatimloading.swf?link=THAY LINK FLASH VÀO ĐÂY" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed></div>

Dán code vào chỗ THAY LINK FLASH VÀO ĐÂY
Height và widht tùy chỉnh chiều cao và độ rộng của hình

ĐÓNG KHUNG VÀ CHIA CỘT CHO BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Code dùng trong các bài viết Tạo hình nền và chia cột cho bài viết

Chèn liên kết và hình ảnh vào trang web Code tạo chữ chạy

KHUNG BÀI VIẾT-VIẾT CHỮ LÊN KHUNG

Tạo khung và viết trên hình động
Code1  viết chữ lên ảnh hoặc khung

<span style="color:rgb(24, 31, 232);font-family:arial, helvetica, clean, sans-serif;font-size:15px;background-color:rgb(134, 205, 236);"><div align="center" style="margin-left:0px;"><table border="1" background="Link hình " align="center" style="border-collapse:collapse;font-size:inherit;width:400px;margin-left:auto;height:300px;color:rgb(255, 255, 255);font-weight:bold;"><tbody><tr><td style="margin-left:0px;vertical-align:top;"><p align="center"><font color="#bf00bf">Viết nội dung vào đây</font></div></td></tr></tbody></table></div></span> </div>

Xem thêm vào đây

Ví dụ 1

Viết nội dung vào đây Các bạn điều chỉnh độ cao  và rộng cho phù hợp

CHÈN LIÊN KẾT VÀ HÌNH ẢNH VÀO TRANG WEB

Chèn liên kết và hình ảnh vào trang web

Như ta đã nói ở bài "HTML là gì ? " và "Siêu văn bản là gì ?" thì một trang html có thể chứa những liên kết ( link ) mà từ những liên kết này, người dùng đang đọc tài liệu này có truy cập đến các tài liệu liên quan khác một cách dễ dàng và nhanh chóng. Ở bài này, mình sẽ hướng dẫn các bạn cách chèn link vào trang html khi soạn thảo.