Mấy bữa nay dạo quanh các Box có liên quan đến blog mình thấy các bạn có khá nhiều câu hỏi về các thủ thuật trong blog: chèn ảnh, chèn hình, tạo các hiệu ứng ....Đa số các thủ thuật này đều đã được post rồi nhưng do thời gian nên bị đẩy khá xa trong topic và các thủ thuật này nằm riêng lẻ khiến các bạn mới vào khó khăn trong việc tìm kiếm cũng như cách sử dụng nó.
Do vậy, hôm nay mình lập topic này hướng dẫn cho các bạn cách tạo blog thật chi tiết và các thủ thuật cơ bản trong blog. Nếu có gì thắc mắc có thể liên hệ nick Yahoo trong chữ ký của mình, mình sẽ hướng dẫn chi tiết hơn.
Đầu tiên là cách tạo một blog với đầy đủ các thành phần trong đó
Phần 1: Khởi đầu với 360! Yahoo
http://vietnamnet.vn/blogviet/2007/01/655258/Phần 2: Làm việc với các thanh công cụ của Blog
http://vietnamnet.vn/blogviet/2007/01/657749/ Phần 3: Sử dụng thành thạo các chức năng của My Friend và My Blog
http://vietnamnet.vn/blogviet/2007/01/659468/Phần 4: Tìm hiểu về Theme của Blog
http://vietnamnet.vn/blogviet/2007/02/660317/Phần 5: Tìm hiểu Phần My Page
http://vietnamnet.vn/blogviet/2007/02/662003/Làm hết 5 phần đó là các bạn đã có một Blog khá hoàn chỉnh rồi
Như vậy chúng ta đã hoàn thành phần tạo một Blog, giờ chúng ta sang phần mới:
Các thủ thuật cơ bản cho Blog của bạn đẹp hơn
Cách làm chung để sử dụng các code là tạo một Entry mới, tick vào ô View HTML Source, paste code mà bạn cần vào, sau đó tick vào ô View HTML Source 1 lần nữa. Sau đó các bạn cứ viết Blog như bình thường (còn đối với các Entry cũ mà bạn muốn chèn thêm các code vào thì nhấn vào chữ Edit trong Entry cần sửa, tick vào ô View HTML Source, paste code vào chỗ nào mình muốn tạo hiệu ứng rồi tick vào ô View HTML lần nữa sẽ thấy kết quả).
Cách lấy Link của một hình ảnh: nếu hình ảnh đó có ở một trang web nào đó bạn nhấn phím phải vào hình đó --> chọn Properties --> dòng sau URL chính là link của ảnh.
Còn các bạn muốn đem hình ảnh từ máy của bạn lên, làm như sau: vào trang
http://imageshack.us, chọn Browse, chọn hình bạn muốn Up lên mạng, sau đó nhấn vào nút Host it --> nó sẽ hiện ra nhiều đường Link cho bạn, bạn nhìn vào dòng Link gần cuối có chữ: Direct Link to Image -> đó chính là Link tới ảnh của bạn đã được Up lên mạng.
1. Cách chèn hình ảnh vào Blog: có 2 cách:
a.) 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.
----------------------------------------------------
b.) 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>
2. Chèn 1 Link dẫn đến một trang khác:
<a href="link">Tên muốn hiển thị</a>
Trong đó bạn điền địa chỉ trang web vào chữ Link, còn Tên muốn hiển thị là bạn muốn đường Link đó có tên gì. Ví dụ tôi muốn làm Link đến trang blog của tôi thì tôi sẽ đánh thế này: <a href="http://360.yahoo.com/hythinh1201">Blog của mình nè ^^</a> nó sẽ hiện ra một dòng chữ có tên là Blog của mình nè, nhấn vào dòng chữ này nó sẽ dẫn tới blog của mình với địa chỉ
http://360.yahoo.com/hythinh1201.3. Chèn một đoạn flash:
<embed src=”Link” type=”application/x-shockwave-flash” width=”425" height=”350" allowScriptAccess=”none”></embed>
4. Chèn một đoạn Video:
<embed src=”Link của đoạn Video” type=”application/x-mplayer2? width=”425" height=”350" allowScriptAccess=”none”></embed>
5. Viết chữ trên hình ảnh: bạn có một tấm ảnh đẹp và muốn viết chữ trên tấm ảnh đó? Dùng đoạn code này:
<div align=center>
<table background="Link hình ảnh" border=0>
<tbody>
<tr>
<td align=center>
Viết entry ở đây
</td>
</tr>
</tbody>
</table>
</div>
Ví dụ:
6. Trong entry của bạn có các chú cá bơi lội:
<embed src='http://www.crazyprofile.com/fish.swf' quality='high' wmode=Transparent allowScriptAccess="never" width='300' height='300' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/fish_aquarium.asp' target='_blank'><font face='verdana' size=1>Bể cá</font></a></div>
Ví dụ:
7. Tạo bóng đổ cho chữ trong entry của bạn:
<div align="center">
<span style="font-family: comic sans ms; font-size: 30px; font-weight: bolder; color: rgb(130, 130, 130);">Anh yêu em nhiều lắm</span>
<span style="font-family: comic sans ms; font-size: 30px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">I love u so Much</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. VD: Arial...
Trong đó, Anh yêu em nhiều lắm là bóng(màu xám), còn I love u so much là chữ chính (màu đỏ). Bạn có thể thay dòng trên thành chữ bất kỳ (bạn nào biết HTML có thể chỉnh màu, font cũng như size lại)
Ví dụ:
8. 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;">
Chữ của khung bên trong <br />
</div>
</span>
</td>
</tr>
</tbody>
</table>
<br />
<span style="color: rgb(255, 64, 64);"> Chữ của khung bên ngoài </span><br />
</td>
</tr>
</tbody>
</table>
Ví dụ:
9. 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
<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.
Ví dụ:
10. Hiệu ứng mặt nước trong hình ảnh:
Các bạn vào đây hướng dẫn rất chi tiết:
http://truongton.net/forum/showthread.php?t=22609011. Tạo một Slideshow ảnh thật đẹp và lạ mắt:
Các bạn vào đây:
http://truongton.net/forum/showthread.php?t=22655612. Tạo các hình dưới Avatar của bạn:
Các bạn vào đây:
http://truongton.net/forum/showthread.php?t=18869213. Một số các thủ thuật khác khá hay:http://truongton.net/forum/showthread.php?t=191525
Thôi nhiu đó chắc đủ cho các bạn xài tạm rồi. Bữa khác post tiếp các thủ thuật khác, bạn nào chưa làm được có thể pm nick yahoo dưới chữ ký mình, mình sẽ hướng dẫn thêm nhé.
Trang Chính 
Sat Jan 12, 2008 10:32 pm
