Truyện Cười BlogTaPhiet KC

Chat Box


--------------:Search

Thứ Năm, 3 tháng 11, 2011

[04.11.11] Các sinh viên muốn thấy SNSD nhất sau kỳ thi đại học

Cổng thông tin âm nhạc Monkey3 đã tổ chức một cuộc khảo sát trực tuyến từ ngày 27-10 đến 2-11. Với câu hỏi dành cho sinh viên “ca sĩ nào bạn muốn thấy nhiều nhất sau kỳ thi đại học?

SNSD đã dành vị trí đầu tiên nhận được 57% phiếu bầu tương đượng 290/510 phiếu. Và một vài thành viên đã giải thích “Tôi muốn làm giảm sự căng thẳng trong quá trình học bài nên đã đi đến một concert của SNSD” và “tôi nghe nói “The Boys” thực sự rất tuyệt vời. Tôi muốn nhìn thấy nó dù chỉ một lần”.

INFINITE đứng thứ 2 với 14% tổng số phiếu bầu, trong khi Big Bang thứ 3 với 13%. Tiếp theo là IU (12%), Secret (3%) và UV (2%).


Source: naver + fanwonder
V-TRANS: lovesoshi@sonesvn
[Click here to Read More]

Tạo menu bằng hình ảnh với hiệu ứng Rock & Roll


