Thanh điều hướng kiểu breadcrumb (kiểu theo dấu vết ruột bánh mì) là thanh điều hướng cho phép người lướt web truy tìm nội dung theo chủ đề. Nó bắt nguồn từ câu chuyện dấu vết những cái ruột bánh mì bị bỏ lại bởi Hansel và Gretel trong truyện cổ tích nổi tiếng của anh em nhà Grimm.

Chuyện là thế này: Hansel và Gretel là 2 đứa trẻ trong một gia đình rất nghèo. Bố mẹ chúng nghèo quá đến nỗi không có gì để cho con cái ăn. Họ đã quyết định đem những đứa trẻ vào rừng và bỏ mặc chúng cho thú hoang ăn thịt. Hansel và Gretel đã phát hiện ra kế hoạch khủng khiếp này và có những biện pháp đề phòng trước. Chúng mang theo một cái bánh mì và thả rơi những mẫu ruột bánh mì dọc theo đường đi để tìm đường về nhà. Nhưng chẳng may chúng đã không tìm được đường về nhà và bị bắt giữ bởi một mụ phù thủy độc ác.


Từ câu chuyện này, ngày nay chúng ta có thể thấy thanh điều hướng theo kiểu “truy tìm đường theo mẫu ruột bánh mì” trên nhiều website để tìm lối trở lại Trang chủ.


Thanh điều hướng breadcrumb xuất hiện nằm ngang trên đầu trang web, thường nằm dưới hoặc trên tiêu đề bài viết. Chúng cung cấp đường dẫn trở lại trang trước, đến một chủ đề nào đó hoặc trở về trang chủ. Nhìn chung người thiết kế thường sử dụng các dấu phân cách như > hoặc ».

Thanh điều hướng breadcrumb điển hình trông như thế này:

Bạn đang ở : Home » Thủ thuật bloger » Tạo thanh điều hướng kiểu breadcrumb

Sau đây là hướng dẫn thiết lập thanh điều hướng breadcrumb cho Blogger:



Bước 1: Đăng nhập Blogger, vào Bố cục (Layout) – Chỉnh sửa HTML (Edit HTML).

Nhớ backup Template của bạn và chọn Mở rộng Mẫu tiện ích (Expand Widget Template).


Bước 2: Tìm đoạn code sau đây (Nhấn Ctrl+F để tìm):

<b:include data='top' name='status-message'/>Thay thế đoạn code trên bằng đoạn code sau đây:

<b:include data='top' name='status-message'/><b:include data='posts' name='breadcrumb'/>
Kế đến tìm đoạn code như bên dưới:

<b:includable id='main' var='top'>
và thêm trước nó với đoạn code sau đây:

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- No breadcrumb on home page -->

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- breadcrumb for the post page -->

<p class='breadcrumbs'>

<span class='post-labels'>

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>


<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>


</b:loop>

<b:else/>

</b:if>

&#187; <span><data:post.title/></span>

</b:loop>

</span>

</p>


<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- breadcrumb for the label archive page and search pages.. -->

<p class='breadcrumbs'>

<span class='post-labels'>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187;


<data:blog.pageName/>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:blog.pageName == &quot;&quot;'>


<a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<b:else/>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<data:blog.pageName/>

</b:if>


</span>

</p>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

Bước 3: Thêm đoạn code dưới đây vào trước dòng ]]></b:skin>.

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}

Lưu Template lại là xong.

Ngoài ra bạn còn có thể chỉnh sửa Css để thanh breadcrumb của bạn trông dễ nhìn hơn.Vd Blog mình có 2 dòng kẻ trên dưới breadcrumb

Nguồn : http://huudung.vantri.vn

Read more…

Gmail hiện là một trong những dịch vụ Email tốt nhất hiện nay. Vì thế một người thường sở hữu vài tài khoản Gmail. Nếu bạn muốn xóa bớt một trong số chúng thì làm thế nào. Rất đơn giản.

