[Thủ Thuật] Tạo style cho bài viết giống kiểu 1 tạp chí

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.

[Click here to Read More]

[Thủ Thuật] Tạo style cho bài viết giống kiểu 1 tạp chí

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.

[Click here to Read More]

[Thủ Thuật] Tạo 1 menu ''Drop - Down'' đơn giản

Để 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

- Menu
Học Tập
Giải Trí
My Photo

[Click here to Read More]

[Thủ Thuật] Tạo 1 menu ''Drop - Down'' đơn giản

Để 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

- Menu
Học Tập
Giải Trí
My Photo

[Click here to Read More]

[Thủ Thuật] Chèn logo vào tiêu đề bài viết

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.

[Click here to Read More]

[Thủ Thuật] Chèn logo vào tiêu đề bài viết

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.

[Click here to Read More]

[Thủ Thuật] Tạo tab news giống trang mp3.zing.vn

Bài viết này mình sẽ giới thiệu cho các bạn 1 style khác của tiện ích Recent posts. Bài viết này cũng tương tự dạng hiển thị theo gallery, nhưng ở bài này mình chỉ cho nó hiển thị trên cùng 1 hàng, mang phong cách tương tự như trang mp3.zing.vn.

Ở bài viết này mình chỉ hiển thị ảnh thumnail và tiêu đề bài viết, như thế sẽ hợp lý hơn cho tab.

- Và đây là code của thủ thuật:

<style type="text/css">

#zart {
height:108px;
margin-right: 3px;
float:left;
width:100px;
padding: 5px;
border:1px solid #bbb;
background:#eee;
}

#z-title {
height:40px;
}

#z-content {
height:50px;
padding-top:5px;
}

#z-news {
height:120px;
background:#ccc url(http://farm4.static.flickr.com/3656/3677502552_3f0c38be7d_o.gif) no-repeat left;
margin-top:5px;
margin-bottom:5px;
padding-left: 30px;
}
</style>

<div id="z-news">
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";


showRandomImg = true;

zimgwidth =100;
zimgheight =70;
zfntsize = 12;
zacolor = "#555";
zaBold = true;

text = "no";
showPostDate = false;

numposts = 6;
label = "Love";
home_page = "http://fandung.blogspot.com/";

</script>
<script src="http://choiblog.googlecode.com/files/zart-label.js" type="text/javascript"></script>

</div>

Lưu File JS
http://choiblog.googlecode.com/files/zart-label.js

NGUỒN:
http://www.fandung.com/2009/07/tao-tab-news-giong-trang-mp3zingvn.html

[Click here to Read More]

[Thủ Thuật] Tạo tab news giống trang mp3.zing.vn

Bài viết này mình sẽ giới thiệu cho các bạn 1 style khác của tiện ích Recent posts. Bài viết này cũng tương tự dạng hiển thị theo gallery, nhưng ở bài này mình chỉ cho nó hiển thị trên cùng 1 hàng, mang phong cách tương tự như trang mp3.zing.vn.

Ở bài viết này mình chỉ hiển thị ảnh thumnail và tiêu đề bài viết, như thế sẽ hợp lý hơn cho tab.

- Và đây là code của thủ thuật:

<style type="text/css">

#zart {
height:108px;
margin-right: 3px;
float:left;
width:100px;
padding: 5px;
border:1px solid #bbb;
background:#eee;
}

#z-title {
height:40px;
}

#z-content {
height:50px;
padding-top:5px;
}

#z-news {
height:120px;
background:#ccc url(http://farm4.static.flickr.com/3656/3677502552_3f0c38be7d_o.gif) no-repeat left;
margin-top:5px;
margin-bottom:5px;
padding-left: 30px;
}
</style>

<div id="z-news">
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";


showRandomImg = true;

zimgwidth =100;
zimgheight =70;
zfntsize = 12;
zacolor = "#555";
zaBold = true;

text = "no";
showPostDate = false;

numposts = 6;
label = "Love";
home_page = "http://fandung.blogspot.com/";

</script>
<script src="http://choiblog.googlecode.com/files/zart-label.js" type="text/javascript"></script>

</div>

Lưu File JS
http://choiblog.googlecode.com/files/zart-label.js

NGUỒN:
http://www.fandung.com/2009/07/tao-tab-news-giong-trang-mp3zingvn.html

[Click here to Read More]

Tạo tab nội dung đơn giản với jQuery

- Để tiết kiệm cho không gian blog của bạn. Tab mẫu mình giới thiệu chỉ có 2 màu trắng đen, rất giản dị và dễ phù hợp khi các bạn đưa vào blog của mình nếu không muốn chỉnh sửa gì nhiều.
- Như các bạn đã biết, muốn tạo các tab nội dung như vậy thì nhất thiết phải dùng tới javascript, và ở đây cụ thể là jQuery (Tuy nhiên cũng có thể dùng CSS để tạo tab dạng này nhưng nó trông không được pro cho lắm ). Do đó để cho tab được load nhanh, mình có lời khuyên là không nên dùng javascript vào trong các nội dung của tab. Các bạn nên thêm các thủ thuật đơn thuần chỉ là HTML. Như thế tab của mình sẽ load nhanh hơn.


Và bên dưới là code của thủ thuật: (Chèn code vào widget HTML/Javascript)

<link rel="stylesheet" href="http://choiblogtk.webs.com/choiblog.tk/tao-tab-noi-dung-on-gian-voi-jquery/style.css" type="text/css" media="screen">

