Tạo khung bao vùng chử

Copy đoạn code nào vào HTML và sửa nội dung tại chử màu đỏ tuỳ ý:

<textarea cols="0" rows="0">Nội Dung</textarea>

Xem hình dưới

Nội Dung

---

Tạo nút click liên kết tới cho blog:

Cách tạo nút liên kết cho một đối tượng mà mình cần khi mình click vô nó sẽ dẩn tới điểm đích.
Ví dụ đoạn code:
<form action="#h1" target="_blank">

<p style="margin-top: 0; margin-bottom: 0">

<input type="submit" value="Name" style="width:150px"></form>

 Lưu ý:

#h1 màu nâu mình thay địa chỉ mà mình cần link tới

Name màu xanh lá mình thay tên được thể hiên trên nút.

Sau khi sửa đường link #h1 và đường link Name ta copy đoạn code này dán vào tiện ích  HTML/Javascrip hay HTML trong bài viết blog của mình thế là xong.

Sau đây là 3 nút và code của nó mà tôi đã tạo ra.:

1.<form action="http://cafedongduong.blogspot.com/p/xam.html" target="_blank">

<p style="margin-top: 0; margin-bottom: 0">

<input type="submit" value="Xâm nghệ thuật" style="width:150px"></form>

2.<form action="http://cafedongduong.blogspot.com/p/mau-nails.html" target="_blank">

<p style="margin-top: 0; margin-bottom: 0">

<input type="submit" value="Mẩu nail" style="width:150px"></form>

3.<form action="http://picasaweb.google.com/103121758692761066420/AnhKhoaThan?authkey=Gv1sRgCMHxiv2Sh6jKWQ#" target="_blank">

<p style="margin-top: 0; margin-bottom: 0">

<input type="submit" value="Gái đẹp sexy" style="width:150px"></form>

Xem hình dưới đây và clck thử:

---

1.

---

2.

---

3.

---

Cách tạo dãy hình ảnh hay một văn bản chuyển động

Dãy ảnh chuyển động

Tạo chữ chuyển động, ảnh chuyển động rất đơn giản bằng mã HTML, đó chính là Marquee  - Một mã được các Blogger sử dụng phổ biến . Lệnh Marquee được thực hiện bằng cách sử dụng thẻ <marquee> {đối tượng}<marquee>. Lệnh marquee hiển thị tốt cả trên trình duyệt Internet Explorer thông dụng và một số trình duyệt khác với các phiên bản mới, tuy nhiên với một số phiên bản cũ của các trình duyệt này có thể hiện thị không được tốt.
Về cơ bản, đoạn mã có cú pháp như sau:

<marquee attributes ...> {đối tượng: HTML text, img, tag } </marquee>

Các thuộc tính attributes bao gồm:
ALIGN (căn lề cho text bên trong thẻ <marquee>, đoạn text này sẽ dồn về phía mà ta định) : top, bottom, right, left, middle
HEIGHT, WIDTH (bề rộng và bề ngang của vùng Marquee): đơn vị có thể là px hoặc %
BEHAVIOR (Kiểu trượt với các lựa chọn scroll - trượt hết miền marquee và bắt đầu lại từ đầu, slide - trượt đến điểm cuối miền marquee (tính theo hướng trượt) và đứng lại tại đó, alternate - trượt qua lại): scroll, slide, alternate
DIRECTION (hướng trượt) : up, down, left, right
HSPACE, VSPACE (khoảng cách ngang và dọc giữa text xung quanh và rìa vùng Marquee)
LOOP (lặp lại số lần trượt, nếu -1 : lặp lại vĩnh viễn.): -1, n 
SCROLLAMOUNT, SCROLLDELAY (đột mượt và độ nhanh chậm của text trượt. SCROLLAMOUNT càng nhỏ thì càng mượt. SCROLLDELAY càng lớn thì càng chậm.)
BGCOLOR, CLASS, STYLE (định style cho marquee thí dụ như màu nền, text bên trong,...)

Ví dụ:

Với 3 bức hình đang hiễn thị được lưu trữ tại địa chỉ màu cam (Dòng số màu xanh lá 1. 2. 3.). 

