Dec 18, 2011

[Trailer] 2 templates sắp tới

Đây là 2 mẫu sẽ được share ở sắp tới , sẵn nói đôi điều cho các bạn mong các bạn đừng buồn , để có thể ghi nhớ công lao tác giả rip temp sang WP , các bạn có thể tìm 2 mẫu nào trên mạng và sẽ thấy ủa blogspot , nhưng vấn đề là rip chưa kỹ , mình đợi fandung nghiên cứu thủ thuật là mình sẽ share 2 cái này cho các bạn , temp đầu thì các bạn thấy rồi , còn temp thứ 2 các bạn vào đây . Còn không chúng ta xem clip ở dưới đây


Chúc các bạn giáng sinh vui vẻ

Dec 17, 2011

Test2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Testing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non nisi et diam consequat cursus. Donec eget molestie justo.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Dec 9, 2011

Tạo ảnh loading đẹp với css và js

Cái thủ thuật này xưa lắm rồi các bạn ạ , nhưng làm thì chúng ta phải có ảnh loading , mà trong khi đó thì các ảnh không được đa dạng và nhìn nó chạy cảm thấy rất nặng , nhưng với cssload.net Chúng ta không phải ngại về vấn đề trên nữa.





1.Thêm .js:
Thêm đoạn js sau vào trước </head> :
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("loading").style.display="none";
}
</script>
2.Đoạn html:
Sau đó tạo một widget HTML/Javascript » rồi dán đọan code bên dưới vào:
<style>
#circleG{
width:149.33333333333334px;
}

.circleG{
background-color:#48c7a9;
float:left;
height:32px;
margin-left:17px;
width:32px;
-webkit-animation-name:bounce_circleG;
-webkit-border-radius:21px;
-webkit-animation-duration:1.35s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:bounce_circleG;
-moz-border-radius:21px;
-moz-animation-duration:1.35s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
opacity:0.3}

#circleG_1{
-webkit-animation-delay:0.27s;
-moz-animation-delay:0.27s}

#circleG_2{
-webkit-animation-delay:0.63s;
-moz-animation-delay:0.63s}

#circleG_3{
-webkit-animation-delay:0.8099999999999999s;
-moz-animation-delay:0.8099999999999999s}

@-webkit-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#19409a}

100%{
opacity:0.3}

}

@-moz-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#19409a}

100%{
opacity:0.3}

}


</style>
<div border="0" style="position:fixed; width: 100%; height: 70px; z-index: 1; top: 300px; left: 0;" id="loading" align="center"> <table border="0" width="150" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#003300"> <tr> <td align="center"> <div border="0" style="background-color: #000; color: #fff;filter: alpha(opacity=70); opacity: .7; width: 190px; height: 70px; z-index: 1; border-collapse: collapse;-moz-border-radius: 5px;
-webkit-border-radius: 5px;" bordercolor="#006600" align="center"> <b>Đang tải dữ liệu...</b><br /><div id="circleG">
<div id="circleG_1" class="circleG">
</div>
<div id="circleG_2" class="circleG">
</div>
<div id="circleG_3" class="circleG">
</div>

</div> Nhấn F5 nếu đợi quá lâu</div> </td> </tr> </table> </div>
Nếu các bạn không thích thì vào cssload.net để tạo các style khác nhau , và thay chỗ css màu xanh thành đoạn css mà bạn muốn , thay code màu đỏ thành chỗ hiển thị ảnh loading. Đoạn code màu vàng để thay đổi chiều cao cho khung.

Dec 4, 2011

Đồ họa thật kinh ngạc với cs3

Woa , thật ngoạn mục khi yolks lên youtube giải trí , thì thật kinh ngạc nhóm FlashDesk này làm film rất hay. Không ngờ Cs3 không những nổi tiếng về mặc thiết kế web , nó còn làm hình ảnh , làm flash được nữa . Chúng ta hãy quan sát 2 video của nhóm này làm nhé . Và đúc kết được kinh nghiệm gì ?? Các bạn hãy comment phía dưới , phần thưởng là Style comment phân cấp cho các bạn.





1.Xem video: 
Tập 1

Tập 2:
Xin ké cái clip của Yolks quay góp vui cho anh em:
hehe, lúc này ta hơi xấu
2.Đúc kết ( Event ) :
Có thể nói style cho comment phân cấp rất đơn giản , nhưng đây chỉ là 1 bài cảm nhận nên mong các bạn sẽ nhận được gì nho nhỏ . Mình hi vọng là với style phân cấp  này và những trận cười nho nhỏ các bạn hãy ủng hộ event nhỏ này nhé.
Xin cảm ơn các bạn đã xem , và mong các bạn gửi comment đúc kết để có thể tham gia

Dec 3, 2011

Không cho sao chép nội dung bài viết cho blogger

Có thể mọi thành quả , công lao chúng ta khi chúng ta suy nghĩ hoặc tạo ra nó , các bạn muốn sự làm việc siêng năng của mình được bù đắp. Nhưng , đã có một số kẻ gọi là ăn cắp chất xám người khác vd : "copy cat" , con mèo con chỉ biết bắt chước mèo mẹ mà thôi.
Để chống lại tình trạng copy vô tội vạ của một số blogger . Chúng ta hãy thử cách này xem .








1.Đăng kí:
Vào trang  Tynt.com để đăng kí cho mình 1 tài khoản giống hình trên

2.Cách cài cho blogspot:
Vào giao diện chính của blogger
Vào mục thiết kế >>>> chỉnh sửa html:
Chèn đoạn js của Tynt vào trước thẻ html:

Đây là đoạn js lúc đầu các bạn nhận được lưu ý đây là code của vngreenzone.com , các bạn hãy thay nó thành code mình đã đăng kí , xin lưu ý là khi các bạn lấy code này vào , sẽ tự động dính thử nghiệm , mà các bạn sẽ hiểu code trên , nếu đã thấy thì các bạn hãy xóa nó đi nhé . Không bật mí đâu , trừ khi các bạn test :)):
<script type="text/javascript">
if(document.location.protocol=='http:'){
var Tynt=Tynt||[];Tynt.push('adoU5Ihzqr4A9macwqm_6l');Tynt.i={"ap":"Nguồn bài viết :"};
(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
3.Cách thức hoạt động:
Quan niệm của Tynt

Nếu có một người copy bài viết của bạn , nó sẽ tự động chèn vào phím ctrl+C và khi các bạn ctrl+v thì coi như người đó đã giúp các bạn 1 vé , và thế là cứ tiếp tục và tiếp tục. Ví dụ như hình ảnh trên:

Thủ thuật trên cũng mang tính về seo khá nhiều đó các bạn ạ.