<script src="http://choiblogtk.webs.com/choiblog.tk/tao-tab-noi-dung-on-gian-voi-jquery/jquery-1.js"></script>
<script>
$(document).ready(function(){
$("a.tab").click(function () {
$(".active").removeClass("active");
$(this).addClass("active");
$(".content").slideUp();
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});
</script>

<div id="tabbed_box_1" class="tabbed_box">
<div class="tabbed_area">

<ul class="tabs">
<li><a href="#" title="content_1" class="tab active">Tips</a></li>
<li><a href="#" title="content_2" class="tab">Archives</a></li>
<li><a href="#" title="content_3" class="tab">Pages</a></li>
</ul>

<div style="display: block;" id="content_1" class="content">
<!-- nội dung của tab1 -->
<ul>
<li><a href="#">HTML Techniques <small>24 Posts</small></a></li>
<li><a href="#">CSS Styling <small>32 Posts</small></a></li>
<li><a href="#">Blogspot Tutorials <small>112 Posts</small></a></li>
<li><a href="#">Web Design <small>19 Posts</small></a></li>
</ul>
<!-- END nội dung của tab1 -->
</div>

<div style="display: none;" id="content_2" class="content">
<!-- nội dung của tab2 -->
<ul>
<li><a href="#">November 2009 <small>4 Posts</small></a></li>
<li><a href="#">October 2009 <small>22 Posts</small></a></li>
<li><a href="#">September 2009 <small>12 Posts</small></a></li>
<li><a href="#">August 2009 <small>43 Posts</small></a></li>
<li><a href="#">July 2009 <small>15 Posts</small></a></li>
</ul>
<!-- END nội dung của tab2 -->
</div>

<div style="display: none;" id="content_3" class="content">
<!-- nội dung của tab3 -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Toturials</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
<!-- END nội dung của tab3 -->
</div>

</div>
</div>

[Click here to Read More]

Tạo tab nội dung đơn giản với jQuery

- Để tiết kiệm cho không gian blog của bạn. Tab mẫu mình giới thiệu chỉ có 2 màu trắng đen, rất giản dị và dễ phù hợp khi các bạn đưa vào blog của mình nếu không muốn chỉnh sửa gì nhiều.
- Như các bạn đã biết, muốn tạo các tab nội dung như vậy thì nhất thiết phải dùng tới javascript, và ở đây cụ thể là jQuery (Tuy nhiên cũng có thể dùng CSS để tạo tab dạng này nhưng nó trông không được pro cho lắm ). Do đó để cho tab được load nhanh, mình có lời khuyên là không nên dùng javascript vào trong các nội dung của tab. Các bạn nên thêm các thủ thuật đơn thuần chỉ là HTML. Như thế tab của mình sẽ load nhanh hơn.


Và bên dưới là code của thủ thuật: (Chèn code vào widget HTML/Javascript)

<link rel="stylesheet" href="http://choiblogtk.webs.com/choiblog.tk/tao-tab-noi-dung-on-gian-voi-jquery/style.css" type="text/css" media="screen">

<script src="http://choiblogtk.webs.com/choiblog.tk/tao-tab-noi-dung-on-gian-voi-jquery/jquery-1.js"></script>
<script>
$(document).ready(function(){
$("a.tab").click(function () {
$(".active").removeClass("active");
$(this).addClass("active");
$(".content").slideUp();
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});
</script>

<div id="tabbed_box_1" class="tabbed_box">
<div class="tabbed_area">

<ul class="tabs">
<li><a href="#" title="content_1" class="tab active">Tips</a></li>
<li><a href="#" title="content_2" class="tab">Archives</a></li>
<li><a href="#" title="content_3" class="tab">Pages</a></li>
</ul>

<div style="display: block;" id="content_1" class="content">
<!-- nội dung của tab1 -->
<ul>
<li><a href="#">HTML Techniques <small>24 Posts</small></a></li>
<li><a href="#">CSS Styling <small>32 Posts</small></a></li>
<li><a href="#">Blogspot Tutorials <small>112 Posts</small></a></li>
<li><a href="#">Web Design <small>19 Posts</small></a></li>
</ul>
<!-- END nội dung của tab1 -->
</div>

<div style="display: none;" id="content_2" class="content">
<!-- nội dung của tab2 -->
<ul>
<li><a href="#">November 2009 <small>4 Posts</small></a></li>
<li><a href="#">October 2009 <small>22 Posts</small></a></li>
<li><a href="#">September 2009 <small>12 Posts</small></a></li>
<li><a href="#">August 2009 <small>43 Posts</small></a></li>
<li><a href="#">July 2009 <small>15 Posts</small></a></li>
</ul>
<!-- END nội dung của tab2 -->
</div>

<div style="display: none;" id="content_3" class="content">
<!-- nội dung của tab3 -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Toturials</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
<!-- END nội dung của tab3 -->
</div>

</div>
</div>

[Click here to Read More]

Ebook hướng dẫn tạo & sử dụng Blog trên Blogger

DOWNLOAD (mediafire.com)

DOWNLOAD (ziddu.com)

- Một người bạn trong thế giới blog là: http://www.vnbook.us, đã cho tôi cuốn sách này trong một câu hỏi nhỏ, (hãy tìm cuốn sách nói về blogger). Tôi cảm ơn và xin chia sẽ đến những ai cần nó ! Chúc vui.

[Click here to Read More]

Ebook hướng dẫn tạo & sử dụng Blog trên Blogger

DOWNLOAD (mediafire.com)

DOWNLOAD (ziddu.com)

- Một người bạn trong thế giới blog là: http://www.vnbook.us, đã cho tôi cuốn sách này trong một câu hỏi nhỏ, (hãy tìm cuốn sách nói về blogger). Tôi cảm ơn và xin chia sẽ đến những ai cần nó ! Chúc vui.

[Click here to Read More]

[Thủ thuật] Xóa đường viền bao quanh link blogger

Chào các bạn. Hôm nay mình xin giới thiệu đến các bạn 1 thủ thuật có tên là "Jquery Link Scrubber", đó là thủ thuật xóa bỏ đường viền bao quanh link khi ta click vào 1 link nào đó trên blog.
1. Trước khi làm(có 1 khung bao quanh):
2. Sau khi làm sẽ như thế này:


Thủ thuật này rất đơn giản, ta làm nhé.
1. Login vào blogger chọn Layout->edit html(Không cần chọn mở rộng tiện ích)
2. Bạn tìm đến code sau: </head> và paste đoạn code sau ngay trước đoạn code vừa tìm được

<!-- Start Jquery Link Scrubber -->
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.1.pack.js' type='text/javascript'/>

<script> $(document).ready(function(){$(&quot;a&quot;).bind(&quot;focus&quot;,function(){if(this.blur)this.blur();});}); </script>
<!-- End Jquery Link Scrubber -->

3. Save template và thử thành quả của mình nào...Không còn có đường viền dạng dot bao quanh link nữa đúng không...OhYaaaaa!!!!

[Click here to Read More]

[Thủ thuật] Xóa đường viền bao quanh link blogger

Chào các bạn. Hôm nay mình xin giới thiệu đến các bạn 1 thủ thuật có tên là "Jquery Link Scrubber", đó là thủ thuật xóa bỏ đường viền bao quanh link khi ta click vào 1 link nào đó trên blog.
1. Trước khi làm(có 1 khung bao quanh):
2. Sau khi làm sẽ như thế này:


Thủ thuật này rất đơn giản, ta làm nhé.
1. Login vào blogger chọn Layout->edit html(Không cần chọn mở rộng tiện ích)
2. Bạn tìm đến code sau: </head> và paste đoạn code sau ngay trước đoạn code vừa tìm được

<!-- Start Jquery Link Scrubber -->
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.1.pack.js' type='text/javascript'/>

<script> $(document).ready(function(){$(&quot;a&quot;).bind(&quot;focus&quot;,function(){if(this.blur)this.blur();});}); </script>
<!-- End Jquery Link Scrubber -->

3. Save template và thử thành quả của mình nào...Không còn có đường viền dạng dot bao quanh link nữa đúng không...OhYaaaaa!!!!

[Click here to Read More]

Chuyển list từ nick cũ qua nick mới

- Mỗi khi các bạn làm nick mới các bạn rất vất vả để chuyện các nick bạn cũ của các bạn qua nick mới đúng không ?
- Vậy có 1 cách đơn giãn nhẹ nhàng sao các bạn không sử dụng nhỉ, nào chúng ta thao tác nhé !

Bước 1: Đăng nhập vào Yahoo Messenger 7.0 hoặc 8.0 bằng tài khoản cũ ở đây mình sẽ dùng nick: coiphimcu để chuyển đổi nick bạn chat sang nick: coiphimmoi (coiphimmới)

- Sau khi đăng nhập các bạn vào: menu Actions chọn Send an Instant Messenger (Ctrl+M)

Bước 2: Khi hộp thoại Send an Instant Messenger xuất hiện, bạn chuyển sang thẻ Other Contact, nhập tên tài khoản mới (nick mới bạn muốn chuyển các nick sang ở đây mình sẽ đánh vào đó nick coiphimmoi) rồi nhấn OK.

Lúc này, cửa sổ Instant Messenger của nick coiphimcu mở ra

Sau đó bạn vào lại menu Actions, Chọn Send My Messenger List (Ctrl+Shift+M)

Bước 3: Trong hộp thoại Send My Messenger List, bạn sẽ thấy xuất hiện 1 list tất cả các nick bạn chat của bạn

Nếu bạn muốn chọn 1 số nick thì đánh dấu vào các nick cần chuyển sang, còn nếu muốn chuyển hết thì nhấn vào Select All. Sau đó nhấn vào nút Finish sẽ xuất hiện bảng chuyển đến nick bạn cần chuyển

Bước 4: Sign Out để thoát nick cũ ra và đăng nhập tài khoản mới vào ở đây sau khi đăng nhập nick coiphimmoi.

(Lưu ý: Ở những phiên bản YH!M khác có thể bước này sẽ khác)
- Trong hộp thoại đó bạn chọn View Contacts (Alt+Shift+A) nó sẽ hiện lên họp thoại Add to Messenger. Chọn Select All để nhận tất cả hoặc chọn những nick bạn thích rồi Next. Tiếp theo bạn chọn nhóm nick bạn đưa vào danh sách và gõ vào ô Enter a brief introduction dòng liên quan đến ô ghi chú để mọi người cho bạn add nick. Cuối cùng Next và Finish là kết thúc.

Chúc thành công!

[Click here to Read More]

Chuyển list từ nick cũ qua nick mới

- Mỗi khi các bạn làm nick mới các bạn rất vất vả để chuyện các nick bạn cũ của các bạn qua nick mới đúng không ?
- Vậy có 1 cách đơn giãn nhẹ nhàng sao các bạn không sử dụng nhỉ, nào chúng ta thao tác nhé !

Bước 1: Đăng nhập vào Yahoo Messenger 7.0 hoặc 8.0 bằng tài khoản cũ ở đây mình sẽ dùng nick: coiphimcu để chuyển đổi nick bạn chat sang nick: coiphimmoi (coiphimmới)

- Sau khi đăng nhập các bạn vào: menu Actions chọn Send an Instant Messenger (Ctrl+M)

Bước 2: Khi hộp thoại Send an Instant Messenger xuất hiện, bạn chuyển sang thẻ Other Contact, nhập tên tài khoản mới (nick mới bạn muốn chuyển các nick sang ở đây mình sẽ đánh vào đó nick coiphimmoi) rồi nhấn OK.

Lúc này, cửa sổ Instant Messenger của nick coiphimcu mở ra

Sau đó bạn vào lại menu Actions, Chọn Send My Messenger List (Ctrl+Shift+M)

Bước 3: Trong hộp thoại Send My Messenger List, bạn sẽ thấy xuất hiện 1 list tất cả các nick bạn chat của bạn

Nếu bạn muốn chọn 1 số nick thì đánh dấu vào các nick cần chuyển sang, còn nếu muốn chuyển hết thì nhấn vào Select All. Sau đó nhấn vào nút Finish sẽ xuất hiện bảng chuyển đến nick bạn cần chuyển

Bước 4: Sign Out để thoát nick cũ ra và đăng nhập tài khoản mới vào ở đây sau khi đăng nhập nick coiphimmoi.

(Lưu ý: Ở những phiên bản YH!M khác có thể bước này sẽ khác)
- Trong hộp thoại đó bạn chọn View Contacts (Alt+Shift+A) nó sẽ hiện lên họp thoại Add to Messenger. Chọn Select All để nhận tất cả hoặc chọn những nick bạn thích rồi Next. Tiếp theo bạn chọn nhóm nick bạn đưa vào danh sách và gõ vào ô Enter a brief introduction dòng liên quan đến ô ghi chú để mọi người cho bạn add nick. Cuối cùng Next và Finish là kết thúc.

Chúc thành công!

[Click here to Read More]

Đăng ký miễn phí BOX.NET Dễ dàng và Cực nhanh

Đây là File Flash giúp bạn đăng ký box.net:


Bạn click vào Menu -> chọn Login ở file Flash mình chèn phía trên đó

-> click tiếp vào Register for free.

-> Điền các thông tin đăng ký vào:

Cuối cùng là click chuột vào Register. Đợi 5s, và bạn nhìn thấy cái này !

LẤY CODE, LÀM FILE FLASH NHƯ TRÊN ĐƯA VÀO BLOG, FORUM, WEB:
- Các bạn hay có câu hỏi là "Làm cách nào lấy Code để tạo 1 file Flash đưa vào diễn đàn, web, blog như trên":

Cách làm: đăng nhập vào Box.net, trước tiên bạn vào 1 folder trong tài khoản của bạn rồi di chuột lên góc trên bên phải, nó hiện ra mũi tên, bấm vào nút mũi tên sẽ xổ xuống 1 menu, bạn chọn "Get a Widget", mời xem hình:

CHÚC VUI VỚI THỦ THUẬT !

[Click here to Read More]

Đăng ký miễn phí BOX.NET Dễ dàng và Cực nhanh

Đây là File Flash giúp bạn đăng ký box.net:


Bạn click vào Menu -> chọn Login ở file Flash mình chèn phía trên đó

-> click tiếp vào Register for free.

-> Điền các thông tin đăng ký vào:

Cuối cùng là click chuột vào Register. Đợi 5s, và bạn nhìn thấy cái này !

LẤY CODE, LÀM FILE FLASH NHƯ TRÊN ĐƯA VÀO BLOG, FORUM, WEB:
- Các bạn hay có câu hỏi là "Làm cách nào lấy Code để tạo 1 file Flash đưa vào diễn đàn, web, blog như trên":

Cách làm: đăng nhập vào Box.net, trước tiên bạn vào 1 folder trong tài khoản của bạn rồi di chuột lên góc trên bên phải, nó hiện ra mũi tên, bấm vào nút mũi tên sẽ xổ xuống 1 menu, bạn chọn "Get a Widget", mời xem hình:

CHÚC VUI VỚI THỦ THUẬT !

[Click here to Read More]

Gắn Chiếc Đồng Hồ Xinh Xinh Vào Blog & Wed

Đầu tiên bạn vào trang wed http://clocklink.com rùi chọn thẻ Gallery để lựa chọn mẫu đồng hồ mà bạn thích . Trong đó có khá nhìu mẫu đẹp bạn tha hồ mà chọn ở các thể loại khác nhau nhuư :Analog , Alnimal , Digital ,... chọn xong đông hồ bạn ưng ý ,bạn bấm vào View HTML Tag , bấm Accept sẽ hiện lêm hộp thoại http:// www.clocklink.com - ClockLink HTML Tag Generator . Sau đó bạn chọn Select By City . Tại đây bạn chọn tên nước và thành phố . Sau đó copy đoạn mã ở ô If the above does not work, please try the following code , nhúng vào blog là ok roài đó .

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

[Click here to Read More]

Gắn Chiếc Đồng Hồ Xinh Xinh Vào Blog & Wed

Đầu tiên bạn vào trang wed http://clocklink.com rùi chọn thẻ Gallery để lựa chọn mẫu đồng hồ mà bạn thích . Trong đó có khá nhìu mẫu đẹp bạn tha hồ mà chọn ở các thể loại khác nhau nhuư :Analog , Alnimal , Digital ,... chọn xong đông hồ bạn ưng ý ,bạn bấm vào View HTML Tag , bấm Accept sẽ hiện lêm hộp thoại http:// www.clocklink.com - ClockLink HTML Tag Generator . Sau đó bạn chọn Select By City . Tại đây bạn chọn tên nước và thành phố . Sau đó copy đoạn mã ở ô If the above does not work, please try the following code , nhúng vào blog là ok roài đó .

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

[Click here to Read More]

Tải nhạc tại nhacso.net dễ hơn với SweetBomb

- Trước đây vì chưa có blog, cũng chẵng muốn chia sẽ trên các diễn đàn, nay đã có blog và chuyên mục thủ thuật! Mình xin giới thiệu công cụ giúp thực hiện thủ thuật! Nếu ai là cư dân mạng có lẽ đã biết đến nó! Đó là SweetBomb Công cụ hữu ích cho cư dân mạng.

DOWNLOAD:
SweetBomb (ziddu.com)

Tải về xong, chỉ việc open lên và thao tác theo hình ảnh.
Thao Tác: Tiện Ích > Duyệt Web Vạn Năng... (check Tùy chọn: Dùng tính năng "Hack")

Truy Cập Web:
- Gõ địa chỉ nhacso.net vào khung Address, chọn ca sĩ bạn muốn download nhạc, (ví dụ, Ưng Hoàng Phúc. Click Nghe toàn bộ nhạc phẩm.

Tải Nhạc:
- Sau đó chuyển Tab: Media (SWF, Video,..), chọn tất cả bài hát, chọn thư mục chứa nhạc, click phải chuột chọn Download tất cả đối tượng được chọn... (XONG)

- Công cụ còn có một số chức năng như, hổ trợ chat yahoo, boom spam yahoo, lịch âm dương, chạy file FLV, hẹn giờ tắt máy, download theo link,...

CHÚC TẤT CẢ VUI VỚI THỦ THUẬT !

[Click here to Read More]

Tải nhạc tại nhacso.net dễ hơn với SweetBomb

- Trước đây vì chưa có blog, cũng chẵng muốn chia sẽ trên các diễn đàn, nay đã có blog và chuyên mục thủ thuật! Mình xin giới thiệu công cụ giúp thực hiện thủ thuật! Nếu ai là cư dân mạng có lẽ đã biết đến nó! Đó là SweetBomb Công cụ hữu ích cho cư dân mạng.

DOWNLOAD:
SweetBomb (ziddu.com)

Tải về xong, chỉ việc open lên và thao tác theo hình ảnh.
Thao Tác: Tiện Ích > Duyệt Web Vạn Năng... (check Tùy chọn: Dùng tính năng "Hack")

Truy Cập Web:
- Gõ địa chỉ nhacso.net vào khung Address, chọn ca sĩ bạn muốn download nhạc, (ví dụ, Ưng Hoàng Phúc. Click Nghe toàn bộ nhạc phẩm.

Tải Nhạc:
- Sau đó chuyển Tab: Media (SWF, Video,..), chọn tất cả bài hát, chọn thư mục chứa nhạc, click phải chuột chọn Download tất cả đối tượng được chọn... (XONG)

- Công cụ còn có một số chức năng như, hổ trợ chat yahoo, boom spam yahoo, lịch âm dương, chạy file FLV, hẹn giờ tắt máy, download theo link,...

CHÚC TẤT CẢ VUI VỚI THỦ THUẬT !

[Click here to Read More]

[Thủ Thuật] ''Bài viết mới nhất - có ảnh thumbnail'' kết hợp với hiệu ứng slide từ jQuery

Như các thủ thuật trước, để đơn giản, bạn hãy tạo 1 Widget HTML/Javascript và copy tất cả code bên dưới vào:

// Code javascript
<script src="http://fandung.110mb.com/tabnews-jquery/jquery-1.2.6.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function(){

var first = 0;
var speed = 700;
var pause = 3500;

function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}

function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}

interval = setInterval(removeFirst, pause);
});
</script>

// Code CSS
<style type="text/css">

#listticker{
height:300px;
width:400px;
overflow:hidden;
border:solid 1px #DEDEDE;
padding:6px 6px 6px 6px;;
background:#fff;
}
#listticker li{
border:0; margin:0; padding:0; list-style:none;
}
#listticker li{
height:60px;
padding:5px;
list-style:none;
}
#listticker a{
color:#000000;
margin-bottom:
}
#listticker .news-title{
display:block;
font-weight:bold;
margin-bottom:4px;
font-size:11px;
}
#listticker .news-text{
display:block;
font-size:11px;
color:#666666;
}
#listticker img{
float:left;
margin-right:2px;
padding:4px;
border:solid 1px #DEDEDE;
}
</style>

// Code HTML
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://vietwebguide.googlepages.com/LDP08-06-11-01.png";
imgr[1] = "http://vietwebguide.googlepages.com/LDP08-06-11-02.png";
imgr[2] = "http://vietwebguide.googlepages.com/LDP08-06-11-03.png";
imgr[3] = "http://vietwebguide.googlepages.com/LDP08-06-11-04.png";
imgr[4] = "http://vietwebguide.googlepages.com/LDP08-06-11-05.png";

showRandomImg = true;
tablewidth = 392;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";

imgwidth = 60;
imgheight = 60;
fntsize = 12;
acolor = "#E67C15";
aBold = true;
icon = " » ";

text = "no";

showPostDate = false;

summaryPost = 100;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";

numposts = 15;

home_page = "http://choiblogs.blogspot.com/";

</script>
<script src="http://fandung.110mb.com/JS-files/recent-post-Jquery/recentposts_thumb_5.js" type="text/javascript"></script>

- Có thể các link Javascript của mình load chậm, nên các bạn có thể download về và up lên host nào load nhanh hơn.
- Chú ý điều chỉnh các code màu đỏ (độ rộng) cho hợp lý
- http://choiblogs.blogspot.com : thay bằng địa chỉ của blog bạn.
- Và một điều lưu ý cuối cùng : chiều cao của ảnh thumbnail (imgheight = 60;) và chiều cao của thẻ <li> (height:60px;) fải bằng nhau.

