Hoài Nam Blog's http://www.hoainamblog.com Web Design Tutorial and Development Sat, 12 Jun 2010 16:40:30 +0000 en hourly 1 PTC – GagaBux Click và nhận tiền http://www.hoainamblog.com/2010/06/ptc-gagabux-click-va-nhan-tien/ http://www.hoainamblog.com/2010/06/ptc-gagabux-click-va-nhan-tien/#comments Sat, 12 Jun 2010 16:20:12 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=580
  • Readbud ( 50$/1Month) – Kiếm Tiền với Khảo Sát
    • ]]>     Có lẽ trong giới Make Money Online thì PTC ( Paid to click )không còn quá xa lạ gì . Và những người chơi PTC nhiều thì càng không xa lạ chú GagaBux này về quảng cáo nhiều và số tiền nó trả cho 1 lần click chuột cũng rất cao .

    PTC GagaBux Click và nhận tiền

    Cụ thể như nó trả ýt nhất 0.01$ cho 1 lần click và cao nhất là 0.02$ . Mỗi ngày có từ 15 đến 20 quảng cáo . Chỉ cần dành ra 5 phút mỗi ngày bạn đã thu được kha khá rồi .

    Nhưng nếu 1 mình click thì bao giờ mới được tiền để rút . Vì thế nó trả đến 0.015$ cho mỗi lần click của người bạn giới thiệu được . Thử sử dụng tính toán xem nếu bạn giới thiệu được 10 người :)

    Khi bạn đạt được 200 click đồng nghĩa với 2$ thì bạn có thể gửi yêu cầu thanh toán cho mình . Họ sẽ thanh toán cho bạn qua PayPal hoặc AlertPay .

    Nếu bạn thật sự muốn dành chút thời gian thử kiếm tiền với GagaBux , Tôi nghĩ bạn sẽ thấy nó rất hay .
    Bạn có thể đăng ký tại đây !

    Related posts:

    1. Readbud ( 50$/1Month) – Kiếm Tiền với Khảo Sát

    ]]>     http://www.hoainamblog.com/2010/06/ptc-gagabux-click-va-nhan-tien/feed/ 2     12 bài hướng dẫn hay về Button và Menu bằng CSS3 http://www.hoainamblog.com/2010/06/12-bai-huong-dan-hay-ve-button-va-menu-bang-css3/ http://www.hoainamblog.com/2010/06/12-bai-huong-dan-hay-ve-button-va-menu-bang-css3/#comments Wed, 09 Jun 2010 17:38:42 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=569 CSS3 có lẽ không còn quá xa lạ với nhưỡng người thiết kế web . CSS3 vẫn chưa  thật sự được sử dụng rộng rãi bởi vì do sự thiếu hỗ trợ của một số trình duyệt . Nhưng những ai đã bắt đầu làm quen với CSS3 thì lại không thể từ chối nó . Sau đây là 12 bài hướng dẫn rất hay mà CSS3 mang lại .

    Roll Your Own Google Buttons

    css3 buttons

    CSS3-Only Tabbed Area

    css3 buttons

    Radioactive Buttons

    css3 buttons

    Apple’s Navigation bar using only CSS

    css3 buttons

    How to Build a Simple Button with CSS Image Sprites

    css3 buttons

    Creating Dynamic Buttons With CSS3

    css3 buttons

    How To Create Depth And Nice 3D Ribbons Only Using CSS3

    css3 buttons

    CSS3 Chunky Menu

    css3 buttons

    CSS3 Dropdown Menu

    css3 buttons

    Pretty CSS3 Buttons

    css3 buttons

    jQuery style menu with CSS3

    css3 buttons

    CSS3-only horizontal drop line tab menu

    css3 buttons

    Theo: WDL

    No related posts.

    ]]>     http://www.hoainamblog.com/2010/06/12-bai-huong-dan-hay-ve-button-va-menu-bang-css3/feed/ 3     Nâng cấp lên WordPress 3.0 RC1 http://www.hoainamblog.com/2010/06/nang-cap-len-wordpress-3-0-rc1/ http://www.hoainamblog.com/2010/06/nang-cap-len-wordpress-3-0-rc1/#comments Tue, 08 Jun 2010 19:59:31 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=558 WordPress 3.0 RC1 cũng ra được 1 tuần rồi , thấy nhiều người xài quá mình cũng mạo hiểm nâng cấp lên xem thế nào . Và khi đã test qua thì thấy chưa có lỗi gì xảy ra , máy quá hihi .

    Tạm thời mình sẽ dùng Theme Twenty Ten của WordPress . Khi nào mày mò ra kha khá sẽ thay Theme khác .

    Mong mọi người ủng hộ nhìu hơn :D .

    Twenty Ten

    No related posts.

    ]]>     http://www.hoainamblog.com/2010/06/nang-cap-len-wordpress-3-0-rc1/feed/ 2     Style riêng cho Internet Explorer http://www.hoainamblog.com/2010/06/style-rieng-cho-internet-explorer/ http://www.hoainamblog.com/2010/06/style-rieng-cho-internet-explorer/#comments Thu, 03 Jun 2010 17:06:35 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=441
  • Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery
    • ]]>     Chắc hẳn những ai học làm web đều rất vất vả vì chú IE (Internet Explorer) này . Khi viết HTML&CSS chúng ta viết rất đúng và không hiểu tại sao IE lại không hiển thị được . Và chính tôi cũng vậy , fix đủ thử để làm sao chạy tốt trên IE và 1 số trình duyệt khác . Có thể nói các trình duyệt mới bây giờ đều hỗ trợ rất tốt HTML&CSS. Nhưng chú IE thì vẫn vậy , vì nó được tích hợp sẵn với hệ điều hành và ko tự update được. Do vậy, nó làm khổ anh em làm web rất nhiều , theo mình nghĩ thế :)

    Để khắc phục được điều này thì chúng ta chỉ cần viết các “Conditional comments” để nhận biết  trình duyệt IE .

    Cấu trúc của nó không khác gì Comments của HTML :

    <!--[if IE 6]>
	Các style và script dành riêng cho IE 6
<![endif]-->

    Dòng code trên để chỉ cho trình duyệt biết đây là các style và script dành cho IE 6 . Nó cũng khá đơn giản và dễ nhớ phải không .
    Và đây là 1 số “Conditional comments” khác :

    <!--[if IE]>
	Bạn đang sử dụng Internet Explorer
<![endif]-->

<!--[if IE 5]>
	Các style và script dành riêng cho IE 5
<![endif]-->

<!--[if IE 5.0]>
	Các style và script dành riêng cho IE 5.0
<![endif]-->

<!--[if IE 5.5]>
	Các style và script dành riêng cho IE 5.5
<![endif]-->

<!--[if IE 6]>
	Các style và script dành riêng cho IE 6
<![endif]-->

<!--[if IE 7]>
	Các style và script dành riêng cho IE 7
<![endif]-->

<!--[if gte IE 5]>
	Các style và script dành riêng cho IE 5 và về sau
<![endif]-->

<!--[if lt IE 6]>
	Các style và script dành riêng cho Internet Explorer phiên bản thấp hơn 6
<![endif]-->

<!--[if lte IE 5.5]>
	Các style và script dành riêng cho Internet Explorer phiên bản thấp hơn hoặc bằng  5.5
<![endif]-->

<!--[if gt IE 6]>
	Các style và script dành riêng cho Internet Explorer phiên bản lớn hơn 6
<![endif]-->

    Như vậy là chúng ta có thể làm chủ được IE rồi phải ko ? Tuy hơi vất vả 1 chút nhưng thành quả mang lại cũng xứng đáng đó chứ :)

    Related posts:

    1. Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery

    ]]>     http://www.hoainamblog.com/2010/06/style-rieng-cho-internet-explorer/feed/ 1     Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery http://www.hoainamblog.com/2010/06/cho-phep-hoac-tat-bo-text-input-voi-checkbox-su-dung-jquery/ http://www.hoainamblog.com/2010/06/cho-phep-hoac-tat-bo-text-input-voi-checkbox-su-dung-jquery/#comments Tue, 01 Jun 2010 16:48:51 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=520 Tiêu đề nghe có vẻ mơ hồ một tý nhưng thực ra nó lại rất quen thuộc với chúng ta . Đơn giản là khi bạn check vô checkbox nào  thì text input đó sẽ được nhập, còn không thì nó sẽ block . Demo tại đây.

    checkbox Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery

    Đầu tiên là include file jquery vào trong thẻ của bạn :

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    Tiếp theo là thêm text input và checkbox vô thẻ <body> .

    <form action="" method="get">
<h1>Readonly Input Box</h1>

<label>My Test Label 1</label>
<input type="checkbox"/>
<input type="text" name="test1" />

<br />

<label>My Test Label 2</label>
<input type="checkbox"/>
<input type="text" name="test2" />

<br />

<label>My Test Label 3</label>
<input type="checkbox"/>
<input type="text" name="test3" />
</form>

    Như vậy chúng ta đã có 1 form checkbox cũng khá đơn giản rồi. Việc tiếp theo là thêm class cho checkbox để jquery biết rằng đâu là checkbox được áp dụng . Và tôi cũng thêm value cho chúng để checkbox và input nhận biết nhau ý mà :) 

    <form action="" method="get">
<h1>Readonly Input Box</h1>

<label>My Test Label 1</label>
<input type="checkbox" class="input_control" value="test1"/>
<input type="text" name="test1" />

<br />

<label>My Test Label 2</label>
<input type="checkbox" class="input_control" value="test2"/>
<input type="text" name="test2" />

<br />

<label>My Test Label 3</label>
<input type="checkbox" class="input_control" value="test3"/>
<input type="text" name="test3" />
</form>

    Tiếp theo đến jquery, trước tiên chúng ta cần các tag javascript. Chúng thường đi kèm ở cuối tài liệu nên mã HTML&CSS sẽ được nạp trước javascript. Chúng tạo cảm giác là trang web được duyệt nhanh hơn :

    <script type="text/javascript">
	$(document).ready(function(){
// Code của chúng ta ở đây .
	});
</script>

    Hướng dẫn này chỉ hoạt động đúng khi mà các input được kích hoạt ngay khi tải trang về lần đâu tiên. Tức là tất cả các checkbox đều phải được check từ trước đó. Để làm điều này tôi dùng đoạn mã :

    $(document).ready(function(){
	$('.input_control').attr('checked', true);
});

    Tiếp theo là đoạn jquery bắt nó làm việc mỗi khi ai đó check vào checkbox có class ‘input_control’

    $(document).ready(function(){
		$('.input_control').attr('checked', true);
		$('.input_control').click(function(){
//Do this when someone clicks something with the class input_control
		});
	});

    Bây giờ chúng ta thêm một đoạn if vào trong đó để mỗi khi có người check vào checkbox thì input text sẽ được mở ra :

    $(document).ready(function(){
	$('.input_control').attr('checked', true);
	$('.input_control').click(function(){
		if($('input[name='+ $(this).attr('value')+']').attr('disabled') == false){
			$('input[name='+ $(this).attr('value')+']').attr('disabled', true);
		}else{
			$('input[name='+ $(this).attr('value')+']').attr('disabled', false);
		}
	});
});

    Như vậy là chúng ta đã hoàn thành.

    JavaScript

    No related posts.

    ]]>     http://www.hoainamblog.com/2010/06/cho-phep-hoac-tat-bo-text-input-voi-checkbox-su-dung-jquery/feed/ 0     Thêm Sidebar Tabs cho Blog http://www.hoainamblog.com/2010/05/them-sidebar-tabs-cho-blog/ http://www.hoainamblog.com/2010/05/them-sidebar-tabs-cho-blog/#comments Mon, 31 May 2010 15:28:36 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=495
  • Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery
    • ]]>     Sidebar Tabs có lẽ không có gì xa lạ với những ai hay lướt web hoặc blog. Hôm nay mình sẽ hướng dẫn tạo 1 Sidebar Tabs khá cool bằng jquery cho Blog của bạn . Demo mình dùng ngay Blog của mình .

    sidebar tabs Thêm Sidebar Tabs cho Blog

    Thêm Sidebar Tabs

    Đầu tiên bạn down Source ở bên dưới về rồi Up các file vô host trong folder theme của bạn .

    Tiếp theo bạn thêm dòng code sau vô file header của mình .

    <link rel="stylesheet"  type="text/css"  href="<?php bloginfo('template_url'); ?>/tabs_style.css"/>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/sidebar_tabs.js"></script>


    Sau đó bạn chỉ việc include vô sidebar của bạn . Thêm vào đâu mà mình muốn trong file sidebar.php

    <?php include  ('sidebar_tabs.php') ?>


    Như vậy ta bạn đã có 1 Sidebar Tabs rất cool rồi .
    Sidebar Tabs này mặc định của nó sẽ show 5 popular posts . Nếu bạn muốn show nhìu hơn ví dụ 10 chả hạn thì đơn giản bạn mở file sidebar_tabs.php ra và tìm đến đoạn :

     $popular_posts = $wpdb->get_results("SELECT id,post_title FROM {$wpdb->prefix}posts ORDER BY comment_count DESC LIMIT 0,5");

    Bạn chỉnh số 5 thành 10 .

    Download Source

    dl Thêm Sidebar Tabs cho Blog

    Nếu thấy lỗi hoặc có ý kiến , xin để lại comment cho mình .

    php

    Related posts:

    1. Cho phép hoặc tắt bỏ text input với checkbox sử dụng jquery

    ]]>     http://www.hoainamblog.com/2010/05/them-sidebar-tabs-cho-blog/feed/ 2     20 Beautiful Script Fonts for Your Designs http://www.hoainamblog.com/2010/05/20-beautiful-script-fonts-for-your-designs/ http://www.hoainamblog.com/2010/05/20-beautiful-script-fonts-for-your-designs/#comments Mon, 31 May 2010 08:38:09 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=484 Một vấn đề khó khăn với những ai  thiết kết web đó là việc chọn lựa Font Chữ sao cho đẹp , phù hợp với website, blog của mình . Nếu bạn đang gặp vấn đề về chọn lựa Font thì đây là 20 Font chữ rất đẹp dành cho các thiết kế của bạn . Hy vọng nó sẽ giúp ích cho bạn trong việc Thiết kế cho mình 1 giao diện website thật đẹp .

    Cream Puff

    script fonts 1 20 Beautiful Script Fonts for Your Designs

    Ginga

    script fonts

    Ball Park

    script fonts

    Androgyne

    script fonts

    Angel Tears

    script fonts

    Forelle

    script fonts

    Carington

    script fonts

    Dirty and Classic

    script fonts

    Chopin Script

    script fonts

    Selfish

    script fonts

    Black Jack

    script fonts

    Freebooter

    script fonts

    Machine Script

    script fonts

    Learning Curve

    script fonts

    Quigley Wiggly

    script fonts

    Shardee

    script fonts

    Porcelain

    script fonts

    Wexham Script

    script fonts

    Honey Script

    script fonts

    Marketing Script

    script fonts

    No related posts.

    ]]>     http://www.hoainamblog.com/2010/05/20-beautiful-script-fonts-for-your-designs/feed/ 0     Các lỗi thường gặp khi viết code HTML & CSS http://www.hoainamblog.com/2010/05/cac-loi-thuong-gap-khi-viet-code-html-css/ http://www.hoainamblog.com/2010/05/cac-loi-thuong-gap-khi-viet-code-html-css/#comments Tue, 25 May 2010 04:05:57 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=422
  • Style riêng cho Internet Explorer
    • ]]>     HTML & CSS hiện này là 2 ngôn ngữ phổ biến nhất để viết ra 1 trang web . Nhưng để có những đoạn code đúng theo quy định thì hiện tại vẫn chưa thật nhiều người  biết đến . Hôm nay Des chia sẻ với các bạn 1 số lỗi thường gặp khi viết code HTML & CSS . Đây là kinh nghiệm của mình khi tham khảo rất nhiều nguồn khác nhau (smilie) . Mọi người ủng hộ nha :D

    #HTML

    Sử dụng DOCTYPE

    DOCTYPE nói cho trình duyệt biết loại mã HTML nào mà trang web của bạn đang sử dụng .

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Bạn có thể xem chi tiết các loại DOCTYPE ở w3schools

    Sử dụng ID

    Trong HTML & CSS , class có thể được áp dụng nhiều lần , nhưng chỉ được dùng ID cho 1 element riêng mà thôi . Điều này rất quan trọng khi bạn code giao diện , hay áp dụng các mã nguồn khác như javascript , ajax ….

    Đóng thẻ không đúng thứ tự

    Điều này rất đúng và quan trọng , các thẻ phải được đóng mở đúng thứ tự , nếu không sẽ có sự sai lệch mà bạn ko hề muốn nó bị . Ví dụ như thẻ DIV chỉ được đứng sau tất cả những thẻ trong nó đã được đóng .

    <div><b>Text...</div></b>

    Viết đúng :

    <div><b>Text...</b></div>

    Viết Hoa các Tag

    Bạn sẽ không validate được khi viết hoa các Tag trong trang web của bạn .

    <DIV></DIV>

    Sử dụng ký tự đặc biệt

    Sử dụng ký tự đặc biệt trong HTML , bạn nên sử dụng đúng theo quy định của nó . HTML đã quy ước các ký tự đặc biệt thành những đoạn code hơi khó nhớ 1 tý nhưng nó giúp trình duyệt hiểu nó .

    <p>©Copyright</p>

    Sử dụng đúng :

    <p>&copy;Copyright</p>

    Không có thuộc tính alt

    Thuộc tính alt là thuộc tính của tag <img> . Nó giúp cho người đọc biết được thông tin về hình ảnh và tốt cho bộ máy tìm kiếm (SEO)

    <img src="image.jpg" alt="image alt tag">

    #CSS

    Không sử dụng cách việt tắt .

    border-top:1px solid #00f;
border-right:1px solid #00f;
border-bottom:1px solid #00f;
border-left:1px solid #00f;

    Nên dùng :

    border:1px solid #00f;

    Sử dụng đơn vị cho giá trị bằng 0

    Bạn không cần phải điền đơn vị cho các giá trị bằng 0 vì 0px, 0pt, 0em đều bằng nhau.

    /* Thay vì */
 padding:0px 0px 5px 0px;
 /* Bạn nên dùng */
 padding:0 0 5px 0;

    Đây chỉ là số lỗi mình đã đọc rút ra kinh nghiệm cho mình .

    Nguồn : Hồn hợp (smile)

    php

    Related posts:

    1. Style riêng cho Internet Explorer

    ]]>     http://www.hoainamblog.com/2010/05/cac-loi-thuong-gap-khi-viet-code-html-css/feed/ 0     Readbud ( 50$/1Month) – Kiếm Tiền với Khảo Sát http://www.hoainamblog.com/2010/05/readbud-501month-kiem-tien-voi-khao-sat/ http://www.hoainamblog.com/2010/05/readbud-501month-kiem-tien-voi-khao-sat/#comments Sun, 16 May 2010 10:08:47 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=415 Readbud , cái tên này chắc chắn không xa lạ gì với nhiều người  . Nhưng hôm nay , Mình xin mạo muội nói qua cho những ai chưa biết thế bây giờ sẽ biết  (smilie)

    Readbud là gì ?

    Readbud là 1 site chuyên kiếm tiền online , bạn chỉ cần đăng ký thành viên và bình trọn các bài viết khảo sát của họ là bạn sẽ được 1 số tiền nho nhỏ nhưng cũng đủ lớn :lol:

    Công việc đầu tiên của bạn là đăng ký tài khoản tại đây !

    • Sau khi đăng ký xong và vào mail Active thì việc tiếp theo là bạn vào interests chọn các mục ưa thích (chọn 50 cái) – sau 24h bạn sẽ được chọn lại nếu bạn muốn thay đổi .
    • Sau khi chọn xong , công việc của bạn đã hoàn thành . Bây giờ chỉ cần vào Articles , rồi chọn Open Articles , nó sẽ mở ra 1 tab mới , bạn kéo xuống dưới đợi khoảng 15-30s ( mình nghĩ zậy , riêng mình thì 5s đã ấy rồi  :lol: ) rồi click bình chọn .
    • Bạn sẽ kiếm được từ 0,01$ – 0.09$ và có thể hơn thế nữa .
    • Mình mất 5 phút mỗi ngày và giao động mỗi ngày đc từ 1,2$ – 2$ :D
      Khi bạn được 50$ thì họ sẽ thanh toán cho bạn qua PayPal .
    • Ngoài ra , mỗi lời giới thiệu của bạn , khi người đó kiếm đc 50$ thì bạn sẽ kiếm đc 5$ :D

    Chúc mọi người kiếm tiền vui vẻ (smilie)

    Ủng hộ mình nha (smilie)

    Đăng ký tài khoản tại đây !

    Thanks !

    No related posts.

    ]]>     http://www.hoainamblog.com/2010/05/readbud-501month-kiem-tien-voi-khao-sat/feed/ 8     Free icon Vải dành cho Web ! http://www.hoainamblog.com/2010/05/free-icon-vai-danh-cho-web/ http://www.hoainamblog.com/2010/05/free-icon-vai-danh-cho-web/#comments Sun, 09 May 2010 16:46:52 +0000 H O A I N A M ® http://www.hoainamblog.com/?p=406 Đây là bộ icon Des sưu tầm được từ webdesignerdepot ! Tùy nó không phù hợp với icon web đa số cho lắm.  Nhưng nó là những icon rất đẹp (smilie)

    preview Free icon Vải dành cho Web !

    dl Free icon Vải dành cho Web !


    No related posts.

    ]]>     http://www.hoainamblog.com/2010/05/free-icon-vai-danh-cho-web/feed/ 0