Địa chỉ đích tới được mở ra khi click vào hình đang ở dòng màu nâu ở dưới (Dòng số màu xanh lá 1. 2. ). 
direction="left" – Các bức ảnh sẽ chuyển động từ bên trái qua phải. Ta có thể thay bằng direction= “up” (chạy lên), direction= “dow” (chạy xuống), direction= “right” (chạy bên phải qua)
scrollamount="2" – độ mượt của các hình ảnh (càng nhỏ càng mượt)
scrolldelay="50" – Độ nhanh chậm của tốc độ trượt (càng lớn càng chậm)
onmousemove="this.stop()"  onmouseout="this.start() thể hiện tính năng khi rà chuột vào marquee 
(onmouseover) - Đoạn text hay hình ảnh đang chuyển động tạm dừng khi rê chuột  tới.

(onmouseout) - Đoạn text hay ảnh lại tiếp tục chuyển động khi rời rê chuột khỏi nó
height="100" width="100%": Thể hiện chiều cao và độ rộng của Marquee.

behavior="alternate" – Các bức ảnh hoặc các đoạn văn sẽ trược qua lại hay lên xuống. Nếu ta không thích kiểu trược này thì ta có thể thay thế bằng behavior=“scroll” (Trượt hết miền marquee và bắt đầu lại). behavior= “slide” ( Trượt đến điểm cuối của miền marquee và dừng lại ).

Nếu không muốn chế độ này thì ta thay behavior=”0”. Hoăc xoá nó đi.

Đoạn code ví dụ:

<marquee onmouseout="this.start()" direction="up" behavior="0" scrollamount="2" scrolldelay="50" onmouseover="this.stop()"  height="100" width="100%">

1. <a href="http://picasaweb.google.com/lh/photo/I88KlLAevZb18-hLz1cGUg?feat=embedwebsite" title="cafedongduong"><img  src="http://lh6.ggpht.com/_jQec837QdLE/TMb4HIBrndI/AAAAAAAAIec/ohza4bumWso/s144/118zs6v.jpg" height="101" width="144" /></a>

<br/>

2. <a href="http://cafedongduong.blogspot.com" title="cafedongduong"><img  src="http://lh6.ggpht.com/_jQec837QdLE/TMb4HIBrndI/AAAAAAAAIec/ohza4bumWso/s144/118zs6v.jpg" height="101" width="144" /></a>

<br/>

3. <img  src="http://lh6.ggpht.com/_jQec837QdLE/TMb4HIBrndI/AAAAAAAAIec/ohza4bumWso/s144/118zs6v.jpg" height="101" width="144" title="cafedongduong" />

</marquee>

Nói thêm:

Ở dòng ( 1. 2. và 3. ) đều có chung 1 tấm hình cùng 1 địa chỉ ở dòng màu cam.

. Ở dòng 1. là địa chỉ đích tới được mở ra còn nguyên thuỷ của nó được mở ra khi ta click tới (dòng màu nâu).

. Ở dòng 2. là địa chỉ đích tới đã được chỉnh sửa khi ta click chuột tới nó sẽ mở ra trang blog của tôi là: cafedongduong.blogspot.com (dòng màu nâu).

. Ở dòng 3. là không có địa chỉ đích tới khi click chuột vào nó sẽ không link tới vì tôi đã bỏ hẵn thẻ tap <a href=”…..”></a>.

Ở trên 3 dòng code được thể hiện cho 3 tấm hình hàng dọc thẳng đứng từ trên xuống nên ở cuối mỗi dòng đều có thẻ <br/> trừ hàng cuối cùng là không có. Nếu muốn hình nó thể hiện nằm ngang ta bỏ thẻ <br/> đi.

Thẻ title=”cafedongduong” được thêm vào cuối dòng của bên trong thẻ<a href=”…..” title=”cafedongduong”></a> để khi ta rê chuột tới nó sẽ hiển thị ra tên chủ đề là cafedongduong. Ta có thể thay tên chủ đề của nó trong giữa 2 dấu ngoặc kép  “…”

Nếu ta muốn khi ta click vào đối tượng hình hay văn bản để cho nó mở ra 1 một tap cửa sổ mới thì ta thêm thẻ target=”_blank” vào cuối dòng thẻ <a herf=”……” target=”_blank”></a>. Xem ở dòng 1. và 2. của văn bản chuyễn động phía dưới:

Dòng 1. không có thẻ target=”_blank” nên khi click tới nó chỉ mở ra trên cùng 1 trang. Còn dòng 2. có thẻ target=”_blank” khi click tới nó sẽ mở ra 1 tap của sổ mới.

Văn bản Chuyễn đông
Ví dụ:

<marquee onmouseout="this.start()" direction="up" behavior="0" scrollamount="2" scrolldelay="50" onmouseover="this.stop()"  height="100" width="100%">