Trước hết bạn đăng nhập vào Gmail, chọn Setting > Account > Google Account settings một cửa sổ mới hiện ra, bạn chọn Edit.

Bạn có thể lựa chọn xóa dịch vụ Gmail, Web history, Google video hay xóa toàn bộ các dịch vụ liên quan.

Hãy cân nhắc cẩn thận trước khi quyết định xóa vì bạn không có cơ hội lấy lại đâu nhé.

Nguồn : http://www.thuvien.khunglong.info

Read more…

[FD's BlOg] - Bài viết hôm nay mình sẽ giới thiệu tổng quát để làm cho blogspot trông pro hơn, đẹp mắt hơn. (ở đây mình chỉ giới thiệu những cái cơ bản, tức là sửa chữa lại từ các nền tảng có sẵn của các Theme. Còn phần sửa lại hòan tòan bố cục của BlOg (HTML lẫn CCS ), thì mình không đề cập ở đây).

BlOg gồm có 3 phần chính : 
+ Header : gồm thanh Navbar và Banner.
+ Body : gồm phần đăng bài + các Widget
+ Footer : phần này bạn có thể tạo thêm các widget để trông pro hơn.

►Bắt đầu
1. Header:
- Để trông blog của bạn giống 1 Web hơn, điều đầu tiên là phải dấu thanh Navbar đi.

"Blogger NavBar là một thanh điều hướng và thanh công cụ có biểu mẫu cho phép mọi người tìm kiếm chỉ trong weblog của bạn sử dụng tính năng SiteSearch của Google và cho bạn khả năng xem những gì đang xảy ra với những blog khác mới được công bố gần đây chỉ bằng một nhấp. Thanh này thay thế các quảng cáo từng được hiển thị phía trên cùng của một số blog."

Để làm việc này, rất đơn giản, bạn vào phần chỉnh sửa Code HTML (bên phần layout- Bố cục), tìm đến dòng :
]]></b:skin>  và thêm đoạn mã sau vào trên dòng code vừa tìm được:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

Thế là xong, thanh Navbar đã biến mất. Thật đơn giản . Và bạn cũng hoàn toàn yên tâm, việc làm này không vi phạm những quy định cũng như chính sách sử dụng dịch vụ của Google Blogger.

- Tiếp đến là việc chèn 1 Banner vào Header. Việc này tùy vào mỗi người, có thể tự tạo ra banner hay 1 logo... mang phong cách riêng cho blog của bạn. Phần này mình cũng chưa hài lòng lắm với blog của mình.

2. Body:
a. Về các Widget :
- Khuyến cáo các bạn nên tự tạo các widget riêng cho mình, không nên xài những cái có sẵn mà blogspot hỗ trợ, sở dĩ mình nói như vậy là để tạo ra 1 cái riêng cho blog mình, và làm như thế mới thu hút người xem.
- Dễ nhất là tạo các widget HTML/Javascript mà blogspot hỗ trợ, rồi viết code vào đó để tạo ra 1 widget (nhớ để trống tiêu đề của widget HTML/Javascript khi bạn chèn vào). Như vậy widget hiện lên sẽ không có tiêu đề (chỉ có phần nội dung), không s ao, bạn có thể tự viết 1 tiêu đề cho từng widget này (viết vào phần đầu mỗi code khi bạn chèn code vào widget HTML/Javascript).
- Thông thường các widget (sidebar) này nằm ở bên trái hoặc phải phần bài đăng. Nếu các bạn muốn nó hiện ở phần bài đăng (trên hoặc dươi bài đăng), thì các bạn có thể tạo nó ở bên sidebar, rồi di chuyển chúng tới nơi muốn đặt, việc di chuyển chỉ đơn giản là nhấp và kéo chuột.(phần này bạn thực hiện trong bố cục --> phần tử trang).

