April 15, 2009

Một số code hữu dụng cho blog

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. :aha:
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” target=”_blank”><img src=”http://simplehitcounter.com/hit.asp?uid=38358&f=16777215&b=0″ border=”0″ height=”18″ width=”83″ alt=”free hit counters”></a><br><a href=”http://www.simplehitcounter.com” 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 Làm hình nền cho entry
Bước 1 : Bạn chọn 1 ảnh để làm nền, chiều ngang khoảng 700 pix là chuẩn -> up lên host nào đó để lấy link

Bước 2 : Bạn vào viết blog -> chọn chế độ “View HTML Source”. Copy đoạn code sau vào

<div align=center>
<table background=”LINK ẢNH Ở ĐÂY” border=0>
<tbody>
<tr>
<td align=center>

Bạn có thể gõ bất cứ cái gì

</td>
</tr>
</tbody>
</table>
</div>
Chú ý : Thay link ảnh mà bạn đã post trên host vào dòng “Link ảnh ở đây” nhé

Bước 3 : bạn thoát khỏi chế độ “View HTML Source”. Bạn sẽ thấy bài viết đã có thể viết được trên ảnh mà bạn chọn, bạn xoá chữ “Bạn có thể gõ bất cứ cái gì” rồi gõ nội dung bài viết vào
Hết rùi các pác ạ còn gì jack sẽ cho chúng lên thim hehehe :hahaha: :bye: :bye: :bye:
jack post típ nha (update 8/8/07)

Do một số bạn mới tập làm Blog nên không biết cách Add Code vào Blog nên mình viết giải thích thêm nhé:
Khi bạn Compose Blog Entry trước khi Add Code thì tích vào dấu View HTML Source rồi Paste Code. Bạn nên Paste ở cuối cùng.
Còn ở các Code thì bạn chỉ việc thay Linh ảnh hay Link mp3…. như hướng dẫn thì sẽ được Code hoàn chỉnh.Và tiếp theo là chỉ việc Add vào Blog thôi

Bắt đầu nào !!!!!
1.Theme Blog

Các bác lấy ảnh có sẵn hoặc tự làm.

Theme Bottom luôn được ưu tiên vì vậy nếu bị chồng lên nhau thì Theme Top sẽ bị ẩn.

Vì vậy bác làm Kích thước
*Theme Bottom khoảng (1024px;2000px) là ok, khi vào Top Page sẽ choán hết màn hình.
Theme này có thể cao hơn nữa.

*Theme Top thì bác làm kích thước (1024px; 4000px) là ok.

Cũng như vậy, nếu vào View Blog, Theme Bottom được ưu tiên.

Bác nên dùng Photoshop để làm vì có thể dùng để chỉnh được chất lượng ảnh khi ghi nên chủ động được kích kỡ <= 250KB.

Kích thước chiều cao bạn tùy chỉnh cho hợp lý hơn.

2.Phông Chữ

Trích:
<font face=””Arial”>

hoặc tùy
3. Hình nền cho Entry

Trích:
<table align=”center” background=”" bgcolor=”#ffffff” border=”0″ cellpadding=”0″ cellspacing=”0″><tbody><tr><td><table style=”height: 644px;” align=”center” bgcolor=”#ffffff” border=”1″ cellpadding=”0″ cellspacing=”0″><tbody><tr><td background=”lINK JPG” bgcolor=”#ffffff”><h3>Welcome to Windsoft’s blog! </h3> <p></p>
</td></tr></tbody></table></td></tr></tbody></table>

4. Add nhạc Google, Youtube

Các bác vào bài nhạc rồi tìm chỗ Code add vào Blog ở bên tay phải í.

5. Nhạc nền

* Nhạc Google hay Youtube

Chỉ việc sửa Giá trị Code thành style=”width:1px; height:1px;” , sau đó cho tự động chạy bằng flashvars=”autoplay=true”

Như vậy sẽ được Code dạng:
video.google.com

Trích:
<embed style=”width:1px; height:1px;” id=”VideoPlayback” type=”application/x-shockwave-flash” src=”http://video.google.com/googleplayer.swf?docId=3731193038616392507&hl=en” flashvars=”autoplay=true” allowscriptaccess=”none”> </embed>

Youtube.com

Trích:
<object width=”1″ height=”1″><param name=”movie” value=”http://www.youtube.com/v/RCR_NJ9egcY”></param><param name=”wmode” value=”transparent”></param><embed src=”http://www.youtube.com/v/RCR_NJ9egcY” type=”application/x-shockwave-flash”flashvars=”autoplay=true” allowscriptaccess=”none” wmode=”transparent” width=”425″ height=”350″></embed></object>

* Nhạc nền mp3 hoặc wma

Trích:
<embed style=”height: 1px; width: 1px;” type=”application/x-shockwave-flash” src=”http://video.google.com/googleplayer.swf?audioUrl=link nhạc” flashvars=”autoplay=true” allowscriptaccess=”none”>

Lưu ý: Add nhạc nền 5 Entry 1 nhạc nền để chúng khỏi đánh nhau loạn xạ.
-Theo kinh nghiệm của em thì: Khi Post bài mới các bác sửa Code bài cũ về dạng không tự động, có chỉnh là ok.
- Muốn có chỉnh thì sửa Code thành style=”height: 26px; width: 250px;”
- Không tự động thì xóa Code flashvars=”autoplay=true”

6. Add Flash
Ngày trước 360 không cho Add phải làm phức tạp nhưng giờ Ok rồi.

Trích:
<embed src=”Link Flash” type=”application/x-shockwave-flash” allowscriptaccess=”none” align=”middle” height=”400″ width=”600″>

Link Flash thì các bác lấy có sẵn ở Website hoặc tự làm rồi Upload lên Net.
Với đk Host Upload cho phép lấy link trực tiếp swf.

Vd trang miễn phí http://www.freewebtown.com
Tốc độ up và load nhanh, dung lượng 1GB. Ok
7. Nếu Google không cho Code Add vào Blog

Một số File, họ không cho Code trực tiếp Add vào Blog ví dụ như:
Đường tam tạng đại náo thiên cung

Cách để lấy Link tạo Code:
View -> Page Source -> Edit -> Find

Gõ vào:
Trích:
http://video.google.com/googleplayer.swf?docId

Các bạn sẽ được
Trích:
http://video.google.com/googleplayer.swf?d…2;u003den\

Như vậy Link tạo ra sẽ là:
Trích:
http://video.google.com/googleplayer.swf?d…72652&hl=en

Suy ra Code Add vào Blog là

Trích:
<embed style=”width:400px; height:326px;” id=”VideoPlayback” type=”application/x-shockwave-flash” src=”http://video.google.com/googleplayer.swf?docId=4707385609510872652&hl=en” flashvars=”"> </embed>

Ok. Chúc các bạn Add hết tất cả những gì trên Video.google.com nhé.

8. Add các File trên các Website hoặc Blog khác
Website hay Blog có file videoclip “xài ké” của dịch vụ YouTube hay Google Video.
Tương tự trên, bạn vào menu View -> Page Source -> Edit -> Find

* Trường hợp với YouTube bạn nhập từ khóa là “youtube.com” vào ô Find what và bấm Enter. Bạn sẽ tìm được địa chỉ dạng như sau:

http:\/\/www.youtube.com\/v\/7YRVOe12_EM\

*Trường hợp với Google Video bạn nhập từ khóa là “video.google.com” vào Find what và bấm Enter để thực hiện, kết quả tìm thấy sẽ là:

http:\/\/video.google.com\/googleplayer.swf?docId=8303406350359526626

Bạn hãy sửa lại địa chỉ để được thế này (lưu ý chữ I trong docId thành i):

Trích:
www.youtube.com/watch?v=7YRVOe12_EM

Trích:
video.google.com/videoplay?docid=8303406350359526626

Vậy là bạn đã có File gốc, rồi lấy Code chèn vào Blog nhé.

9. Add chương trình tự chơi nhạc mp3 vào Blog Cái này hay lắm đó
Đầu tiên các bạn truy cập trang http://www.myflashfetish.com/myspace-mp3players.php

Cách tạo ra rất đơn giản, theo các bước sau:
* Chọn Skin cho chương trình

Add Songs: Các bạn Add Link mp3 và tiêu đề bài hát. Chọn Add mp3 để kết thúc quá trình

* Bước sửa lại, các bạn chỉnh cho hợp lý nhất. Chọn I’m Done! để kết thúc


* Bước Share: nếu chưa đăng kí thì hãy Sign Up bằng Email và Pass

Xong rồi, Website sẽ cho bạn Code để Add vào Blog

Tuy nhiên, Code này có cả Quảng cáo của họ nên để không bị phiền phức, bạn Paste Code vào Notepad rồi sửa và Add Code từ <center> đến pluginspage=”http://www.macromedia.com/go/getflashplayer” sau đó kết thúc Code bằng dấu >.

Như vậy ví dụ 1 Code có dạng sau:

Trích:
<center><embed src=”http://www.myflashfetish.com/myPod2.swf?myid=1297088″ menu=”false” quality=”best” scale=”noscale” bgcolor=”#ffffff” wmode=”transparent” width=”180″ height=”380″ name=”MyFlashFetish.com” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>

Đây là Code ví dụ, không phải là Code để Add vào Blog, Code của bạn thì bạn tự sửa Code ở bước Share nhé.

Dùng Code của bạn Add vào Blog nữa là xong.
Nếu bạn ngại và để cho quảng cáo của Website có trên Blog thì Add hết toàn bộ Code nhé.
Chúc may mắn.
10. Add chương trình Player 1 List nhạc Video Youtube vào Blog
Thật bất tiện khi bạn phải Add nhiều Video Youtube bằng nhiều chương trình nghe nhạc. Điều này sẽ được giải quyết bằng chức năng Playlist giúp bạn tuyển tập các Video yêu thích tạo thành 1 Playlist để Add vào Blog 360.

Sau đây là cách làm:
* Khởi tạo 1 tài khoản miễn phí trên youtube.com
* Vào My Account, trong phần Videos (Uploads, Favorites & Playlists) -> Playlists
Sau đó các bạn có thể thoải mái Create hay Edit danh sách Video theo sở thích.
* Để ý phía tay phải phần Embed: là Code để Add vào Blog.

Các bạn có thể Tìm bài hát trước rồi Add vào Playlist cũng được.
Cách làm: Khi nghe bài hát, chọn Save to Favorites, sẽ có lựa chọn
Add Video to a Playlist
Chọn Playlist của bạn rồi Ok là xong, Video đã được Add vào Playlist.
Thật là đơn giản!!!

0 Comment:

Post a Comment

Để chất lượng các bài viết ngày được tốt hơn, Bạn vui lòng để lại góp ý hoặc nhận xét vào khung bên dưới. Bạn có thể tự do nhận xét nhưng không trái với thuần phong mỹ tục. Khi gửi nhận xét xin vui lòng để lại: Tên, Địa chỉ mail hoặc địa chỉ Blog để tôi được biết bạn là ai. Xin cảm ơn!

Các bài liên quan




Recent Comments

Xã hội - VnExpress.net