Lưu File JS
http://4share.ws/file/mdjc04u2z/-Thu-thuat-blog--bai-viet-moi-nhat-co-anh.rar.html

NGUỒN:
FANDUNG.COM

[Click here to Read More]

[Thủ Thuật] ''Bài viết mới nhất - có ảnh thumbnail'' kết hợp với hiệu ứng slide từ jQuery

Như các thủ thuật trước, để đơn giản, bạn hãy tạo 1 Widget HTML/Javascript và copy tất cả code bên dưới vào:

// Code javascript
<script src="http://fandung.110mb.com/tabnews-jquery/jquery-1.2.6.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function(){

var first = 0;
var speed = 700;
var pause = 3500;

function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}

function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}

interval = setInterval(removeFirst, pause);
});
</script>

// Code CSS
<style type="text/css">

#listticker{
height:300px;
width:400px;
overflow:hidden;
border:solid 1px #DEDEDE;
padding:6px 6px 6px 6px;;
background:#fff;
}
#listticker li{
border:0; margin:0; padding:0; list-style:none;
}
#listticker li{
height:60px;
padding:5px;
list-style:none;
}
#listticker a{
color:#000000;
margin-bottom:
}
#listticker .news-title{
display:block;
font-weight:bold;
margin-bottom:4px;
font-size:11px;
}
#listticker .news-text{
display:block;
font-size:11px;
color:#666666;
}
#listticker img{
float:left;
margin-right:2px;
padding:4px;
border:solid 1px #DEDEDE;
}
</style>

