Tổng Hợp Code Dùng Trong Việc Tạo BLOG

8 03 2008

Tổng Hợp Code Dùng Trong Việc Tạo BLOG


Giờ đây chắc có nhiều người sử dụng Blog của Yahoo, dưới đây là các đoạn mã dùng trong blog 360 yahoo :

Cách làm chung: vào viết blog –> check vào ô “View html source” –> copy và paste các đoạn code này vào –> check lại vào ô ấy thêm lần nữa.
—————————————

1. Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình:

<!– Start of SimpleHitCounter Code –>
<div align=”center”><a href=”http://www.simplehitcounter.com&#8221; target=”_blank”><img src=”http://simplehitcounter.com/hit.asp?uid=38358&f=16777215&b=0&#8243; border=”0″ height=”18″ width=”83″ alt=”free hit counters”></a><br><a href=”http://www.simplehitcounter.com&#8221; target=”_blank”><font size=”-3″>free hit counters</font></a></div>
<!– End of SimpleHitCounter Code –>
—————————————————

2. Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)

<div align=center><img height=100 alt=Image src=”image link” width=100 alt=”Image” /></div>

_ Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
. Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh.
. Image link, phải lấy link trực tiếp của bức hình.
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
—————————————————-

3. Cách chèn ảnh với size thực tế ( chiều rộng > 500)
_ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào:

<table id=”Table_01″ width=”1000″ height=”750″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
<img src=”link ảnh 1″ width=”500″ height=”750″ alt=””></td>
<td>
<img src=”link ảnh 2″ width=”500″ height=”750″ alt=””></td>
</tr>
</table>

* Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi )
———————————————

4. Chèn link:

<a href=”link”>Tên muốn hiển thị</a>
———————————————-

5. Tạo bóng đổ cho text trong Blog:

<div align=”center”>
<span style=”font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);”>huamylinh</span>
<span style=”font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;”>huamylinh</span>
</div>

_ Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác.
————————————————

6. Code dùng để đóng khung trong blog:

<table background=”link” border=”1″ cellpadding=”30″ cellspacing=”2″>
<tbody>
<tr>
<td>
<table style=”height: 209px;” align=”left” background=”link” border=”2″ cellpadding=”0″ cellspacing=”0″>
<tbody>
<tr>
<td align=”left”>
<span style=”color: rgb(192, 0, 0);”>
<div style=”margin-left: 40px;”>
đoạn text của khung bên trong <br />
</div>
</span>
</td>
</tr>
</tbody>
</table>
<br />
<span style=”color: rgb(255, 64, 64);”> đoạn text của khung bên ngoài </span><br />
</td>
</tr>
</tbody>
</table>
——————————————————

7. Tạo các icon có chứa link:
(nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu [url=link text[/url] trong gvn vậy đó)

<div style=”text-align: center;”>
<a href=”link Blog 1″> <img src=”link ảnh 1″ alt=”Blog Page” height=”47″ width=”51″ alt=”Image” /></a></div> <br />

* Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.

——————————————————-
8. Tạo nút tam giác để nghe nhạc trực tiếp
Cách làm rất đơn giản. Hãy dán đoạn code sau vào trước đường link bài hát mà bạn add trong ô Add url của mục Edit Blast:

<script type=”text/javascript” src=”http://del.icio.us/js/playtagger”></script&gt;
Tác dụng của cái code này là để nghe nhạc trực tiếp trong trang web, với mỗi đường link đến bài hát trong trang web, nó sẽ khởi tạo 1 cái nút tam giác để bạn có thể bấm vào đó mà nghe nhạc. Nhưng lưu ý là cái code này chỉ hỗ trợ chơi nhạc mp3 mà thôi

Ví dụ
<script type=”text/javascript” src=”http://del.icio.us/js/playtagger”></script&gt;http://www.filelodge.com/files/room3…Of%20Angel.mp3


Hành động

Information

One response

10 03 2008
dinh dinh hau

help
ilove

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s




%d bloggers like this: