video 100 tình hống hài hước nhất

video 100 tình hống hài hước nhất

Thiếu nữ múa ghế ủng hộ trẻ bệnh tim

Tối 4/12, thiếu nữ Hà thành cùng cặp đôi khiêu vũ vô địch thế giới đến từ Colombia đã thể hiện những vũ điệu múa ghế uyển chuyển cùng màn belly dance điêu luyện nhằm gây quỹ ủng hộ trẻ em bệnh tim.

*Clip: Thiếu nữ Hà Thành múa ghế gợi cảm

Huyền Trang, Thu Hương, Phương Thanh, 3 cô gái đến từ vũ đoàn Isis World Dance với màn biểu diễn múa ghế.

Và Lyrical dance uyển chuyển, đầy sức lôi cuốn.

Những vũ công nhí cũng tham gia buổi biểu diễn từ thiện ủng hộ trẻ em nghèo bệnh tim với màn trình diễn Belly dance ấn tượng...

...và ngộ nghĩnh.

Phần trình diễn nhảy Salsa của cặp đôi Jenifer và Jaime đến từ Colombia vô địch khiêu vũ thế giới.

Với những bước nhảy điêu luyện, cặp đôi này đã đem đến cho khán giả giây phút thú vị.

Đôi bạn trẻ Sao Mai - Jonny Huy cùng tái hiện lại vở kịch Romeo và Juliet.

Hồng hạnh - Đặng Mai thể hiện những bước nhảy điêu luyện và đầy quyến rũ.

Cặp đôi Phương Vũ - Quang Dũng.

Nhiều bạn trẻ đam mê khiêu vũ cùng nhảy giao lưu, ủng hộ trẻ em bệnh tim trong không khí ấm cúng tại Life Club 194 Trần Quang Khải, Hà Nội. Toàn bộ số tiền thu được từ đêm giao lưu, biểu diễn sẽ được chuyển cho Quỹ phẫu thuật tim dành cho trẻ em nghèo bệnh tim.

Bá Đô

Tạo style cho bài viết giống kiểu 1 tạp chí

[FD's BlOg] - Có nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như tạo bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu dòng bài viết. (giống như các bài báo hay tạp chí).


Đây là minh họa:

Có nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như tạo bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu dòng bài viết.

Có 2 cách để thực hiện điều này :
Cách 1: Phương pháp thủ công
- Với cách này mỗi khi bạn tạo hiệu ứng trên thì phải gõ cả đọan code vào.
- Và dưới đây là đọan code:

<span style="float:left;color: #0C3259;background:#BCBBBB;line-height:80px; padding:1px 5px 0 0; font-family:times; margin: 0px 5px 5px 0px; font-size:100px;"">{Kí tự đầu tiên}</span>

Trong đó:
- background:#fff -> màu nền của ô chữ (ở đây là màu trắng)
- line-height:80px -> độ cao của ô chữ
- font-size:100px -> độ cao của chữ

Ưu điểm của bước 1 là bạn có thể thay đổi style tùy thích bằng cách thêm hay bớt các thuộc tính của thẻ <span>

Cách 2: Tạo 1 class trong CCS
Khi đã làm ở cách 1 nhiều lần, và bạn thấy thích nhất 1 kiểu nào đó (tạo 1 style chung cho các bài viết) khi đó hãy tạo 1 class trong CCS, và mỗi khi sử dụng thì ta chỉ cần gọi class đó ra thôi, không cần phải đánh cả đọan code vào.
Dưới đây là cách làm:
1. Viết 1 code cho riêng mình, có thể tham khảo code bên dưới:

/* magazine drop caps */

.magazine {
float:left;
color:#000;
background:#fff;
line-height:80px;
padding-:1px 5px 0 0;
font-family:times;
font-size:100px;
}

2. Đăng nhập vào blog của bạn, vào Chỉnh sửa Code HTML
3. Tìm đọan code sau : ]]></b:skin> và copy đọan CCS bên trên ngay trên dòng code đó.
4. Save template --> xong.
5. Như vậy mỗi lần muốn tạo kiểu chữ như vậy, bạn chỉ cần làm như sau

<span class="magazine">{Kí tự đầu tiên} </span>

Chúc các bạn thành công.

Tạo banner random

Banner random