// Code HTML
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://vietwebguide.googlepages.com/LDP08-06-11-01.png";
imgr[1] = "http://vietwebguide.googlepages.com/LDP08-06-11-02.png";
imgr[2] = "http://vietwebguide.googlepages.com/LDP08-06-11-03.png";
imgr[3] = "http://vietwebguide.googlepages.com/LDP08-06-11-04.png";
imgr[4] = "http://vietwebguide.googlepages.com/LDP08-06-11-05.png";

showRandomImg = true;
tablewidth = 392;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";

imgwidth = 60;
imgheight = 60;
fntsize = 12;
acolor = "#E67C15";
aBold = true;
icon = " » ";

text = "no";

showPostDate = false;

summaryPost = 100;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";

numposts = 15;

home_page = "http://choiblogs.blogspot.com/";

</script>
<script src="http://fandung.110mb.com/JS-files/recent-post-Jquery/recentposts_thumb_5.js" type="text/javascript"></script>

- Có thể các link Javascript của mình load chậm, nên các bạn có thể download về và up lên host nào load nhanh hơn.
- Chú ý điều chỉnh các code màu đỏ (độ rộng) cho hợp lý
- http://choiblogs.blogspot.com : thay bằng địa chỉ của blog bạn.
- Và một điều lưu ý cuối cùng : chiều cao của ảnh thumbnail (imgheight = 60;) và chiều cao của thẻ <li> (height:60px;) fải bằng nhau.

Lưu File JS
http://4share.ws/file/mdjc04u2z/-Thu-thuat-blog--bai-viet-moi-nhat-co-anh.rar.html

NGUỒN:
FANDUNG.COM

[Click here to Read More]

[Thủ Thuật] Thay text: Read More bằng hình ảnh

Chức năng Read More ở dạng text khi muốn thay nó thành một hình ảnh đại diện cũng không khó lắm ! Đầu tiên đoạn text Read More của tôi tên là [Full Story].

- Login Blogger của bạn > Bố Cục > Chỉnh sửa HTML > chọn mục Mở rộng Mẫu Tiện ích.

- Thao tác Ctrl+F tìm với tên đó và thay nó bằng đoạn mã hình ảnh chèn blog là Xong.


Mã hình ảnh chèn blog của tôi.

<img border="0" src="http://i380.photobucket.com/albums/oo241/aqmin/1choiblog-skin/xemtiep-viewmore.jpg" />

Lưu lại và chúc thành công !

[Click here to Read More]

[Thủ Thuật] Thay text: Read More bằng hình ảnh

Chức năng Read More ở dạng text khi muốn thay nó thành một hình ảnh đại diện cũng không khó lắm ! Đầu tiên đoạn text Read More của tôi tên là [Full Story].

- Login Blogger của bạn > Bố Cục > Chỉnh sửa HTML > chọn mục Mở rộng Mẫu Tiện ích.

- Thao tác Ctrl+F tìm với tên đó và thay nó bằng đoạn mã hình ảnh chèn blog là Xong.


Mã hình ảnh chèn blog của tôi.

<img border="0" src="http://i380.photobucket.com/albums/oo241/aqmin/1choiblog-skin/xemtiep-viewmore.jpg" />

Lưu lại và chúc thành công !

[Click here to Read More]

Mở nhiều cửa sổ Yahoo! Messenger cùng lúc

Yahoo! Messenger (Y!M) chỉ cho bạn mở một cửa sổ duy nhất. Nếu bạn có nhiều hơn một nick Y!M, bạn phải Sign Out nick này rồi mới Sign In bằng nick kia được. Vậy làm thế nào để mở nhiều cửa sổ Y!M cùng lúc?

- Vào Start > Run (hay nhấn tổ hợp phím Windows+R) để mở cửa sổ Run.

Tiếp theo bạn nhập regedit vào khung Open rồi bấm OK (hay nhấn phím Enter). Cửa sổ Registry Editor hiện ra. Ở khung bên trái, bạn chọn (bấm vào dấu cộng)
My Computer > HKEY_CURRENT_USER > Software > Yahoo > pager > Test. Tiếp theo bạn nhấn chuột phải vào Test và chọn New > String Value rồi đổi tên String Value đó thành Plural. Song, bạn double click vào Plural, cửa sổ Edit String hiện ra. Bạn nhập số 1 vào ô Value data rồi nhấn OK:



Bây giờ bạn Log Off máy tính để xem kết quả nhé.


2. Thao tác khác ! (thao tác này mình làm 2file, 1 mở chức năng và 2 tắt chức năng)
- Tạo file 1 mở chức năng Mở nhiều nick.
Copy những dòng bên dưới vào Notepad (Run > gõ Notepad) save nó lại với tên 1.REG.
- Tạo file 2 tắt chức năng mở nhiều nick.
Copy những dòng bên dưới nhưng bỏ giá trị 1 đi, save nó lại với tên 2.REG.

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\yahoo\pager\Test]
"Plural"="1"

Từ 2 file trên bạn sẽ phải đặt tên lại cho đúng với công dụng của nó! Chúc vui.

Download Now (FREE)
Mở nhiều cửa sổ Yahoo! Messenger cùng lúc

[Click here to Read More]

Mở nhiều cửa sổ Yahoo! Messenger cùng lúc

Yahoo! Messenger (Y!M) chỉ cho bạn mở một cửa sổ duy nhất. Nếu bạn có nhiều hơn một nick Y!M, bạn phải Sign Out nick này rồi mới Sign In bằng nick kia được. Vậy làm thế nào để mở nhiều cửa sổ Y!M cùng lúc?

- Vào Start > Run (hay nhấn tổ hợp phím Windows+R) để mở cửa sổ Run.

Tiếp theo bạn nhập regedit vào khung Open rồi bấm OK (hay nhấn phím Enter). Cửa sổ Registry Editor hiện ra. Ở khung bên trái, bạn chọn (bấm vào dấu cộng)
My Computer > HKEY_CURRENT_USER > Software > Yahoo > pager > Test. Tiếp theo bạn nhấn chuột phải vào Test và chọn New > String Value rồi đổi tên String Value đó thành Plural. Song, bạn double click vào Plural, cửa sổ Edit String hiện ra. Bạn nhập số 1 vào ô Value data rồi nhấn OK:



Bây giờ bạn Log Off máy tính để xem kết quả nhé.


2. Thao tác khác ! (thao tác này mình làm 2file, 1 mở chức năng và 2 tắt chức năng)
- Tạo file 1 mở chức năng Mở nhiều nick.
Copy những dòng bên dưới vào Notepad (Run > gõ Notepad) save nó lại với tên 1.REG.
- Tạo file 2 tắt chức năng mở nhiều nick.
Copy những dòng bên dưới nhưng bỏ giá trị 1 đi, save nó lại với tên 2.REG.

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\yahoo\pager\Test]
"Plural"="1"

Từ 2 file trên bạn sẽ phải đặt tên lại cho đúng với công dụng của nó! Chúc vui.

Download Now (FREE)
Mở nhiều cửa sổ Yahoo! Messenger cùng lúc

[Click here to Read More]

Top 10 dịch vụ rút gọn link

Hiện nay khi bạn theo dõi trên các Website, các tạp chí CNTT... bạn đều thấy các địa chỉ rút gọn link được sử dụng rất rộng rãi. Những địa chỉ dài dòng sẽ được thay thế bằng các địa chỉ ngắn gọn và dễ nhớ, các dịch vụ rút gọn link là cách đơn giản nhất để bạn hoặc bạn bè dễ dàng chia sẻ các địa chỉ Web, blog, các địa chỉ có các bài viết hay.

Hơn nữa các dịch vụ này hoàn toàn miễn phí và không yêu cầu người dùng đăng ký thành viên. Đặc biệt một số dịch vụ còn cho phép người dùng tuỳ biến, tạo ký tự riêng, tạo mật khẩu cho liên kết chia sẻ …

10 địa chỉ giúp bạn rút gọn link dài thành các link ngắn rất dễ nhớ.

1. Tinyurl.com

Có thể nói đây là dịch vụ được sử dụng nhiều và tốt nhất hiện nay, bạn chỉ cần copy địa chỉ cần rút gọn và paste vào khung Enter a long URL to make tiny, rồi bấm nút Make TinyURLs để lấy link thu gọn. Ngoài ra với tuỳ chọn Custom alias (optional) nó còn cho phép bạn tự thiết lập ký tự riêng cho link rút gọn đó.

2. Qurl.net

Rất đơn giản, giao diện, nhập bản gốc URL và bấm vào 'Tạo Qurl'.

3. Shrinkster.com

Tất cả những gì bạn cần thực hiện là copy và paste địa chỉ dài cần rút gọn vào khung Please enter the URL you would like to shrink, rồi bấm nút Shrink It để lấy link rút gọn tự động. Bạn có thể nhập tối đa là 1000 ký tự để rút gọn.

4. Snipurl.com

Cũng tương tự như dịch vụ rút gọn của TinyURL, tuy nhiên SnipURL cho phép người dùng thiết lập chế độ bảo mật cho link rút gọn.

5. Jitty.com

Với giao diện vô cùng đơn giản, bạn chỉ cần paste địa chỉ cần rút gọn vào khung jtty: New URL, rồi bấm nút Create Short URL là xong.

6. Shorl.com

Shorl không chỉ đơn giản là cung cấp dịch vụ rút gọn link mà nó còn cung cấp các tính năng để kiểm tra, xem số liệu thống kê của link rút gọn.
7. Piurl.com

Một dịch vụ đơn giản, thực hiện tương tự TinyURL và đặc biệt cho phép tải về và cài đặt tich2 hợp vào thanh công cụ của trình duyệt để rút gọn link nhanh rất tiện.

8. Moourl.com

Dịch vụ rút gọn link này có giao diện rất đáng yêu và tính năng, cách sử dụng thì hoàn toàn như TinyURL

9. Rurl.org

Dịch vụ rút gọn link cực kỳ đơn giản từ cách sử dụng cho đến giao diện làm việc.

10. zurl.ws

Một dịch vụ rút gọn link cực ngắn với tên rút gọn phía sau dịch vụ chỉ 3 ký tự: VD http://zurl.ws/1Yu nên bạn rất dễ nhớ, có điều dịch vụ này lại yêu cần người dùng nhập Code rồi mới bấm nút Shorten.

[Click here to Read More]

Top 10 dịch vụ rút gọn link

Hiện nay khi bạn theo dõi trên các Website, các tạp chí CNTT... bạn đều thấy các địa chỉ rút gọn link được sử dụng rất rộng rãi. Những địa chỉ dài dòng sẽ được thay thế bằng các địa chỉ ngắn gọn và dễ nhớ, các dịch vụ rút gọn link là cách đơn giản nhất để bạn hoặc bạn bè dễ dàng chia sẻ các địa chỉ Web, blog, các địa chỉ có các bài viết hay.

Hơn nữa các dịch vụ này hoàn toàn miễn phí và không yêu cầu người dùng đăng ký thành viên. Đặc biệt một số dịch vụ còn cho phép người dùng tuỳ biến, tạo ký tự riêng, tạo mật khẩu cho liên kết chia sẻ …

10 địa chỉ giúp bạn rút gọn link dài thành các link ngắn rất dễ nhớ.

1. Tinyurl.com

Có thể nói đây là dịch vụ được sử dụng nhiều và tốt nhất hiện nay, bạn chỉ cần copy địa chỉ cần rút gọn và paste vào khung Enter a long URL to make tiny, rồi bấm nút Make TinyURLs để lấy link thu gọn. Ngoài ra với tuỳ chọn Custom alias (optional) nó còn cho phép bạn tự thiết lập ký tự riêng cho link rút gọn đó.

2. Qurl.net

Rất đơn giản, giao diện, nhập bản gốc URL và bấm vào 'Tạo Qurl'.

3. Shrinkster.com

Tất cả những gì bạn cần thực hiện là copy và paste địa chỉ dài cần rút gọn vào khung Please enter the URL you would like to shrink, rồi bấm nút Shrink It để lấy link rút gọn tự động. Bạn có thể nhập tối đa là 1000 ký tự để rút gọn.

4. Snipurl.com

Cũng tương tự như dịch vụ rút gọn của TinyURL, tuy nhiên SnipURL cho phép người dùng thiết lập chế độ bảo mật cho link rút gọn.

5. Jitty.com

Với giao diện vô cùng đơn giản, bạn chỉ cần paste địa chỉ cần rút gọn vào khung jtty: New URL, rồi bấm nút Create Short URL là xong.

6. Shorl.com

Shorl không chỉ đơn giản là cung cấp dịch vụ rút gọn link mà nó còn cung cấp các tính năng để kiểm tra, xem số liệu thống kê của link rút gọn.
7. Piurl.com

Một dịch vụ đơn giản, thực hiện tương tự TinyURL và đặc biệt cho phép tải về và cài đặt tich2 hợp vào thanh công cụ của trình duyệt để rút gọn link nhanh rất tiện.