1. <a href="#h1"><b>Nội dung được link</b></a> <br/>Noi dung thể hiện rút gọn của nôi dung được link .<a href="#h1.2" style="color:red" title="cafedongduong">Chi tiet (= Nôi dung được link)</a>

<br/>

2. <a href="#h1" title="cafedongduong" target="_blank"><b> Nội dung được link </b></a> <br> Noi dung thể hiện rút gọn của nôi dung được link.<a href="#h1.2" title="cafedongduong" style="color:red" target="_blank">Chi tiet(= Nôi dung được link)</a>

</marquee>

Nói thêm:
Ta thay line của mình cần vào các chử màu nâu: #h1 và #h.2

#h1 Là địa chỉ để link toàn bộ văn bản được mở ra tới đó khi ta click vào chử Nội dung được link

#h1.2  Là địa chỉ để link toàn bộ văn bản được mở tới đó khi ta click vào chử Chi tiết ( = Nội dung được link)

Nôi dung được link và chi tiết ( = Nôi dung được link ) thường là chung 1 địa chỉ link.

Ta có thể copy đoạn code trên dán vào bảng test HTML này và xem thử  CLICK VÀO ĐÂY

---

1.
2.
3.

---

1. Nội dung được link
Noi dung thể hiện rút gọn của nôi dung được link .Chi tiet (= Nôi dung được link)
2. Nội dung được link
Noi dung thể hiện rút gọn của nôi dung được link.Chi tiet(= Nôi dung được link)

---

---

Tạo nick ảo trong Yahoo Messenger

Cách sử dụng nhiều nick (nick ảo) để có thể chát với người khác trên cùng một máy. Có 2 cách để tạo nick ảo:

I- Tạo nick ảo trong hộp mail:


A/ Sau khi vào hòm thư của mình, ta nhìn thấy dòng chữ Mail Option phía trên bên phải hộp mail của mình, hãy nhắp chuột vào chữ đó.
B/ Sau khi xuất hiện một trang web mới, ta hãy nhấp chuột vào Account Information ở phía dưới bên trái màn hình.
C/ Chờ một lát cho đến khi nó yêu cầu thì ta nhập mật khẩu của mình vào ô Password.
D/ Bây giờ mình đã vào phần Account Information của mình. Ở phần “Public profiles” ta sẽ thấy dòng Edit/ Create Profiles và nhấp vào đó.
E/ Nó sẽ hiện ra cửa sổ mới, ta sẽ thấy nick chính của mình trong 1 khung, phía trên có nút Create New Public Profiles hãy click chuột vào đó.
F/ Chờ cho đến khi trang khác xuất hiện có thể một trang sẽ có rất nhiều chữ xuất hiện ta kéo xuống phía dưới và chọn I Accept sau đó nó sẽ hiện ra cửa sổ Create New Puplic Profile có các phần sau:
1. Name Your Profile: nó có 1 ô trống và mình hãy đánh nick ảo mà ta muốn.
2. Expand Your Profile: nó có khá nhiều ô trống, nếu khá tiếng Anh một chút thì có thể điền vào các thông tin mà mình muốn. Còn không thì dẹp nó luôn, không cần điền gì cả.
3. Choose Display Options: nó có 3 ô để mình đánh dấu, mà ta khỏi quan tâm đến nó.
Xong xuôi thì mình kéo xuống tận cùng rồi chọn Creat Profile


G/ Sau khi nhắp chuột vào đó sẽ có 2 trường hợp xảy ra:
1/ Nếu nó hiện ra cái giao diện giống cũ và có dòng chữ “The identity...is already in use by someone else. Please select another one.” - "Please enter a value for your Alias." hoặc “Your IDENTITY contains symbols that are not allowed. Please limit your Identity to 32 letters and numbers (or less) and try again.” thì mình phải thực hiện lại bước F/ vì cái tên đó đã có ai chọn mất rồi hoặc tên mà mình chọn bị lỗi.
2/ Nếu nó hiện ra cửa sổ khác giống cửa sổ ở phần E/ thì thành công rồi, nick mới đã xong.
* Nếu muốn tiếp tục tạo nick ảo thì lại nhấp vào nút Create New Public Profiles, còn không thì nhấp chuột vào Finished Editing và nhập lại password để trở về phần Account Information. Ở đây ta sẽ thấy nick mới vừa tạo ở “Public profiles”. Bây giờ mình chỉ login vào Yahoo Messenger và nhấp vào nút Message ta sẽ nhìn thấy cửa sổ đó bên trái là ô trống hãy nhập tên của người mà mình muốn chat còn bên phải là tên nick chính của mình, nhấp vào mũi tên chỉ xuống bên cạnh nick của mình, ta sẽ thấy nick thật và các nick ảo của mình, hãy chọn 1 nick và chat với người bạn đó. OK, thế là xong.
II- Tạo nick ảo Yahoo Messenger:


A/ Sau khi login vào Yahoo Messenger, ta chọn Login/My Profiles trên thanh công cụ.
B/ Mình sẽ thấy xuất hiện 1 cửa sổ nhỏ Edit My Profiles, ta hãy chọn Create/ Edit My Profiles.
C/ Tới đây sẽ hiện ra 1 cửa sổ và mình làm theo trình tự như phần E/ của I- Tạo nick ảo trong hộp mail
* Nếu có ai add nick ảo của mình trong Yahoo! Messenger của người đó, mà khi mình đang online (ở chế độ Available) mà không muốn chat với người này thì ta vào Login/My Profiles, trong cửa sổ nhỏ Edit My Profiles, mình bỏ đánh dấu cho cái nick mà người đó add, rồi nhấn OK. Lúc này bất kì ai add nick đó của mình sẽ không thấy mình online dưới bất cứ hình thức nào, họ nhắn Offline Message ta cũng không nhận được, và mình cũng không sử dụng được nick ảo đó để chát.

---

Tạo khung viết code hay một văn bản nào đó:

Copy đoạn code này dán vào HTML khi muốn viết code hay một văn bản nào đó

Đây là khung đã được tạo và code của khung đang nằm trong khung:

<table border="1" cellpadding="0" class="MsoNormalTable" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; color: #969899; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px; width: 574px;"><tbody> <tr><td style="padding-bottom: 0.75pt; padding-left: 0.75pt; padding-right: 0.75pt; padding-top: 0.75pt;"><div style="line-height: 13.5pt; margin-right: 0.5in;"> <span style="font-size: 10pt;"><span class="Apple-style-span" style="font-family: Arial;"><o:p>NHÂP NỘI DUNG VÀO ĐÂY</o:p></span></span> <span class="Apple-style-span" style="font-family: Arial;"> </span></div> </tbody></table>

Sửa lại nội dung tuỳ thích trong chử màu đỏ. Hoặc khi thoát ra HTML ta sửa trực tiếp trong khung viết. Xem hình dưới:

NHẬP NÔI DUNG VÀO ĐÂY

---

Tạo Khung Trược để viết code hay văn bản v.v…

Copy đoạn code trong khung này dán vào HTML trước khi mình nhập một văn bản hay một  đoạn code nào đó:

Đây là khung đã được tạo và code của khung nằm bên trong khung:

<span
class="Apple-style-span" style="border-collapse: collapse;
font-family: Verdana, Tahoma, Arial, Calibri, Geneva, sans-serif; font-size:
13px;"></span><br />
<pre class="bbcode_code"
style="background-attachment: initial; background-clip: initial;
background-color: #f2f6f8; background-image: initial; background-origin:
initial; background-position: initial initial; background-repeat: repeat
no-repeat; border-bottom-style: inset; border-bottom-width: 1px; border-color:
initial; border-left-style: inset; border-left-width: 1px; border-right-style:
inset; border-right-width: 1px; border-top-style: inset; border-top-width: 1px;
direction: ltr; font-family: monospace; font-size: 12px;
height: 372px; line-height: 12px; margin-bottom:
0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: scroll;
overflow-y: scroll; padding-bottom: 6px; padding-left: 6px; padding-right: 6px;
padding-top: 6px; text-align: left;">
</pre>

Thay thế màu nền, size chử và chiều cao của khung ở nơi có chử màu đỏ. Có thể vào bảng mả màu này xem và text thử màu.

---

Tạo icon địa chỉ email cho yahoo và gmail.v.v….cho blog

Click vào : Email Icon Generator

Điền địa chỉ email của mình vào khung có chữ:

Enter your e-mail address: xong click Generate. Mình thấy phía dưới có hình icon của mình:

Here is your e-mail icon:

To display this image elsewhere, use the URL:

http://services.nexodyne.com/email/icon/BULNXm73FuvlU6xiZQ%3D%3D/DsSi3no%3D/R01haWw%3D/0/image.png

sau khi tạo xong nhấn vào

To save this icon, click here để lưu lại và không quên lấy code để dán vào blog, web của mình.

Lấy code:

Ta lấy URL mới vừa tạo nằm dưới dòng To display this image elsewhere, use the URL:mã URL vừa lấy xong mình thay thế vào dòng màu xanh và thay thế địa chỉ mail của mình vào dòng màu đỏ. Sau đó copy toàn bộ dán vào HTM của blog hay web của mình.

Ví dụ: Mail yahoo của tôi là cafedongduong@gmail.com và cafedongduong@yahoo.com

Và URL của tôi là :

http://services.nexodyne.com/email/icon/BULNXm73FuvlU6xiZQ%3D%3D/DsSi3no%3D/R01haWw%3D/0/image.png

Sau khi thay đổi :

<a href="mailto:cafedongduong@gmail.com" target="blank"><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://services.nexodyne.com/email/icon/BULNXm73FuvlU6xiZQ%3D%3D/DsSi3no%3D/R01haWw%3D/0/image.png" border="0" /></a>

Và cho ra logo icon:

Tương tự cho yahoo mail của tôi:

<a href="mailto:cafedongduong@yahoo.com" target="blank"><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://services.nexodyne.com/email/icon/bzQvZk8XpbHpBu2X9w%3D%3D/EpM6Mwg%3D/WWFob28%3D/0/image.png" border="0" /></a>

Có hình logo icon như:

---

Yahoo messenger chat trong blog

Để tiện liên lạc với bạn bè, bạn có thể đưa thêm yahoo messenger chat vào trên blog hoặc web. Khi đó người xem chỉ cần click lên biểu tượng trên blog để bắt đầu gửi tin chat message cho bạn. Ngoài ra người xem cũng có thể biết liệu bạn có online hay không.

Bạn có thể sử theo cách dưới đây (lưu ý các đoạn mã html này phải được đặt trong chế độ soạn thảo html)

Bạn copy đoạn mã này dán vào html và sữa lại tên nick cùng với tên blog của bạn.

Ví dụ nick của tôi là cafedongduong.

Và sau khi tôi đã sữa mã bằng nick của tôi và tên blog của tôi thì đoạn mã sẽ có như dưới đây.
Ví dụ:
<a href="ymsgr:sendim?cafedongduong"><img src="http://opi.yahoo.com/online?u=cafedongduong&m=g&t=2"alt="cafedongduong.blogspot.com" border=0></a>

Cách dán vào: đánh tên blog của bạn vào khung trình duyệt web -/ Enter. Blog của bạn hiện ra và bạn đăng nhập vào blog của bạn xong -/ chọn Bảng điều khiển -/ chọn Thiết kế -/ chọn thêm tiện ích -/ chọn tab cơ bản -/ kiếm chọn HTML/Javascript -/ xong dán vào khung Nội Dung và nhớ sữa tên của bạn như tôi ở trên. khung này được sử dụng nhiều trong blogger nó dùng để chèn video, nhạc, các cái… Lưu ý: ( nên sử dụng trên blogger ).

Xem hình vừa tạo xong bên dưới:

thank you for watching.

---

TẠO KHUNG VIỀN CHO VIDEO, XOÁ KHUNG TÌM KIẾM VÀ VIDEO LIÊN QUAN TRONG YOUTUBE

Tạo khung viền, xoá thanh tìm kiếm và những video liên quan của youtube trong blog của bạn sau khi chơi hết đoạn video để cho diện mạo của video được sạch đẹp hơn.

Copy mã này :  &amap;border=1&showsearch=0&rel=0 .

Xong past vào cuối url trong embed của 1 video youtube.

Ví dụ Sau khi copy embed của 1 video nào đó mà mình thích trên youtube ví dụ embed nguyên thuỷ là:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bzZIb-wwyiE?fs=1&amp;hl=en_US&amp;color1=0x2b405b&amp;color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bzZIb-wwyiE?fs=1&amp;hl=en_US&amp;color1=0x2b405b&amp;color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Sau khi copy đoạn mã trên và được past vào cuối url:

<object width="326" height="270"><param name="movie" value="http://www.youtube.com/v/bzZIb-wwyiE?fs=1&amp;hl=en_US&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1&showsearch=0&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bzZIb-wwyiE?fs=1&amp;hl=en_US&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1&showsearch=0&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="326" height="270"></embed></object>

Bây giờ khi chơi hết đoạn video trong blog của mình thì nó được sẽ sạch và đẹp hơn rồi đó.


Bạn có thể copy đoạn code trên dán vào bảng test HTML này và xem thử trước khi thực hiện CLICK VÀO ĐÂY

---