b.Phần bài đăng
- Để trông pro hơn, các bạn nên sử dụng Nút "xem thêm..." ở mỗi bài v iết. Điều này rất có lợi cho việc load trang chính (đối với các bài có nhiều hình hay bài dài, việc này ảnh hưởng nhiều tới việc load trang chính), ngòai ra còn về việc thẩm mỹ. Điều này sẽ làm cho bố cục của trang chính trông gọn gàng hơn.
- Để làm điều này bạn có thể xem chi tiết tại đây.

c. Tạo các menu truy cập:
- Để làm việc này bạn tạo 1 cái widget HTML/Javascript. Các widget này cái bạn có thể đặt ở đâu tùy, thông thường đặt ngay trên đầu, ngay sau banner, hoặc đặt ở các sidebar bên trái.
- Ở đây mình giới thiệu 2 lọai menu : menu đơn thuần, và menu dạng cha con.

menu đơn thần
Menu kiểu cha con

- Hướng dẫn tạo menu đơn thuần : Các bạn có thể tham khảo đọan code bên dưới

<style type="text/css">
.nav2sub{ // CCS của menu
background:#F57900; //màu nền
margin-top:1px;
padding:1px;
color: #fff;; //màu chữ
margin: 1 1px;
padding: 5px 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-top:1px #fff solid; //màu và độ rộng của đường viền 
cursor:pointer;
}
</style>
<script type="text/javascript">

function otab()
{
document.write('<table border="0" bordercolor="#999" style="background-color: #FFF" cellspacing="0" cellpadding="0">');
}