[FD's BlOg] - Như các bạn đã biết, nền blog Wordpress có plugin cho phép người dùng thay đổi banner của Blog mỗi khi mở trang mới , hay refresh lại trang thuộc blog đó , đây cũng là một thủ thuật khá hay để làm đẹp cho Blog. Vậy, đối với nền Blogger (Blogspot) của chúng ta thì phải làm sao , bài viết hôm nay sẽ hướng dẫn cho bạn làm điều này .

Đầu tiên, bạn cần phải xác định kích thước của khung banner (dành cho những người mới tạo blog) để tạo ảnh cho thích hơpn (việc này cũng không khó lắm). Thứ 2 bạn phải có sẵn 1 số lượng banner đủ lớn để làm điều này, thường thì 10 banner cũng có thể đáp ứng được việc này. (Blog của mình hiện tại sử dụng tới 30 banner ^^)
Tiếp theo , bạn hãy kiểm tra trong phần header đã có đoạn text hay hình ảnh nào không . Nếu có , bạn cần phải xóa chúng để banner không bị các phần tử trên chiếm chỗ.

Bạn cần phải xóa các phần tử tại phần header 
để giành chỗ cho banner của bạn.

Thứ 2 nữa là đối với các Template mới, sẽ có các Widget tiêu đề mặc định (không phải thanh navbar), bạn cũng cần phải xóa nó đi để nó không chiếm chỗ của banner.

Để xóa widget Titlenày các bạn làm như sau :
- Vào phần chỉnh sửa Code HTML (nên save code template của mình lại )
- Tìm đọan code sau :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Theo ngay sau nó sẽ là:

<b:widget id='Header1' locked='true' title='FD's BlOg (Tiêu đề)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>

Xóa tất cả chúng--> như thế ta đã xóa được Widget tiêu đề. (xem hình minh họa)

Trước khi chưa xóa:

Sau khi xóa :


Như vậy đã xong bước 1, sang bước 2 là chèn code JS cho Banner Random.
- Đầu tiên tìm đến dòng (nằm ở khoảng dưới thẻ )

<div id='top-wrapper'>

hoặc các code tương tự như:

<div id='outer-wrapper'>

Hoặc thẻ :(thẻ này có thể đặt sau hay trước cũng được)

<div id='header-wrapper'>

... và thêm code này vào ngay bên dưới :

<div style='padding-bottom:3px; padding-top:3px;text-align:center;'>
<a href='http://{tên blog của bạn}.blogspot.com'>
<script type='text/javascript'>
var banner= new Array()

banner[0]="<img src='{link banner0}'/>"
banner[1]="<img src='{link banner1}'/>"
banner[2]="<img src='{link banner2}'/>"
banner[3]="<img src='{link banner3}'/>"
var random=Math.round(3*Math.random());

document.write(banner[random]);
</script></a>
</div>

Chú ý:
1.{tên blog của bạn} : tên blog của bạn (link blogspot của bạn) (phần này để tạo liên kết tớ trang Blog của bạn, có không có cũng không sao, tùy mỗi người ).
2. {link banner1} : link bạnner của bạn cần hiển thị. (bạn nên tạo cho mình chừng chục cái banner rồi up lên host nào đó, sau đó lấy link dán vào code trên).
3. Math.round(3*Math.random() : số 3 ở đây tương ứng với 4 banner, nếu bạn có10 banner thì số này sẽ là 9.

Sau đó Save Template.

►Sau khi hòan thành mỗi lần bạn load trang chương trình sẽ hiện 1 banner khác nhau (như blog của mình, xem hình bên dưới)



Lưu ý : việc này làm có thể tạo 1 số ảnh hưởng tới giao diện của blog bạn (tùy theo template bạn đang dùng), tuy nhiên nó cũng chỉ là ảnh hưởng nhỏ, ví dụ nhưbackground..., việc hiệu chỉnh lại cũng rất đơn giản nếu bạn có 1 chút kiến thức về CCS.

Chúc các bạn thành công.

Gắn biểu tượng chát Yahoo vào WEB

[FD's BlOg] - Bạn thường thấy Biểu tượng liên kết chát Yahoo ở trên các website dưới dạng Hỗ trợ trực tuyến. Và đa phần các style này đều giống nhau. Hôm nay mình sẽ giới thiệu các style khác cho các bạn.

Dưới đây là các style mà Y!M cung cấp:
Còn đây là code dán vào WEB:

<a href="ymsgr:addfriend?YOURID">
<img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0">
</a>

Trong đó : 
YOURID : là nick Y!M của bạn.
YourID : là style mà bạn muốn hiển thị.

Tạo 1 menu Drop Down đơn giản

[FD's BlOg] - Để tạo menu, bạn chỉ cần tạo 1 Widget, rồi dán code vào rồi đặt widget vào nơi muốn hiển thị.




Đây là code cho menu Drop Down:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> Tên Menu </option>

<option value=" {link 1} "> Liên kết 1 </option>
<option value=" {link 2} "> Liên kết 2 </option>
</select></form>

Xem ví dụ minh họa bên dưới

 - FD's BlOg  Học Tập Giải Trí My Photo 

Hình minh họa

Chèn logo vào tiêu đề bài viết

[FD's BlOg] - Hôm nay mình xin giới thiệu cho các bạn cách chèn 1 tấm hình nhỏ trước mỗi tiêu đề bài viết. Hình này bạn có thể chèn hình gì cũng được, tùy thích, nhưng mình khuyên nên chèn những tấm hình mang phong cách riêng cho bạn, ví dụ như hình logo. Và nhỏ thôi, tầm từ 30x30 --> 50x50.

Việc này rất đơn giản, trước hết bạn có 1 tấm hình, rồi up lên host nào đó. Rồi thực hiện các bước sau:

1. Vào bố cục
2. Vào chỉnh sửa Code HTML.
3. Nhấn vào mở rộng mẫu tiện ích (Expand Widget Template)

4. Tìm đọan code sau :

<a expr:href='data:post.url'>
<data:post.title/>
</a>

5. Chèn Link hình của bạn như bên dưới (có thể thêm ở đằng trước hay sau đọan code <a expr:href='data:post.url'> tùy ý bạn)

<a expr:href='data:post.url'>
<img src="{LINK hình}"/>
<data:post.title/>
</a>

6. Save template --> xong.

Sau khi làm xong nó trông giống như thế này

Thử xem có pro hơn không nhé.

Chúc các bạn thành công.

Tạo Form comment giống Worldpress

Form comment

[FD's BlOg] - Bài viết này mình sẽ đề cập đến việc thay đổi (tạo) giao diện của Form comment trong Blogspot cho đẹp hơn, và có phần giống Worldpress, và cho những ai còn dùng kiểu basic (là mỗi khi post comment phải mở sang một của sổ mới).

Nó có dạng như thế này

►Bây giờ bắt đầu tạo :
1. Vào phần chỉnh sửa Code HTML. (Xin vui lòng sao lưu mẫu của bạn trước khi thay đổi bất cứ điều gì --> đề phòng bất trắc)
2. Nhấp vào phần Mở Rộng Mẫu Tiện Ích.
3. Tìm đọan Code sau :

<b:includable id='comments' var='post'><div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'>
.
.
.
</b:includable>

4. Thay thế tất cả đọan code trên bằng đọan Code sau:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>

<!-- jackbook.com part 1 start -->
<!--
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
-->
<div class='onepx'>
<dl id='comments-block' style='height: 1px;overflow:hidden;'>
b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<!--
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
-->

<div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");' style='margin-bottom: 50px;'>
<h3 id='hoverme' style='display:block;'>
<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://img229.imageshack.us/img229/5559/htmlcodeleavecommentfi5.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>
</h3>

<div id='comment-child' style='border:none; display: none; height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>
<iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' style='border:none;' width='100%'/>
<br/>
<a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Form Comment in blogger/blogspot</a>
</div>

</div>

</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

5. Chép tòan bộ code bên dưới ngay trên thẻ </body> :

<!-- www.jackbook.com -->
<script languange='javascript'>
function showcomment(a,b){
var
jackbookdotcom = document.getElementById(a);
jackbookdotcom.style.display = 'none';
jackbookdotcom = document.getElementById(b);
jackbookdotcom.style.display = 'block';}

</script>
<!-- www.jackbook.com -->

6. Tìm đọan Code bên dưới:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

7. Thay bằng tòan bộ code bên dưới :

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

8. Sau cùng là lưu mẫu và xem thử thành quả.

Xong thì nó sẽ có hình như bên dưới:

Chúc các bạn thành công.