8. Moourl.com

Dịch vụ rút gọn link này có giao diện rất đáng yêu và tính năng, cách sử dụng thì hoàn toàn như TinyURL

9. Rurl.org

Dịch vụ rút gọn link cực kỳ đơn giản từ cách sử dụng cho đến giao diện làm việc.

10. zurl.ws

Một dịch vụ rút gọn link cực ngắn với tên rút gọn phía sau dịch vụ chỉ 3 ký tự: VD http://zurl.ws/1Yu nên bạn rất dễ nhớ, có điều dịch vụ này lại yêu cần người dùng nhập Code rồi mới bấm nút Shorten.

[Click here to Read More]

Làm thế nào để tạo cuộn danh sách thêm bạn ?

Để có thể giữ được những người bạn trong thế giới blog và link, chúng ta có thể tạo ra menu cuộn nhỏ để sẵn sàng thêm cho việc này!

* Các bước thao tác cho việc này !
1. Đăng nhập Tài khoản to Blog Bạn
2. Bấm vào Bố cục > Phần Tử Trang
3. Thêm tiện ích: HTML / Javascript
4. copy và paste đoạn mã sau vào Thêm HTML / Javasript
5. Lưu

<h2 class="title">My Friend List</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 120px; text-align: left;">
A>>
<li> <a href="http://choiblog-home.blogspot.com" target="new">A...</a></li>
<li> <a href="http://choiblog.tk" target="new">A...</a></li><br>
Bạn Việt Nam
<li> <a href="http://choiblog-home.blogspot.com" target="new">B...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">B...</a></li>
<li> <a href="http://choiblog.tk" target="new"> </a></li><br>
Bạn Việt Nam
<li> <a href="http://choiblog-home.blogspot.com" target="new">C...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">C...</a></li>
D>>
<li> <a href="http://choiblog-home.blogspot.com" target="new">D...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">D...</a></li>
</div>
</div>
<!-- -->

Bạn có thể nhìn thấy những tên bạn cùng với đường dẫn và tự thay đổi chúng
A...B...C... là thứ tự của liên kết

My Friend List

A>>

A...

A...

Bạn Việt Nam

B...

B...

B...

Bạn Thế Giới

C...

C...

Bạn Ngoài Vũ Trụ

D...

D...

ChoiBlog.TK Chúc vui tất cả!

[Click here to Read More]

Làm thế nào để tạo cuộn danh sách thêm bạn ?

Để có thể giữ được những người bạn trong thế giới blog và link, chúng ta có thể tạo ra menu cuộn nhỏ để sẵn sàng thêm cho việc này!

* Các bước thao tác cho việc này !
1. Đăng nhập Tài khoản to Blog Bạn
2. Bấm vào Bố cục > Phần Tử Trang
3. Thêm tiện ích: HTML / Javascript
4. copy và paste đoạn mã sau vào Thêm HTML / Javasript
5. Lưu

<h2 class="title">My Friend List</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 120px; text-align: left;">
A>>
<li> <a href="http://choiblog-home.blogspot.com" target="new">A...</a></li>
<li> <a href="http://choiblog.tk" target="new">A...</a></li><br>
Bạn Việt Nam
<li> <a href="http://choiblog-home.blogspot.com" target="new">B...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">B...</a></li>
<li> <a href="http://choiblog.tk" target="new"> </a></li><br>
Bạn Việt Nam
<li> <a href="http://choiblog-home.blogspot.com" target="new">C...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">C...</a></li>
D>>
<li> <a href="http://choiblog-home.blogspot.com" target="new">D...</a></li>
<li> <a href="http://choiblog-home.blogspot.com" target="new">D...</a></li>
</div>
</div>
<!-- -->

Bạn có thể nhìn thấy những tên bạn cùng với đường dẫn và tự thay đổi chúng
A...B...C... là thứ tự của liên kết

My Friend List

A>>

A...

A...

Bạn Việt Nam

B...

B...

B...

Bạn Thế Giới

C...

C...

Bạn Ngoài Vũ Trụ

D...

D...

ChoiBlog.TK Chúc vui tất cả!

[Click here to Read More]

Tạo Favicon cho web, blog

Favicon là một icon nhỏ có dạng tỉnh hoặc động, nó nằm trên thanh address của trình duyệt hoặc trước tiêu đề của mổi trang trên tab. Bài viết này giới thiệu cơ bản cách chèn Favicon vào blog và cách tạo chúng !
- Cách tạo Favicon có nhiều cách mình sẽ hướng dẫn sau:
- Mình xin hướng dẫn cách chèn vào blog trước !

1- Tạo favicon
Favicon là một icon nhỏ có kích thước 16x16 pixels. Nó thường là một biểu tượng đặc trưng cho web, blog, giúp người truy cập có thể dễ dàng nhận biết.

Nếu bạn có thể sử dụng các chương trình đồ họa như Illustrator hay Photoshop thì việc tạo ra một favicon rất đơn giản. Nếu không chỉ cần chọn một bức hình phù hợp với tiêu chí của bạn, có kích cỡ vừa phải và sử dụng các chương trình tạo favicon có sẵn.

Một số trang web giúp tạo favicon miễn phí

*Favicon.cc
*Favicongenerator.com
*Genfavicon.com
*Myfaves.in
*Dynamicdrive.com
*Favicon-generator.org
*Favicon.co.uk
*Degraeve.com

2- Chèn Favicon vào blog, web !

<link href='favicon URL' rel='shortcut icon'/>

Bạn copy đoạn code trên vào trong phần <head></head>.

Thay favicon URL bằng đường link tới file favicon mà bạn đã upload, có thể sử dụng định dạng ICO. PNG, GIF.

Sau khi lưu thay đổi, bạn vào trang web để kiểm tra, nếu chưa thấy xuất hiện favicon bạn cần xóa cache và khởi động lại trình duyệt.
- IE: vào Tools, Delete browsing History, (Shortcut: Ctr+Shift+Del),
- Firefox: Tools, Clear recent History, (Shortcut: Ctr+Shift+Del).
- Chrome: Setting (Biểu tượng cái cờ lê), Clear browsing data, (Shortcut: Ctr+Shift+Del).

Đoạn code trên mình sử dụng trong Blogspot, nếu bạn dùng các dịch vụ khác và không thấy favicon hiển thị thì có thể thử một trong những đoạn code sau.

<link href='Favicon URL' rel='icon' type='image/x-icon'/>
<link href='Favicon URL' rel='icon' type='image/png'/>
<link href='Favicon URL' rel='icon' type='image/gif'/>

Với Wordpress, tham khảo tại đây.


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

[Click here to Read More]

Tạo Favicon cho web, blog

Favicon là một icon nhỏ có dạng tỉnh hoặc động, nó nằm trên thanh address của trình duyệt hoặc trước tiêu đề của mổi trang trên tab. Bài viết này giới thiệu cơ bản cách chèn Favicon vào blog và cách tạo chúng !
- Cách tạo Favicon có nhiều cách mình sẽ hướng dẫn sau:
- Mình xin hướng dẫn cách chèn vào blog trước !

