Tự động mở link ngoài Website khi click vào link trên Blogspot

Như các bạn đã biết, muốn độc giả khi click vào link trên blog và mở ra một cửa sổ mới thì ta phải thêm thuộc tính target="_blank" vào. Tuy nhiên không phải lúc nào ta cũng nhớ để làm công việc này, và thật sự là mất thời gian đối với một bài viết hay đoạn code nào đó trong template có nhiều link. Vì vậy đoạn js mình sẽ giới thiệu bên dưới sẽ giúp bạn tự động thêm thuộc tính target="_blank" vào tất cả đường link trên blog. Tuy nhiên bạn không phải lo lắng về những đường link trên blog của mình, nó chỉ có tác dụng đối với những đường link bên ngoài, do vậy độc giả của bạn sẽ không rời khỏi blog của bạn đâu. Hơn nữa lại thân thiện với SEO và hoạt động tốt với tất cả các trình duyệt.


Thêm code vào template
Bạn chèn đoạn js sau vào trước thẻ đóng </head>

Code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
     if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>

• Đoạn mã được thêm 2 lần cho các liên kết được bắt đầu bằng cả http và https
• Hai đoạn mã == -1 có tác dụng chỉ thêm thuộc tính target="_blank" vào các liên kết bên ngoài. Nhưng nếu bạn muốn áp dụng cho tất cả các đường link trên blog thì thay thế bằng ==1
• Xóa đoạn code
  Code:

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

  nếu trong template của bạn đã có jQuery rồi

Read More

Huớng dẫn tạo khung Thông tin tác giả dành cho Blogger - Blogger Author Box

Trước tiên mới các bạn xem hình ảnh Demo:​

Bước 1: Đầu tiên ta vào phần chỉnh sửa template, và tìm đến đoạn:

Code:

]]></b:-skin>

Sau khi tìm ra vị nó nằm ở đâu, bạn dán đoạn CSS này ở phía trên của nó:

Code:

.author-box{background:#CFCFCF;width:570px border:1px dashed #999; margin-top:20px; overflow:hidden; padding:10px}
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:483px}
.info-author h2{font-size:18px}

Bước 2: Việc đơn giản cuối cùng đó là bạn đưa đoạn code sau đây đến bất cứ chỗ nào mà bạn muốn chèn khung thông tin tác giả:

Code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                                    <div class='author-box'>
                                        <b:if cond='data:post.author == &quot;Thay tên tác giả vào đây&quot;'>
                                            <img class='avatar-author' height='80' src='Hình tác giả' width='80'/>
                                            <div class='info-author'>
                                                <h2>Thông tin tác giả:<a href='Link website của tác giả' target='_blank'>Tên tác giả</a></h2>
                                                <p>Lời giới thiệu</p>
                                            </div>
                                        </b:if>
                                    </div>
                                </b:if>

Thường thì đoạn code Thông tin tác giả này được chèn ở 1 trong những đoạn sau trong template của bạn:

Code:

<div class='post-footer-line post-footer-line-1'>

Hoặc

Code:

<div class='post-footer-line post-footer-line-2'>

Hoặc

Code:

<div class='post-footer-line post-footer-line-3'>

Hoặc nếu template của bạn không có 3 đoạn trên, thì chèn vào dưới đoạn:

Code:

<data:post.body/>

Lưu 1 số điều:

Phần thay tên tác giả vào đây là bạn sẽ chèn tên profile của tác giả đó vào, nếu bạn điền không đúng tên thì khung tác giả sẽ không xuất hiện.
Cứ mỗi 1 tác giả là bạn phải tạo 1 đoạn code riêng, và điền đầy đủ info, link, avatar của người vào.
Tùy vào mỗi template, bạn có thể tùy chỉnh bố cục màu sắc của khung tác giả tùy theo ý thích ở phần CSS nhé!

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

Read More

Thêm hình nền cho video youtube cho Blogger

Hôm nay mình sẽ hướng dẫn một cách thêm hình nền cho video từ youtube một cách mới ngắn gọn hơn, cụ thể là bạn chỉ việc dán CSS và JS vào template một lần duy nhất.
Demo:

CSS

Các bạn thêm đoạn CSS sau đây vào template:

Code:

.youtube-tvl {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9Ofc204K9fBMtkFDHU2MBr62aymzMSB7Za3Vkwp2uBvJKQAGlvmRl084JmCROi5Tz7PGZs63hFnp_FRIZRftYGs-X6e6rSLh1mFIZF78Gp9wd26hcKPfNypeKXQN7bOabNNjytA4Q4k7/s1600/troll-frame.png') no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px}

Bạn có thể thay link hình ảnh màu đỏ bằng 1 trong số link dưới đây:

• 
  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9Ofc204K9fBMtkFDHU2MBr62aymzMSB7Za3Vkwp2uBvJKQAGlvmRl084JmCROi5Tz7PGZs63hFnp_FRIZRftYGs-X6e6rSLh1mFIZF78Gp9wd26hcKPfNypeKXQN7bOabNNjytA4Q4k7/s1600/troll-frame.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikCg_wl7v5gqrTao8-DmJajWLOZsBDMqb1kxy9bjCOMRZy0AIWSGPDW2dW_c36ytiVLXPmWBXcEYxjBiZgZi08xDobRyvEyrW6fCCd2xZUTMWU5qYRcXF9gQIHchqt_TiBCc-3c47RwtHr/s1600/frametvl1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvX-BtIDwESFQGhjm5yRe5rkhWuDodsoAAO-oHOWoxVERxt_xGmPjoX22KMIXPSeIs82wfAjUNjxVJ0pWIaf8edWsqCXhZtnTI-dA_mafR0dLqX97AigomR9zslX7EjoeMZulA7_0N9hsf/s1600/frametvl3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihZr135cG0JVHmutkR2FU7SJ9D0-iHW6T_ArsDzjUBcOYNfk04YZF9wIE-P53v1u5sJfOArpRIyRKN89aznCkRLNX8adoTNK89aM7gmaY5DMy8C9VPpdVOXyoe0GNy_UHpueT0uwOGvJXO/s1600/frametvl2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGyj5mYkeGgPmoLC1z1abbJK1D8qLvdO5px7ICUN_TJLWugDBSgj0eUtawI9YbOfJrAufVUbpYkPA8GV8lhplOXNnvwn8sBL3lddWmTG5cOkCTpvae1EEu3M3qi6BI-R5GtCLIxKe0uoi/s1600/frametvl4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaY2q-frkkI8duTYz0CN1sj8yMyhapqj7ngoiBoSm-nQgXnxVzJbVIDpoWIO7LCo9R5djXSFPjuwQ018TKo5Ui-XWVSBGEovTp1cNBXpUIA3Lp277DCLcnWagCLZndbIDKZZzBeLnSoS56/s1600/tvl-frame.png

Chèn đoạn JS bên dưới vào trước thẻ đóng </body> sau đó lưu lạiCode:

<script type='text/javascript'>
//<![CDATA[
var _0xaa5c=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x79\x6F\x75\x74\x75\x62\x65\x2D\x74\x76\x6C\x22\x3E\x3C\x69\x66\x72\x61\x6D\x65\x20\x77\x69\x64\x74\x68\x3D\x22\x35\x30\x30\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x33\x30\x30\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x65\x6D\x62\x65\x64\x2F\x24\x31\x22\x20\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x61\x6C\x6C\x6F\x77\x66\x75\x6C\x6C\x73\x63\x72\x65\x65\x6E\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E\x3C\x2F\x64\x69\x76\x3E","\x72\x65\x70\x6C\x61\x63\x65","\x68\x74\x6D\x6C","\x62\x6F\x64\x79"];var _0x7554=[_0xaa5c[0],_0xaa5c[1],_0xaa5c[2],_0xaa5c[3]];var _0x677d=[_0x7554[0],_0x7554[1],_0x7554[2],_0x7554[3]];$(_0x677d[3])[_0x677d[2]](function (_0xd813x3,_0xd813x4){return _0xd813x4[_0x677d[1]](/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g,_0x677d[0]);} );
//]]>
</script>

Thực hiện khi viết bài


Từ giờ các bạn chỉ việc dán link youtube vào khung soạn thảo bài viết hệ thống khác tự động đổi từ link sang mã nhúng kèm hình nền.

Read More

Hướng Dẫn Xóa Chữ Cung Cấp Bởi Blogger

 Khi chúng ta sử dụng template của blogger, thường hay dính chữ (Được cung cấp bởi Blogger). Hôm nay mình sẽ hướng dẫn các bạn xóa dòng chữ đó để website của mình trông bắt mắt hơn.
1. Các bạn vào Mẫu -> Chỉnh sửa HTML và tìm dòng chữ sau:

Code:

' attribution '

Tiếp theo để ý dòng chữ sau:

Code:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Thay thế từ true (màu xanh) thành false và lưu mẫu lại.

2. Cuối cùng vào Bố cục tìm tiện ích [Định cấu hình Thuộc tính] Cung cấp bởi blogger và xóa đi là xong

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

Read More

Tài liệu Đồ gá cơ khí và tự động hóa ĐHBKHN

Giáo trình đồ gá cơ khí

Đồ Giá Cơ Khí Và Tự Động Hoá: được biên soạn với mục đích chính là dùng làm tài liệu học tập cho môn học Đồ giá theo chương trình đào tạo kỹ sư cơ khí hệ đại học và cao đẳng
Nội dung của cuốn sách tập trung trình bày phương pháp tính toán và thiết kế đồ giá máy cắt kim loại trên cơ sở kết hợp vận dụng kiến thức và kinh nghiệm của các môn học khác thuộc lĩnh vực chuyên môn cơ khí chế tạo máy, góp phần đảm bảo và nâng cao hiệu quả kinh tế ngành cơ khí, phù hợp với điều kiện sản xuất hiện tại và xu hướng phát triển tất yếu.

Mục Lục:
Lời giới thiệu
Bài mở đầu: Công dụng của trang bị công nghệ cơ khí - phân loại

Chương 1: Thiết kế đố gá chuyên dùng trên máy cắt kim loại vạn năng thông thường
1.1. Cơ sở thiết kế đồ gá chuyên dùng
1.2. Đồ định vị
1.3. Kẹp chặt và cơ cấu kẹp chặt
1.4. Cơ cấu dẫn hướng và kiểm tra vị trí dụng cụ cắt
1.5. Các cơ cấu khác của đồ giá
1.6. Trình tự thiết kế đồ gá chuyên dùng gia công cắt gọt
1.7. Một số loại đồ gá dùng khí nén

Chương 2: Dụng cụ phụ
2.1. Khái niệm chung
2.2. Cơ cấu kẹp dụng cụ trên máy khoan
2.3. Cơ cấu kẹp dao trên máy tiện
2.4. Cơ cấu kẹp trên máy phay

Chương 3: Đồ gá lắp ráp
3.1. Phân loại đồ gá lắp ráp
3.2. Thành phần cảu đồ gá lắp ráp
3.3. Đồ gá thay đổi vị trí đối tượng lắp ráp
3.4. Đặc điểm của thiết kế đồ gá lắp ráp chuyên dùng

Chương 4: Đồ gá kiểm tra
4.1. Khái niệm chung
4.2. Thành phần của đồ gá kiểm tra
4.3. Ví dụ đồ gá kiểm tra

Chương 5: Tiêu chuẩn hoá và linh hoạt hoá trang bị công nghệ
5.1. Phương pháp tiêu chuẩn hoá và linh hoạt hoá trang bị công nghệ. Bộ linh kiện trang bị công nghệ tiêu chuẩn
5.2. Xây dựng đồ gá linh hoạt cho sản xuất hàng loạt với máy cắt kim loại thông thường

Chương 6: Trang bị công nghệ dùng trên dây chuyền gia công linh hoạt và tự động hoá
6.1. Đặc điểm công nghệ và cấu trúc kỹ thuật của dây chuyền gia công linh hoạt
6.2. Các loại trang bị công nghệ trên dây chuyền gia công linh hoạt FMS
Download: Đồ gá cơ khí và tự động hóa

Read More

Tài liệu Cơ sở Máy công cụ ĐHBKHN

Trong ngành Cơ khí Chế tạo máy thì Máy công cụ có vai trò quyết định đến chất lượng chế tạo các chi tiết máy. Máy công cụ của ngành chế tạo máy phần lớn là các máy cắt gọt có chủng loại và kích cỡ rất phong phú và đa dạng.

Các kiến thức cụ thể được đề cập trong giáo trình tham khảo sau:

Download: Cơ sở Máy công cụ

Read More

Sổ Tay Mác Thép Thế Giới - Tài Liệu Cơ Khí

Đối với nghành Cơ khí và Xây dựng, công việc lựa chọn vật liệu chế tạo chi tiết là bước quan trọng hàng đầu khi gia công và chế tạo sản phẩm. Vật liệu được dùng chủ yếu trong ngành Cơ khí là vật liệu thép, tùy từng mục đích sử dụng của sản phẩm mà chúng ta lựa chọn các loại mác thép khác nhau, với các thông số kỹ thuật bên trong từng mác thép đó. 

Để đơn giản hóa trong việc lựa chọn hay tìm ra mác thép phù hợp các tác giả đã tổng hợp và viết cuốn sổ tay tra mác thép thế giới. 

Download: Sổ Tay Mác Thép Thế Giới

Read More

Share Ijonkz v1.3 – Blogger Template tin tức đẹp

• Phiên bản hiện tại: 1.3
• 100% Responsive (đóng hộp hoặc đầy đủ)
• Hướng dẫn Các bài viết từ Image Widget (Responsive chạy mau Slideshow)
• Tự động bật Post (Responsive chạy mau Slideshow)
• Hỗ trợ Blogger Template Customize Editor (Upload Image Background)
• Nhẹ Auto đọc hơn (hỗ trợ hình ảnh của bên thứ ba, và Youtube Thumbnail)
• Ajax Page Navigation
• Tabs Widget sẵn sàng (Sidebar)
• Ajax JSON Kết quả tìm kiếm *
• Ajax bài viết gần đây của Tag (9 bài viết Loại (trượt, dọc, Kết hợp, Gallery 1, Gallery 2, Hot, đơn giản, Noimage và ngang) hỗ trợ Random Post) Hỗ trợ Ajax Load More *
• Ajax bình luận gần đây Widget *
• Ajax Related Post Widget với Slider Effect
• Ajax Tin tức Mã Widget *
• Hai View Mode (Danh sách và Grid) Cookies rộng
• Tối ưu hóa SEO
• ảnh tự động thay đổi kích cỡ ảnh nhỏ
• Meta Keywords Và Mô tả Hỗ trợ (Official Meta Description Hỗ trợ)
• Cho phép khách tăng / giảm kích thước văn bản và tự động nhớ cho tương lai.
• Mát blogger luồng bình luận (Hỗ trợ Google+ Comment) với Emoticon
• 3 Comment System (Blogger, Facebook, Disqus)
• Lỗi tùy chỉnh 404 trang
• Sidebar dính
• Tuỳ chỉnh biểu tượng Share widget (addthis Plugin widget)
• bố trí quản trị chuyên nghiệp, giúp bạn dễ dàng làm việc với bố trí blog.
• Hỗ trợ In CSS và cho phép khách tham quan chia sẻ bài viết email
• shortcodes hỗ trợ
• Hỗ trợ Mega New Menu
• Hỗ trợ Post Preview
• Thêm ánh sáng phiên bản Trọng lượng mới
• Hỗ trợ RTL Ngôn ngữ
• Tương thích với các trình duyệt chính (IE8 +, Mozilla, Chrome, Safari, Opera)

Download: Ijonkz v1.3

Read More

Free Blogger Template tin tức giao diện đẹp Sevida v1.7

Blogger Template Sevida v1.7 rất thân thiện với công cụ tìm kiếm, nếu bạn đang tìm một blog chuẩn seo và đẹp thì Sevida v1.7 sẽ giúp bạn có được một blog cá nhân dạng tạp chí khá hoàn chỉnh.

Download: Sevida v1.7

Read More

Sửa lỗi phân trang blogger trong chỉnh sửa HTML

Chỉnh sửa HTML để tạo menu phân trang cho blog, khi lưu mẫu thấy báo lỗi : Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.



Thông báo lỗi XML: The reference to entity "max-results" must end with the ';' delimiter.


Để khắc phục, ta chỉ cần thêm amp; vào sau dấu ?: VD trên blog của tôi: Link của trang nhãn lúc đầu:

http://mchiase.blogspot.com/search/label/Thủ thuật internet?&max-results=6 ta đổi thành

Code:

http://mchiase.blogspot.com/search/label/Thủ thuật internet?&max-results=6

 Như vậy là xong.

Read More

Hướng dẫn tối ưu hóa công cụ tìm kiếm Blogspot

Cách cài công cụ search google cho nguồn cấp của trang .
Như ta đã biết mặc định công cụ tìm kiếm của Blogspot chỉ giới hạn tìm kiếm các từ khóa trên title điều này sẽ gây hạn hẹp nội dung tìm kiếm cho người dùng trên blog.
Cách này sẽ giúp Blog bạn tối ưu hóa công cụ tìm kiếm giúp người dùng dể dàng tìm ra nội dụng mà họ mong muốn. Ở trang trên khi sử dụng công cụ tìm kiếm tìm 1 từ khóa nào đó dù nó không nằm trên title Google vẫn đưa ra các kết quả liên quan trên trang, việc này có lợi khi người dùng không biết chính xác từ khóa hoặc người đăng bài không chèn từ khóa trên title.
Vào trang sau: http://www.google.com.vn/cse/

Chọn mã để chèn vào blog, tại đây bạn có 2 loại code để dùng 1 loại dùng cố định mẫu đoạn còn lại có thể tùy chỉnh màu sắc kích thước khung tìm kiếm.

Read More