function submn(submn_label,submn_text)
{
document.write('<tr><td onmouseover="this.style.background='#39'" onmouseout="this.style.background='F57900'" class="nav23sub" onclick="window.location.href=\'http://fandung.blogspot.com/search/label/'+submn_label+'\'">'+submn_text+'</td></tr>'); // tác động đổi màu khi rê chuột vào, các bạn có thể thay đổi màu tùy thích
}

function ctab(){
document.write('<\/table>');
}
function otab(child_id)
{
document.write('<table id="' + child_id +'" border="0" bordercolor="#999" style="background-">');
}

// end of define functions!

</script>
<table border="0" bordercolor="#999" style="background-">
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com'">HOME</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/nghe-nhac.html'">MUSIC</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/test.html'">PICTURE</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/push-button-publishing-phan-tien-dung.html'">ABOUT ME</td></tr>
<tr><td onmouseover="this.style.background='#039'" onmouseout="this.style.background='#F57900'" class="nav2sub" onclick="window.location.href='http://fandung.blogspot.com/2009/02/contact-me.html'">CONTACT ME</td></tr>
</table>

- Hướng dẫn tạo menu cha & con : mình đã có viết 1 bài hướng dẫn, các bạn có thể xem tại đây.

3. Footer: 
- Phần này tùy vào bạn. Có thể tham khảo footer của mình.

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

Nguồn : http://www.fandung.com/

Read more…

Không xem được bản tin trên email? Vui lòng xem trên trình duyệt của bạn

BẢN TIN VIETNAMWORKS 21/02/2012

TRANG CHỦ

TÌM VIỆC

TẠO HỒ SƠ

QUẢN LÝ NGHỀ NGHIỆP

CHỌN VIETNAMWORKS

Bí quyết thành công Nhật ký “săn” việc – 3 trong 1. Chào CHIEN, Tìm được một công việc mơ ước luôn đòi hỏi sự đầu tư về thời gian và công sức. Một trong những “trợ thủ” đắc lực của những người “săn” việc thành công đó chính là: nhật ký “săn” việc. Nhật ký này sẽ giúp bạn luôn kiểm soát và quản lý tốt các nguồn thông tin việc làm cũng như những mối quan hệ quan trọng trong sự nghiệp; từ đó chọn lựa và nắm bắt ngay những cơ hội việc làm tốt nhất. Để có một nhật ký “săn” việc hiệu quả, hãy bắt tay thực hiện 3 việc đơn giản sau! Xem Thêm » Nguyễn Thị Nguyên Hoàng Operations Manager VietnamWorks

Top 10 ngành nóng Bán Hàng (725) Marketing (512) IT - Phần Mềm(579) Kế Toán/Tài Chính (474) Hành chánh/Thư ký (453) Sản Xuất (383) Xây Dựng (285) Kế Toán/Kiểm Toán (325) Xem Thêm » IT - Phần Cứng/Mạng (295) Cấp quản lý điều hành(321)

Bản tin kỳ trước Đăng ký Bản Tin VietnamWorks

Thắc mắc hay phản hồi? Liên hệ với chúng tôi | Ngừng nhận Bản tin? Hủy đăng ký Quy định bảo mật | Thỏa thuận sử dụng Copyright © Công Ty Cổ Phần Navigos Group Việt Nam

Nguồn : www.vietnamworks.com

Read more…

Một số blog có Header banner thay đổi theo một khoảng thời gian nhất định, có blog lại thay đổi mỗi khi chuyển sang bài viết khác. Cách thực hiện cũng tương đối đơn giản không đến nỗi phức tạp, đơn giản bạn chỉ cần tạo các hình ảnh và copy chúng vào mã Script là xong.

Trong ngôn ngữ của Blog người ta gọi chúng làBanner Rotator Generator. Có 2 loại (1) Thay đổi Banner theo thời gian, (2) Thay đổi banner khi Load (nạp) trang mới.
Bài viết này anh3ngơ giới thiệu với các bạn cả 2 cách trên, để tạo chúng bạn chỉ cần Tạo widget HTML/Javascript rồi copy đoạn mã Script dưới và dán vào đó là xong.



(1) Thay đổi Banner theo thời gian

Với thí dụ dưới, 20 giây thay đổi banner một lần, trong đó banner thay đổi bởi 4 hình ảnh ("Link hình ảnh 1","Link hình ảnh 2","Link hình ảnh 3","Link hình ảnh 4") tương ứng với các link khi clic vào hình ảnh ("Link 1","Link2","Link3","Link4").
Bạn có thể thay đổi thời gian hiển thị bằng cách thay đổi giá trị 20000 (tương đương 20 giây)

<script type="text/javascript">
var imgs1 = new Array("Link hình ảnh 1","Link hình ảnh 2","Link hình ảnh 3","Link hình ảnh 4");
var lnks1 = new Array("Link 1","Link2","Link3","Link4");
var alt1 = new Array("Alt text 1","Alt text 2","Alt text 3","Alt text 4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",20000);
</script>
<a href=""Link 1"" id="adLink1 target="_top">
<img src="Link hình ảnh 1" id="adBanner1 border="0" width="125" height="125"></a>

Bạn có thể thêm Banner nhưng nhớ điều chỉnh giá trị  var imgCt1 = 4; tương ứng với số banner
Thay đổi chiều rộng và chiều cao width="125" height="125" tương ứng với tiện ích bạn sẽ sử dụng

(2) Thay đổi Banner khi load trang mới
Tương tự ví dụ trên, dưới đây là đoạn code để thay đổi 4 Banner có kích thước 468 x 60 px khi load trang mới.

<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
        rnd.seed = (rnd.seed*9301+49297) % 233280;
        return rnd.seed/(233280.0);
};
function rand(number) {
    var result = Math.ceil(rnd()*number);
    if (!result)result++;
        return result
};
var ad_cnt1 = 4;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="Link 1";
adBanner1="Link hình ảnh 1";
width1="468";
height1="60";
alt1="alt text 1";
}
if (ad1==2) {
link1="Link 2";
adBanner1="Link hình ảnh 2";
width1="468";
height1="60";
alt1="alt text 2";
}
if (ad1==3) {
link1="Link 3";
adBanner1="Link hình ảnh 3";
width1="468";
height1="60";
alt1="alt text 3";
}
if (ad1==4) {
link1="Link 4";
adBanner1="Link hình ảnh 4";
width1="468";
height1="60";
alt1="alt text 4";
}
document.write('<center><a href="' + link1 + '" target="_new">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
</SCRIPT>

Nếu tăng số lượng banner bạn thêm lần lượt theo thứ tự, ví dụ nếu muốn banner thứ 5 bạn thêm :

}
if (ad1==5) {
link1="Link 5";
adBanner1="Link hình ảnh 5";
width1="468";
height1="60";
alt1="alt text5";
}

