[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]