Tiếp theo các thủ thuật tạo menu hôm nay mình chia sẻ với mọi người thủ thuật tạo menu bằng hình ảnh với nhiều menu con bên trong, với thủ thuật này chúng ta sẽ có được hiệu ứng lăn (roll) hình ảnh của menu khi bạn rê chuột. Hiệu ứng này trông cũng khá là đẹp mắt và menu trông cũng không qua rờm rà mà vẫn chứa được nhiều thư mục con bên trong. Bạn có thể xem demo bên dưới để thấy rỏ hiệu ứng của thủ thuật này.
» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script type="text/javascript" src="http://traidatmui-tips.googlecode.com/files/jquery.min.v1.4.1.js"></script>
<style type="text/css">
.menu{
font-family: arial;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.item{
position:relative;
background-color:#f0f0f0;
width:52px;
margin:0px 5px;
height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;
}
.item2{position:relative;
background-color:#f0f0f0;
float:left;
width:52px;
margin:0px 5px;
height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;}
.link{
position:absolute;
width:48px;
height:48px;
left:2px;
top:2px;

}
.icon_home{
background:transparent
 
url(https://lh3.googleusercontent.com/-0-xRezGdhDk/Tj5h1B4UhqI/AAAAAAAAAew/2Eb5bnKu2wo/home.png)
 no-repeat top left;
}
.icon_mail{
background:transparent 
url(https://lh3.googleusercontent.com/-I9atwak6dys/Tj5h1dD3wzI/AAAAAAAAAew/FsY3BEwB7jA/mail.png)
 no-repeat top left;
}
.icon_help{
background:transparent 
url(https://lh6.googleusercontent.com/-XkkIV29Vl0E/Tj5h1PW_EaI/AAAAAAAAAew/L1dkyfYxPsA/help.png)
 no-repeat top left;
}
.icon_find{
background:transparent 
url(https://lh6.googleusercontent.com/-6VT_BeB1pBM/Tj5h1EmDzVI/AAAAAAAAAew/-wUcKlfqY0Q/find.png)
 no-repeat top left;
}
.icon_photos{
background:transparent 
url(https://lh6.googleusercontent.com/-61-sXFx6Cvs/Tj5h1nF90EI/AAAAAAAAAew/rpGO2Bgqs68/photos.png)
 no-repeat top left;
}
.item_content{
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px;
padding:0px;
background:transparent;
display:none;
}
.item_content h2{
color:#333;
text-shadow: 1px 1px 1px #fff;
background-color:transparent;
font-size:16px;
margin:0px;
padding:0px;
text-transform: uppercase;
}
.item_content a{
margin-right:7px;
margin-top:0px;
color:#333;
text-shadow: 1px 1px 1px #333;
text-decoration:none;
font-size:13px;
}
.item_content a:hover{
color:#0b965b;
}
.item_content input{
border:1px solid #ccc;
padding:1px;
width:155px;
float:left;
margin-right:5px;
}

</style>
- Nếu trong template của bạn đã có file jquery.min.js ở trên thì không cần phải thêm code JS này.

5. Chèn tiếp code bên dưới vào trước thẻ </body>
<script type="text/javascript" src="http://traidatmui-tips.googlecode.com/files/rockroll_menu.js"></script>
Lưu ý: Bạn có thể Download 2 File Js trên và các File ảnh về TẠI ĐÂY sau đó Upload lên host riêng để tránh bị die File
6. Save template lại và trở về phần tử trang (Page Elements)
7. Thêm 1 HTML/Javascript và thêm vào nó 1 trong 2 code bên dưới.

a. Code phong cách menu ngang

<div class="menu">
<div class="item2">
<a class="link icon_home"></a>
<div class="item_content">
<h2>Trang chủ§</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item2">
<a class="link icon_mail"></a>
<div class="item_content">
<h2>Liên hệ</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item2">
<a class="link icon_help"></a>
<div class="item_content">
<h2>Hỗ trợ</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item2">
<a class="link icon_find"></a>
<div class="item_content">
<h2>Tìm kiếm</h2>

<input type="text" />
<a href="">Go</a>

</div>
</div>


<div class="item2">
<a class="link icon_photos"></a>
<div class="item_content">
<h2>Hình ảnh</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>
b. Code phong cách menu đứng
<div class="menu">
<div class="item">
<a class="link icon_home"></a>
<div class="item_content">
<h2>Trang chủ§</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item">
<a class="link icon_mail"></a>
<div class="item_content">
<h2>Liên hệ</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item">
<a class="link icon_help"></a>
<div class="item_content">
<h2>Hỗ trợ</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

<div class="item">
<a class="link icon_find"></a>
<div class="item_content">
<h2>Tìm kiếm</h2>

<input type="text" />
<a href="">Go</a>

</div>
</div>

<div class="item">
<a class="link icon_photos"></a>
<div class="item_content">
<h2>Hình ảnh</h2>

<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>

</div>
</div>

</div>

- Bạn thay # trong code thành link của menu tương ứng với tên các Item của nó.

8. Cuối cùng save tiện ích lại

Chúc bạn thành công
[Click here to Read More]

Flip Menu - Menu dọc với hiệu ứng lật bằng JQuery

Flip Menu - Menu dọc với hiệu ứng lật bằng JQuery

Unrated

Mình đã giới thiệu cho các bạn nhiều style menu dạng dropdown, dạng menu doc và hôm nay mình chia sẻ thêm cùng các bạn thủ thuật tạo menu dọc với hiệu ứng lật bằng JQuery. Thật ra thì menu này cũng khá là đơn giản chỉ có phần hiệu ứng là khác biệt nên mình không giới thiệu nhiều

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<script type="text/javascript" src="http://traidatmui-tips.googlecode.com/files/Jquery1.3.2.js"></script>
<script src="http://traidatmui-tips.googlecode.com/files/flipmenu.js" type="text/javascript">   </script>
<style>
.flipmenu {
font-family: Arial;
font-size: 14px;
font-weight: bold;
position: relative;
}

.flipmenu_box {
overflow: hidden;
position: relative;
}

.flipmenu_link,.flipmenu_link_over,.flipmenu_link_active {
width:300px;
text-decoration: none;
text-shadow:1px 1px 1px #fff;
text-transform: uppercase;
color: #000000;
cursor: pointer;
margin-top:2px;
padding: 6px;
position: absolute;
background: #fdd78d;
background: -moz-linear-gradient(top, #fbdc88 0%, #fbbf57 50%, #fac319 51%, #fb9709 100%);
background:
 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdc88),
 color-stop(50%,#fbbf57), color-stop(51%,#fac319), 
color-stop(100%,#fb9709)); filter: 
progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc88', 
endColorstr='#fb9709',GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.flipmenu_link_over,
.flipmenu_link_active {
text-decoration: none;
text-shadow:1px 1px 1px #eee;
color: #fa0320;
background: #aebcbf;
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background:
 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf),
 color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), 
color-stop(100%,#0a0809)); filter: 
progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', 
endColorstr='#0a0809',GradientType=0 );
</style>

<div id="flip_menu">
<a href="#">Tên menu 1</a>
<a href="#">Tên menu 2</a>
<a href="#">Tên menu 3</a>
<a href="#">Tên menu 4</a>
<a href="#">Tên menu 5</a>
<a href="#">Tên menu 6</a>
<a href="#">Tên menu 7</a>
<a href="#">Tên menu 8</a>
<a href="#">Tên menu 9</a>
<a href="#">Tên menu 10</a>
</div>

Lưu ý: Bạn nên Download file Js về TẠI ĐÂY sau đó Upload lên host riêng để dùng lâu dài
Bạn thay dấu (#) thành đường dẫn tương ứng với từng menu của bạn

5. Save tiện ích lại.

Chúc bạn thành công
[Click here to Read More]

Chống copy hay quét khối trên blogspot

Chống copy hay quét khối trên blogspot

Unrated

Hiện nay công nghệ thông tin phát triển thì vấn đề bảo mật an toàn trên internet càng được chú trọng. Đối với những người viết blog hay web thì vấn đề bản quyền về bài viết cũng cần quan tâm. Trên trang blog hay web của bạn có một số tài liệu quan trọng hay liên quan đến một vấn đề gì đó mà bạn không muốn chia sẽ với người khác thì bạn có thể vô hiệu tính năng copy trên trang blog/web của bạn. Đây là thủ thuật bảo mật cơ bản để bạn có thể ngăn chặn việc người dùng copy bài viết của bạn.



Hình ảnh minh họa
☼ Cách thực hiện:
1. Đăng nhập và vào bố cục
2. Chọn chỉnh sửa HTML (Edit HTML)
3. Sau đó hãy chọn code thủ thuật và chèn vào sau thẻ <head> hoặc trước thẻ </head>
- Đây là code chống quét khối văn bản
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}

</script>

- Đây là code chống sử dụng chuột phải
<script language='JavaScript'>

var msg="Welcome to NAMKNA.BLOGSPOT>COM";
function disableIE() {if (document.all) {alert(msg);return false;}
}
function disableNS(e) {
if (document.layers||(document.getElementById&amp;&amp;!document.all)) {
if (e.which==2||e.which==3) {alert(msg);return false;}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;
} else {
document.onmouseup=disableNS;document.oncontextmenu=disableIE;
}
document.oncontextmenu=new Function("alert(msg);return false")

</script>

Tùy chỉnh: hãy thay dòng chữ màu xanh lá trong code thành dòng chữ mà bạn muốn người đọc thấy được khi click chuột phải trên blog bạn.

☼ Ngoài ra bạn còn có thể làm thêm một số thủ thuật nhỏ này:
- Chỉ cấm sao chép ở trang bài viết : thủ thuật này xem ra tiện lợi nhất, vì bạn chủ yếu chỉ cấm việc người xem copy nội dung cũng như hình ảnh của bài viết, vì thế ta áp dụng thủ thuật này chỉ ở trang bài viết, như thế sẽ không làm cho người đọc thấy bất tiện. Để thực hiện việc này, bạn chỉ cần thêm đoạn code ở bước 3 vào code màu đỏ bên dưới:
<b:if cond='data:blog.pageType == "item"'>
code bước 3
</b:if>

Bạn cũng có thể chỉ cho thủ thuật này có tác dụng ở trang chủ, tức là ở trang chủ ta không thể dùng chuột phải hoặc quét khối, nhưng ở những trang khác thì ta vẫn sử dụng được bình thường. Để thực hiện các bạn cũng làm tương tự như trên, tức là thêm đoạn code ở bước 3 vào code màu đỏ bên dưới:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
code bước 3
</b:if>

Chúc bạn thành công!
[Click here to Read More]

[Thủ Thuật] Code phóng to ảnh khi rê chuột đến (dành cho blog)


- Chèn đọan code CSS bên dưới vào trước dòng code </head>

<style type='text/css'>
.img-thumbnail{position: relative;z-index: 0;}

.img-thumbnail:hover{background-color: transparent;z-index: 50;}

.img-thumbnail span{position: absolute;background-color: #ffffff;padding: 5px;left: -1000px;border: 1px solid #000;visibility: hidden;color: black;text-decoration: none;}

.img-thumbnail span img{border-width: 0;padding: 2px;}

.img-thumbnail:hover span{visibility: visible;top: -100px;left:100px;}
</style>

Dòng TOP ,LEFT là vị trí popup. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp.

Cuối cùng là thêm code HTML

<class="img-thumbnail" href="#">
<
img src="link ảnh1" border="0" height="98" width="130"/>
<
span>
<
img src="link ảnh1"/>
</
span>
</
a>
NGUỒN:
http://sinhvienit.net/@forum/showthread.php?t=30041
[Click here to Read More]

[03.11.11] "The boys" #2 Oricon dù không có bất cứ hoạt động quảng bá nào


Mặc dù không xúc tiến bất cứ hoạt động quảng bá nào nhưng album thứ 3 của SNSD, "The boys" đã chiễm trệ #2 bảng xếp hạng Oricon của Nhật Bản.

Từ ngày 24/10 _ 30/10/2011 "The boys" của SNSD đã tẩu tán được 21,227 bản copies và điều đó đã giúp các cô gái đạt vị trí thứ 2 trên bảng xếp hạng album hàng tuần của Oricon trong tuần đầu tiên của tháng 11.

Bản album nhập khẩu sẽ chỉ được xuất hiện chính thức trên thị trường Nhật từ ngày 5 tháng 11. Kể từ khi comeback, các cô gái hiện đang tập trung vào các hoạt động quảng bá tại Hàn Quốc và thật đáng kinh ngạc khi họ đạt được những thành tích đó mặc dù không có bất cứ hoạt động quảng bá nào nhưng lại nhận được sự quan tâm lớn đến thế.

Trong khi đó, SNSD đã và vẫn đang tiếp tục chinh phục nhiều bảng xếp hạng âm nhạc và các chương trình âm nhạc khác nhau.

------------------------
Source: newsen + fanwonder
v-translated by Seobaby@snsdvn.blogspot.com
edited by Ssun@snsdvn.blogspot.com
[Click here to Read More]

[03.11.11] SNSD đã nhận được giải Bonsang tại 2011 Style Icon Awards



Girls' Generation đã nhận được một giải Bonsang tại 2011 Style Icon Awards (SIA) được tổ chức tại Trung tâm CJ E&M, khu Sangamdong vào ngày 3 tháng 11. Các cô gái là nhóm duy nhất trong số các nhóm nhạc thần tượng khác giành được giải thưởng này.

Trước khi tới phần nhận giải thưởng, Girls' Generation đã trình diễn TheBoys. Trong phần solo của Jessica ở phần kết thúc của bài hát, một sự cố bất ngờ xảy ra khi các microphone ngừng hoạt động. Vụ việc xảy ra làm Jessica vô cùng bất ngờ nhưng cô vẫn giữ được giọng hát tự nhiên và hoàn thành phần trình diễn.

"The Boys" perf bắt đầu vào khoảng 3:38

Trong khi đó, đây là lần thứ tư của lễ trao giải Style Icon Awards và năm nay, 10 Biểu tượng Phong cách (Style Icons) được lựa chọn dựa trên sự nổi bật của họ trong các phạm trù khác nhau như Hallyu, các bộ phim hài lãng mạn, các bộ phim truyền hình lịch sử, các buổi audition,…cũng như ảnh hưởng của họ và tác động đối với các xu hướng phong cách nhất định.

Lễ trao giải có sự tham dự của các diễn viên, ca sĩ, nhà thiết kế, người mẫu và các biểu tượng từ nhiều lĩnh vực khác nhau.

-------------------------------
Source: tvreport.co.kr + fanwonder
v-translated by GillianKri@snsdvn.blogspot.com
edited by Ssun@snsdvn.blogspot.com
[Click here to Read More]

☆ TẠO THÊM TRANG CHO BLOGGER


Muốn tạo thêm trang cho Blogger, các bạn làm theo các bước như sau:
* Đầu tiên, bạn đăng nhập vào Blog bằng tài khoản của mình, chọn Thiết kế > chọn thêm Trang.



* Bước kế tiếp bạn nhấn vào thẻ Đăng bài > Chỉnh sửa Trang > Tạo trang, tại đây bạn bắt đầu tạo trang cho blog của mình (tối đa cho phép là 10 trang)



* Bạn nhập tiêu đề cho trang và tạo bài viết vào khung bên dưới, xong xuôi bấm xuất bản trang.


* Bây giờ bạn trở vào Blog bạn sẽ thấy Blog của mìn sẽ có thêm một số trang mà bạn đã tạo.
* Muốn chỉnh sửa hoặc xóa trang đã tạo, các bạn vào mục Đăng bài > Chỉnh sửa trang, tại đây bạn có thể chỉnh sửa hoặc xóa trang mình muốn.


* Bạn có thể di chuyển các trang theo hình dọc hoặc ngang trên Blog bằng cách vào thiết kế chọn trang và kéo thả bất cứ nơi đâu bạn muốn (dọc hoặc ngang). Ngoài ra bạn cũng có thể ẩn/hiển trang hoặc thay đổi vị trí các thẻ bằng cách vào thiết kế và bấm vàochỉnh sửa của thẻ trang để thay đổi





* Nếu bạn để các trang theo chiều ngang trên Blog sẽ tạo cho Blog giống như các trang Web, bạn cũng có thể thay đổi màu của Tab bằng cách vào thiết kế > Trình thiết kế mẫu, tại đây bạn có thể thay đổi màu của chữ, màu của Tab để phù hợp hơn với Blog của mình.




Link Tại :http://dunghennessy.blogspot.com/2011/02/tao-them-trang-cho-blogger.html
[Click here to Read More]
Top