Vào dưới code:

}
if (ad1==4) {
link1="Link 4";
adBanner1="Link hình ảnh 4";
width1="468";
height1="60";
alt1="alt text 4";
}

Và thay đổi giá trị var ad_cnt1 = 4; tương ứng với số banner (hình ảnh), trong thí dụ trên nếu thêm banner thứ 5 thì giá trị của nó sẽ là var ad_cnt1 = 4;
Nhớ thay đổi giá trị chiều cao và rộng cho phù hợp.

Trên đây là hướng dẫn thực hiện cách để chạy một tiện ích thay đổi banner trên blog, nếu bạn muốn có tiện ích thay đồi thứ 2 thì cần thay các giá trị thành số tiếp theo (thay các giá trị imgs1, lnks1, currentAd1,... thành số tiếp theo tương ứng với số tiện ích), ví dụ với tiện ích thay đổi banner thứ 2 trên blog thì các giá trị của nó sẽ là (imgs2, lnks2, currentAd2,...)

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

Nguồn : http://vinh36.blogspot.com/

Read more…

(Đại học Công nghệ Sài Gòn)
Đây là phần video và bài truyền động cơ khí trong robot mà thầy Thắng vừa mới chép cho mình tối 05/04/2012. Mình upload lên cho các bạn nào có nhu cầu thì download về tham khảo.

Tên giáo trình và video	Link tải
Velocity, Force and the Jacobian Part 1 - YouTube	Tải về tại đây
Velocity, Force and the Jacobian Part 2 - YouTube	Tải về tại đây
Velocity, Force and the Jacobian Part 3 - YouTube	Tải về tại đây
Velocity, Force and the Jacobian Part 4 - YouTube	Tải về tại đây
Truyền động cơ khí trong robot	Tải về tại đây

Read more…

Robot công nghiệp là một môn học còn khá mới ở Việt Nam, hiện nay tuy môn học này đã được đưa vào các trường Cao đẳng, Đại học, nhưng cũng có một vài ngành là được học môn học này thôi. Và độ khó của môn học này thì khỏi phải bàn luôn, toán áp dụng vào môn học này sử dụng hầu hết các chương trình từ đầu những năm học cấp 3 cho đến hết toán đại cương thời Cao đẳng, Đại học. Do vậy, mà nếu ai để mất căn bản hay học lơ tơ mơ môn toán thì khi gặp môn này là chịu chết luôn và được gặp lại thầy dạy....dài dài.
Tài liệu môn này tuy cũng có nhưng còn rất ít, nhưng mình thì cũng có sưu tầm được một số tài liệu của các thầy Phạm Đăng Phước, Nguyễn Hoàng Long, cùng với một số bài tập có lời giải + phần mềm mô phỏng.

Nếu ai quan tâm đến môn này thì lên đây mà tải về nhé :
Tài liệu của thầy Phạm Đăng Phước : http://www.mediafire.com/?thxiv32f34m18ct
Tài liệu của thầy Nguyễn Hoàng Long (mình chỉ có được 1 chương 4 là bài toán động học ngược thôi) : http://www.mediafire.com/?5y6vvd4evdfxvt5
Bài tập có lời giải : http://www.mediafire.com/?na91enbf419dfoh
Bài tập lớn Robot công nghiệp : http://www.mediafire.com/?lxnhecn8n7113k4
Phần mềm mô phỏng easy rob. : http://www.mediafire.com/?htuc7y8jwqllkm1
Số tài liệu trên mình phải tốn tiền với những trang chia sẽ mà bắt mình phải nạp tiền mới cho download, nên mình chỉ cần tốn tiền một lần thì các bạn khỏi phải tốn thêm lần nữa mà vẫn có được tài liệu luôn.

Read more…