1- Tạo favicon
Favicon là một icon nhỏ có kích thước 16x16 pixels. Nó thường là một biểu tượng đặc trưng cho web, blog, giúp người truy cập có thể dễ dàng nhận biết.

Nếu bạn có thể sử dụng các chương trình đồ họa như Illustrator hay Photoshop thì việc tạo ra một favicon rất đơn giản. Nếu không chỉ cần chọn một bức hình phù hợp với tiêu chí của bạn, có kích cỡ vừa phải và sử dụng các chương trình tạo favicon có sẵn.

Một số trang web giúp tạo favicon miễn phí

*Favicon.cc
*Favicongenerator.com
*Genfavicon.com
*Myfaves.in
*Dynamicdrive.com
*Favicon-generator.org
*Favicon.co.uk
*Degraeve.com

2- Chèn Favicon vào blog, web !

<link href='favicon URL' rel='shortcut icon'/>

Bạn copy đoạn code trên vào trong phần <head></head>.

Thay favicon URL bằng đường link tới file favicon mà bạn đã upload, có thể sử dụng định dạng ICO. PNG, GIF.

Sau khi lưu thay đổi, bạn vào trang web để kiểm tra, nếu chưa thấy xuất hiện favicon bạn cần xóa cache và khởi động lại trình duyệt.
- IE: vào Tools, Delete browsing History, (Shortcut: Ctr+Shift+Del),
- Firefox: Tools, Clear recent History, (Shortcut: Ctr+Shift+Del).
- Chrome: Setting (Biểu tượng cái cờ lê), Clear browsing data, (Shortcut: Ctr+Shift+Del).

Đoạn code trên mình sử dụng trong Blogspot, nếu bạn dùng các dịch vụ khác và không thấy favicon hiển thị thì có thể thử một trong những đoạn code sau.

<link href='Favicon URL' rel='icon' type='image/x-icon'/>
<link href='Favicon URL' rel='icon' type='image/png'/>
<link href='Favicon URL' rel='icon' type='image/gif'/>

Với Wordpress, tham khảo tại đây.


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

[Click here to Read More]

Thủ thuật với IDM tải Video và Game Flash !

ChoiBlog.TK thích sự nhiệt tình của clip này ! Nó khiến cho người yêu tin học phát huy nhiều ! Chúc anh em vui !

Bên dưới mình xin chia sẽ đường dẫn tải IDM 5.18 (KHÔNG CẦN CRACK)

Download:
Internet Download Manager 5.18.4.0 (ziddu.com)
Internet Download Manager 5.18.4.0 (hotfile.com)

[Click here to Read More]

Thủ thuật với IDM tải Video và Game Flash !

ChoiBlog.TK thích sự nhiệt tình của clip này ! Nó khiến cho người yêu tin học phát huy nhiều ! Chúc anh em vui !

Bên dưới mình xin chia sẽ đường dẫn tải IDM 5.18 (KHÔNG CẦN CRACK)

Download:
Internet Download Manager 5.18.4.0 (ziddu.com)
Internet Download Manager 5.18.4.0 (hotfile.com)

[Click here to Read More]

Tạo buttom nhảy lên, xuống hoặc vào giữa trang với lệnh javascript:scroll

Để tiện cho việc người khác lướt blog(web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang , hoặc nhảy vào giữa trang. Bài viết này mình sẽ hướng dẫn các bạn thực hiển nó.
Để cho sinh động, ta nên tạo nút bằng hình ảnh.
Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, tầm 30x30 px), dùng để tạo 3 button : lên, xuống, và giữa.

Các bước thực hiện: (ở đây mình giới thiệu cho blogspot)
1. Đăng nhập vào blog
2. Vào chỉnh sửa Code HTML
3. Chèn đọan code CSS bên dưới vào trước đọan code ]]></b:skin>

#top-buttom_image {
position:fixed;
_position:absolute;
bottom:5px;
right:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

bottom:5px;right:5px;: 2 đoạn code này để xác định vị trí hiển thị của các button trên màn hình.
4. Chèn đọan code sau vào trước thẻ đóng </body>

<div id='top-buttom_image'>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='{Link ảnh}'/></a><br/>
<a href='javascript:scroll(0,9999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='{link ảnh}'/></a>
</div>

- Thay code {Link ảnh} thành địa chỉ URL của ảnh mà bạn muốn hiển thị.

Chú ý: trong lệnh javascript:scroll(0,9999999) số 9999999 đặt càng lớn càn tốt, nếu đặt nhỏ quá, đối với những trang dài, nó sẽ không nhảy đến cuối trang được.
___________
- Ngoài việc cập nhật button nhảy vào giữa trang, mình còn giới thiệu cho các bạn 1 phương thức khác giúp nhảy xuống trang 1 cách chính xác hơn.
- Các bước thực hiện hoàn toàn tương tự như trên, chỉ thay đổi code ở bước 4 thành đoạn code bên dưới:

<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>

<div id='top-buttom_image'>
<a href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='{Link ảnh1}'/></a><br/>

<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='{link ảnh2}'/></a><br/>

<a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='{link ảnh3}'/></a>
</div>

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

[Click here to Read More]

Tạo buttom nhảy lên, xuống hoặc vào giữa trang với lệnh javascript:scroll

Để tiện cho việc người khác lướt blog(web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang , hoặc nhảy vào giữa trang. Bài viết này mình sẽ hướng dẫn các bạn thực hiển nó.
Để cho sinh động, ta nên tạo nút bằng hình ảnh.
Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, tầm 30x30 px), dùng để tạo 3 button : lên, xuống, và giữa.

Các bước thực hiện: (ở đây mình giới thiệu cho blogspot)
1. Đăng nhập vào blog
2. Vào chỉnh sửa Code HTML
3. Chèn đọan code CSS bên dưới vào trước đọan code ]]></b:skin>

#top-buttom_image {
position:fixed;
_position:absolute;
bottom:5px;
right:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

bottom:5px;right:5px;: 2 đoạn code này để xác định vị trí hiển thị của các button trên màn hình.
4. Chèn đọan code sau vào trước thẻ đóng </body>

<div id='top-buttom_image'>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='{Link ảnh}'/></a><br/>
<a href='javascript:scroll(0,9999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='{link ảnh}'/></a>
</div>

- Thay code {Link ảnh} thành địa chỉ URL của ảnh mà bạn muốn hiển thị.

Chú ý: trong lệnh javascript:scroll(0,9999999) số 9999999 đặt càng lớn càn tốt, nếu đặt nhỏ quá, đối với những trang dài, nó sẽ không nhảy đến cuối trang được.
___________
- Ngoài việc cập nhật button nhảy vào giữa trang, mình còn giới thiệu cho các bạn 1 phương thức khác giúp nhảy xuống trang 1 cách chính xác hơn.
- Các bước thực hiện hoàn toàn tương tự như trên, chỉ thay đổi code ở bước 4 thành đoạn code bên dưới:

<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>

<div id='top-buttom_image'>
<a href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='{Link ảnh1}'/></a><br/>

<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='{link ảnh2}'/></a><br/>

<a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='{link ảnh3}'/></a>
</div>

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

[Click here to Read More]