Hướng dẫn lấy hình thu nhỏ Video Youtube | Youtube Partner

Làm youtube đôi khi bạn cần lấy Hình Thu Nhỏ của video youtube bạn reup về. Nhưng có vài bạn sẽ không biết làm như thế nào để lấy được nó. Hôm nay mình sẽ đưa ra hai cách giúp bạn lấy hình thu nhỏ:

Cách 1: Lựa chọn hình thu nhỏ khác nhau của một video

Cách 2: Lựa chọn hình theo chất lượng Video

TIẾN HÀNH NHÉ 

Cách 1: Lựa chọn hình thu nhỏ khác nhau của một video

==> Chèn ID Video Youtube của bạn muốn lấy vào phần VIDEO-ID theo link sau. Với cách này các bạn có thể chọn một trong bốn hình thu nhỏ của Video.





Cách 2: Lựa chọn hình theo chất lượng Video
Để lấy hình ảnh các bạn cũng cần thay VIDEO-ID theo hướng dẫn bên trên.






Trên đây là cách lấy hình thu nhỏ video youtube mà các bạn cần tham khảo nếu muốn chia sẻ video, hình ảnh từ video mà không muốn phải chụp màn hình :). Việc làm này sẽ giúp bạn có được Hình Thu Nhỏ một cách nhanh nhất và đẹp nữa. Tiết kiệm được thời gian hơn. 

Cách Khắc Phục Lỗi Disk 100% win 8, win 8.1

Khắc phục lỗi Full Disk



1/ Xử lý phần Troubleshooting 
Vào Control Panel, gõ Troubleshooting trên ô tìm kiếm và chọn vào Items Troubleshooting



Cửa sổ hiện ra, nhấn vào System and Security



Cửa sổ mới hiện ra, chọn vào Systam Maintenance



Thông báo hiện ra, bạn chọn Next như hình:



Sau đó cứ để cho máy nó làm việc khi xuất hiện thông báo Systam Maintenance như hình thì nhấn vào mục Try troubleshooting as an administrator


Và chờ cho nó chạy miết đến khi nào có chữ Close thì nhấp vào. Xong!


2/ Tắt Maintenance 

Mở Action Center bằng cách click trái chuột vào lá cờ ở dưới Taskbar góc dưới bên phải, chọn Open Action Center.



Tiếp theo click chuột vào mũi tên đánh dấu đỏ cho hướng lên như hình để hiện chi tiết hơn phần thiếp lập Maintenance. Chọn Setting như hình:



Sau đó, tick vào lựa chọn: Never check for solutions (nốt recommended)



Chọn OK. Xong thao tác.

3/ Tắt Windows SmartScreen

Cũng như tắt Maintenance, bạn vào Action Center như thao tác 1, sau đó nhìn sang phía trên trái có mục Change Windows SmartScreen Settings, click chuột vào mục này:


Sau đó chọn Don’t do anything (turn off Windows SmartScreen) như hình:



Chọn OK. Xong thao tác.

4/ Tắt Service Super fetch

Khởi động Task Manager (có thể dùng tổ hợp phím nóng: Ctrl + Shift + Esc). Chuyển qua tab Service, chọn Open Service. Cửa sổ Services hiện ra, lăn xuống tìm dịch vụ Super fetch:



Nhấp đôi chuột vào Super fetch, chọn Disable như hình:



Chọn OK > Apply. Xong thao tác.

5/ Tắt Service Windows Search

Thực hiện các bước như tắt Service Super fetch, nhưng trong cửa sổ Services, thay vì đi tìmSuper fetch thì bạn tìm Window Search



Click đúp chuột vào dịch vụ Windows Search, tại Startup type, chọn Disable.



Và cuối cùng làm 5 cách trên các bạn bật Task Manager lên kiểm tra xem lỗi Full Disk còn nữa hay không. Truờng hợp này mình để cuối cùng vì không chắc ai cũng gặp phải nên các bạn xem có bị hay không :)



Trong Tab Proceses các bạn coi xem phần Antimalware Service Excutable chạy rất ngốn Memory. Màu đậm hơn những App khác thì lúc này là do Windows Defender lúc nào cũng quét bất kể có lệnh hay không. Làm máy lúc nhanh lúc chậm. Không ổn định và hại máy về lâu về dài nữa. Điều cần làm lúc này là Tắt cái Windows Defender đó đi hoặc là Gỡ bỏ nó luôn. Nhất là bạn nào dùng trình diệt Virus từ bên thứ 3 thì gỡ bỏ là tốt nhất.
Đây là hướng dẫn tắt Windows Defender bằng Video:


Còn bạn nào muốn gỡ bỏ thì Download công cụ này về vì ta không thể gỡ Windows Defender ra khỏi hệ thống mà cần 1 phần mềm trung gian dưới đây:



Mọi người có gì thắc mắc thì comment xem mình có giúp được gì thêm không nha :) :p

P/s: Thấy hay like cho mình lấy tinh thần.Hj :)

Bổ sung

Mình cũng k biết là ntn vì mình cũng k thể biết hết các nguyên nhân. Đây là những cách mà mình đã làm trên máy của mình và những lỗi mình đã gặp. Có những cái là học hỏi và có những cái mình tự mày mò. Cái lỗi full disk này nó đến từ khá nhiều nguyên nhân có thể do Windows hoặc có thể do phần mềm các bạn cài vào hoặc cũng có thể do hàng tá thứ khác nữa. Phần cứng cũng có thể :(( Các bạn làm theo như trên mà hết thì mình cũng rất vui còn k hết thì phải nghiên cứu thêm thoai. Up màn hình Task Manager lên cho mình và m.n tìm cách giải quyết nhé. Thân m.n!!

Nguồn: http://www.tinhte.vn/

Hướng dẫn mời bạn bè vào Group (nhóm) Facebook mới nhất

Cách thêm tất cả bạn bè vào group (nhóm) facebook
Hướng dẫn cài add on tự động mời bạn bè vào group (nhóm) trên facebook. Add on Facebook Group Invite All 

Lưu ý: 
+ Chỉ áp dụng được cho trình duyệt google chrome.
+ Mỗi ngày chỉ được phép mời tối đa 700 thành viên
+ Khi đạt mốc 700 thành viên các bạn nhấn nút F5 hoặc bấm chuột phải chọn reload hoặc tải lại trang... để tải lại trang (Reload).

B1: Các bạn vào link:

Cách thêm nhanh bạn bè vào group (nhóm) trên facebook
Cách thêm nhanh bạn bè vào group (nhóm) trên facebook

B2: Các bạn bấm vào nút Miễn phí hoặc Free như hình trên để cài đặt

B3: Tiếp tục bấm nút thêm hoặc add để hoàn tất quá trình cài đặt 

Bên góc phải trình duyệt  hiện lên biểu tượng logo như hình bên dưới là bạn cài đặt thành công!!!
Hướng dẫn mời bạn bè vào Group (nhóm) Facebook mới nhất


B4: Các bạn vào link 
https://www.facebook.com/groups/......... Bấm vào biểu tượng logo màu xanh bên góc phải chờ 1 chút màn hình xuất hiện bảng màu xanh như bên dưới là phần mềm tự động thêm bạn bè vào group cho bạn.


Lưu ý: Mỗi ngày chỉ thêm được tối đa 700 thành viên vào nhóm -> khi đạt đủ 700 thành viên thì bạn bấm nút F5 trên bàn phím để reload (tải lại trang) mai lại thêm tiếp.

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

Nguồn: camerahcm.blogspot.com

Hướng Dẫn Tạo Website Bán Hàng Trong 13 Phút

Tạo website bán hàng vô cùng quan trọng - vậy đối với những bạn mới bắt đầu mà chưa có kinh phí thì làm sao. Mình nghĩ nên chỉ mua cái tên miền và kinh doanh thử xem sao rồi tính đến việc phát triển.
Hướng Dẫn Tạo Website Bán Hàng Trong 13 Phút
Hướng Dẫn Tạo Website Bán Hàng Trong 13 Phút

VIDEO HƯỚNG DẪN 

Tiện Ích Popular Posts dạng Slides trượt dọc cho Blogger

Bước 1: Thêm widget Popular Posts vào blogspot của bạn!
1.1- Đăng nhập vào Blog
1.2- Vào mẫu (Template)
1.3- Chọn Thêm Tiện ích (Add Widget)
1.4. Bấm chọn mục bài đăng phổ Biến (Popularposst):
1.5. Chọn số bài hiển thị là 4 bài nha.
1.6- Lưu tiện ích lại.

Bước 2: Tùy chỉnh Popular Posts Rotating Slides cho blogspot của bạn!
2.1- Thêm tiện ích HTML/Javarscip và dán code bên dưới vào.

<style type="text/css" media="screen">

#PopularPosts1 {
overflow:hidden;
margin-top:5px;
width:100%;
padding:0px 0px;
height:310px;
}

#PopularPosts1 ul {
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:10px 0px 0px 10px;
}

#PopularPosts1 li {
 width:290px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://4.bp.blogspot.com/-AexFsTTa33c/TmFNoxg9zSI/AAAAAAAAE6I/7K8bPKYBr8Q/s400/popular%2Bposts.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
   
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
text-decoration:none;
color:#7CA2C4;
font:bold 12px verdana;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:2px solid #7CA2C4;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#289728;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tags span,
.tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>
2..2- Lưu tiện ích lại.
2.3- Di chuyển thiện ích HTML/Javarscrip này lên trên tiện ích Popular posts các bạn đã thêm ở bước 1. như hình dưới đây:

Bước 3 » Tùy chỉnh giao diện hiển thị của tiện ích:

  • height:310px; là chiều cao của box bài viết.
  • width:310px là chiều rộng của khung tiện ích.
  • Để thay đổi độ rộng của đoạn văn bản bạn thay đổi width:290px;. Lưu ý phần này nhỏ hơn độ rộng của khung tiện ích bên trên 20px. Trong ví dụ này chiều rộng của khung là 310px và chiều rộng văn bản này là 290px.
  • Để thay đổi màu sắc tiêu đề, màu sắc liên kết và kích cỡ chũ bạn lần lượt chỉnh sửa  color:#7CA2C4; font:bold 12px verdana; .
  • Để thay đổi kích thước và màu đường viền ảnh thumbnail bạn lần lượt chỉnh sửa: border:2px solid #7CA2C4
  • Để thay đổi kích thước font chữ, và màu sắc của đoạn văn bản mô tả lần lượt chỉnh sửa code màu hồng.
  • Nếu màu nền blog của bạn là màu đen hoặc màu tối thì hãy thay thế mã:
background:#fff url(http://4.bp.blogspot.com/-AexFsTTa33c/TmFNoxg9zSI/AAAAAAAAE6I/7K8bPKYBr8Q/s400/popular%2Bposts.jpg) repeat-x; 
Thành mã sau: 
background:#fff; 
Thay thế #fff thành màu nền của bạn.

Lưu lại và xem kết quả nhé...

Popular Post cho Blogger có hiệu ứng đẹp mắt

Tiện ích Popular Post trong bài viết này mình giới thiệu có hiệu ứng đẹp mắt và hữu dụng. Cụ thể, tiện ích Popular Post này có hình ảnh thu nhỏ và hiện thị tiêu đề bài viết, nội dung tóm tắt khi bạn rê chuột vào.
Popular Post cho Blogger có hiệu ứng đẹp mắt
Popular Post cho Blogger có hiệu ứng đẹp mắt

Bước 1: Trước tiên bạn cần tạo tiện ích Popular Post
1. Đăng nhập vào Blog
2. Vào mẫu (Template)
3. Chọn Thêm Tiện ích (Add Widget)
4. Bấm chọn vào bài đăng phổ Biến (Popular Posts)
5. Save lại

Bước 2: Tiếp theo, chúng ta sẽ tạo hiệu ứng cho tiện ích vừa tạo
1. Đăng nhập vào blog
2. Chọn mẫu (template)
3. Chọn chỉnh sửa HTML.
4. Chèn đoạn code dưới đây trước thẻ ]]></b:skin> Sau đó Lưu lại và xem kết quả
.PopularPosts .widget-content ul li{padding:0;position:relative} .item-snippet {font-size: 90%;line-height: 1.2em;position: absolute;width: 230px;background-color: whiteSmoke;padding: 7px;border-top: 2px solid #FF0202;z-index: 2;left: 300px;top: 60%;height: 4.5em!important;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;} .PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible} .PopularPosts img{width:50px;height:50px} .PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%}

Xóa Auto Readmore Trong Blogger

Đôi lúc bạn cần những template không cần AUTO READMORE để dùng cho việc seo landing hoặc các website thông tin dễ dàng hơn cho khách hàng. Vì vậy mình sẽ cung cấp giải pháp Xóa Auto Readmore Trong Blogger.

Các bước thực hiện các bạn làm như sau:
1- Vào thiết kế (Design)
2- Chỉnh sửa HTML (Edit HTML)
3- Mở rộng tiện ích mẫu 


Sau đó các bạn tìm đến đoạn Code có dạng tương tự như sau:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>read more &#187;</a>
</div>
</b:if>
</b:if>

Bạn thêm ký tự <!-- --> vào 2 đầu của phần chữ màu xanh bên trên, khi đó các bạn được như sau
b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmore-wrap'>
<!-- <a class='readmore' expr:href='data:post.url'>read more &#187;</a>  -->
</div>
</b:if>
</b:if>

Tiếp theo các bạn tìm đến đoạn code sau
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>  
      </div>
    </b:if>

làm tương tự như với code trên
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
<!--   <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>  -->
      </div>
    </b:if>

Lưu Template lại và xem thành quả!

Tạo Auto Readmore cho Blogspot

Có những template rất đẹp và bạn rất thích nhưng chỉ có một điểm khiến bạn đâu đầu đó là, không có Readmore mà bài viết dài xuống dưới. Bài viết này được giải quyết được vấn đề đấy. Tạo Auto Readmore cho Blogspot mang đến cho bạn một giải pháp tuyệt vời để giúp bạn không còn gặp vấn đề khó khăn ấy nữa.
Tạo Auto Readmore cho Blogspot
Tạo Auto Readmore cho Blogspot
Tiến Hành Tạo Auto Readmore cho Blogspot
1. Đăng nhập vào tài khoản Blogger
2. Vào mẫu (Template) => Chọn Chỉnh sửa HTML (Edit HTML)
3. Tìm dòng code có dạng tương tự như sau:
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

- Thay thế toàn bộ đoạn ở trên bằng đoạn code bên dưới:
<b:if cond='data:post.hasJumpLink'>
<a class='jump-link' expr:href='data:post.url + &quot;#more&quot;'>Đọc tiếp</a><b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Đọc tiếp</a>
</b:if></b:if><div class='clear'/>
 Thay chữ Đọc tiếp thành chữ mà bạn muốn như: Đọc thêm bài viết, xem thêm,...

6. Tiếp theo, chèn đoạn CSS sau phía trên thẻ ]]></b:skin>
a.jump-link {color:#fff;text-decoration:none}
.jump-link {
float:right;
padding:6px 12px;
margin:20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
display:inline-block; 
background: #f48423;
background: -moz-linear-gradient(top, #ffdf9e, #f5b026 5%, #f48423);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd683), color-stop(.03, #f5b026), to(#f48423)); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
border:1px solid #e6791c;
border-bottom:1px solid #d86f15;
color:#FFF;
text-shadow: 0 1px 1px #6f3a02; }

.jump-link:hover {
background: #eb7d1d;
background: -moz-linear-gradient(top, #ffdf9e, #f1a91a 5%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdf9e), color-stop(.03, #f1a91a), to(#f07810)); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810')"; /* IE8 only */
border-bottom:1px solid #d86f15; }

.jump-link:focus {
padding:7px 13px;
color:#FFF;
text-shadow: 0 -1px 1px #894906;
border:none;
background: #e47412;
background: -moz-linear-gradient(top, #f07810, #f1a91a 95%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f07810), color-stop(.9, #f1a91a), to(#f07810)); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-webkit-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-moz-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7; }

Save template lại và xem kết quả.

- P/s: Bạn dễ dàng nhận ra là thủ thuật này không dùng bất cứ image nào nhằm tăng tốc độ tải trang web, ngoài ra thì các blog đang sử dụng Auto-readmore script cũng hoàn toàn có thể  áp dụng code này. Nếu có câu hỏi nào về chủ đề này thì comment bên dưới nhé

Nguồn: Nam Tạ


Thêm bài viết liên quan Mới Cũ - Hai cột chuyên nghiệp Blogspot

Việc thêm bài viết liên quan sẽ giúp cho khách hàng của bạn bị cuốn theo bạn - và không đi website khác. Bạn cũng biết đấy nếu website của bạn làm lâu rồi thì bài viết đã gần 1 - 2 năm thậm chí nhiều năm hơn sẽ không còn hiển thị. 

Việc Thêm bài viết liên quan Mới Cũ - Hai cột chuyên nghiệp Blogspot sẽ giúp bạn giải quyết được điều đó.
Thêm bài viết liên quan Mới Cũ - Hai cột chuyên nghiệp Blogspot
Thêm bài viết liên quan Mới Cũ - Hai cột chuyên nghiệp Blogspot


Thêm Bài viết liên quan mới và cũ cùng chủ đề cho blogger.
1/ Đăng nhập vào blog
2/ Chọn mẫu (template)
3/ Chọn chỉnh sửa HTML => Chọn mở rộng tiện ích mẫu
4/ Dán đoạn code bên dưới vào trước thẻ ]]></b:skin>:
#related-posts-block ul{background:url(http://4.bp.blogspot.com/-iqXZWdVsK3I/Ud-_IS02N2I/AAAAAAAALm0/4Cnrexx2w30/s1600/bg_other_namkna-blogpot.jpg) repeat-x;margin:0px 0 0 0;padding:6px 0 0 0;list-style:none}#related-posts-block li{margin:0 0 0 8px;background:url(http://2.bp.blogspot.com/-8qXJMKrYQAU/Ud-_WIn5wmI/AAAAAAAALm8/WEGH3vYIPdw/s1600/li_namkna-blogspot-com.png) 0 5px no-repeat;padding-left:15px}#related-posts-block{line-height:1.5;margin:0 0;font-size:11px;color:#7c7b7b}#related-posts-loading-text{font-size:12px;text-align:center;color:#002c28}#related-newest-href{margin:10px 0 2px}#related-newest-title{font-size:12px;margin:5px 0 0 0;color:#033947}#related-posts-block #related-newest-href a{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#002c28}#related-posts-block #related-newest-href a:hover{color:#00f}#related-older-href{margin:10px 0 2px}#related-older-title{font-size:12px;margin:5px 0 0 0;color:#033947}#related-posts-block #related-older-href a{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#002c28}#related-posts-block #related-older-href a:hover{color:#00f}#related-posts-block > div {float: left;width: 48%;}

5- Tìm thẻ 1 trong 4 thẻ sau:
Thẻ 1:
<div class='post-footer'>
Thẻ 2:
<div class='post-footer-line post-footer-line-1'>
Thẻ 3:
<div class='post-footer-line post-footer-line-2'>
Thẻ 4:
<div class='post-footer-line post-footer-line-3'>

=> Thêm và sau 1 trong các thẻ trên đoạn code bên dưới:
<script type='text/javascript'>
//<![CDATA[
var showdate = true;
var max_post = 8;
//]]>
</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></div><div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>

<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>
<div id='related-posts-block'><div id='related-posts-loading-text'>Loading...<br/><img align='absmiddle' src='http://lh4.ggpht.com/_BTztXRwC9ik/S5SkPu7B3iI/AAAAAAAAAgI/UVi04d4jOP8/icon-star.gif'/></div><div id='related-newest-href'><div id='related-newest-title'/></div><div id='related-older-href'><div id='related-older-title'/></div></div></b:if>

<script type="text/javascript">
    //<![CDATA[
function format(ptime){ 
 return ptime.substr(0,19);
}

function formatdate(d){
 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
 var m = parseInt(d.substring(5,7),10);
 for(var j=0; j<month.length;j++){
  if(m==month[j]){
   m = month2[j]; break;
  }
 }
 return d.substring(8,10) + "-" + m + "-" + d.substring(0,4);
}

function getRelatedNewestLinks(json){
 var entry = json.feed.entry;
 if(entry){
  for(var k=0;k<entry.length;k++){
   var li = document.createElement("li");
   if(showdate){
    li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + ' - <i>' + formatdate(entry[k].published.$t) +'</i>';
   }
   else {
    li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";
   }
   if(!checkRelaxLinks("related-newest-href",entry[k].link[4].href)){
    document.getElementById("related-newest-href-ul1").appendChild(li);
    document.getElementById("related-newest-title").innerHTML = "<b>Các bài viết mới cùng chủ đề</b> ";
                                
   }
  }
 } else {
  document.getElementById("related-older-title").innerHTML = "<b>Không có bài viết mới nào cùng chủ đề</b>";
 }
}

function getRelatedOlderLinks(json){
 var entry = json.feed.entry;
 if(entry){
  for(var k=0;k<entry.length;k++){
   var li = document.createElement("li");
   if(showdate){
    li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + ' - <i>' + formatdate(entry[k].published.$t) + '</i>';
   }
   else {
    li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";
   }
   if(!checkRelaxLinks("related-older-href",entry[k].link[4].href)){
    document.getElementById("related-older-href-ul2").appendChild(li);
    document.getElementById("related-older-title").innerHTML = "<b>Các bài viết cũ cùng chủ đề </b>";
   }
  }
 } else {
  document.getElementById("related-older-title").innerHTML = "<b>Không có bài viết cũ nào cùng chủ đề</b>";
 }
        document.getElementById("related-posts-loading-text").style.display = "none";
}

function createRelatedJson(min_or_max,cRJ_label,fcn_callback,cRJ_max){
 var script = document.createElement("script");
 script.src = "/feeds/posts/summary/-/"+escape(cRJ_label)+"?orderby=published&max-results="+cRJ_max+"&published-"+min_or_max+"="+escape(format(document.getElementById("post-timestamp-for-related").innerHTML))+"&alt=json-in-script&callback="+fcn_callback;
 script.type = "text/javascript";
 document.getElementsByTagName("head")[0].appendChild(script);

}

function checkRelaxLinks(cid,clink){
 var check = false;
 var u = document.getElementById(cid);
 var a = u.getElementsByTagName("a");
 for(var i=0;i<a.length;i++){
  if(a[i].href==clink){
   check = true;
   break;
  }
 }
 var url = location.href.split(".html")[0]+".html";
 if(clink==url) check = true;
 return check;
} 

function createRP(){
 var postLabel = document.getElementById("post-labels-for-related").innerHTML.split(',');
 var max_ = Math.round(max_post/postLabel.length);
 var ul1 = document.createElement('ul');
 ul1.id = 'related-newest-href-ul1';
 document.getElementById('related-newest-href').appendChild(ul1);
 for(var i=0; i<postLabel.length;i++){
   createRelatedJson("min",postLabel[i],"getRelatedNewestLinks",max_);
 }
 var ul2 = document.createElement('ul');
 ul2.id = 'related-older-href-ul2';
 document.getElementById('related-older-href').appendChild(ul2);
 for(var j=0; j<postLabel.length;j++){
   createRelatedJson("max",postLabel[j],"getRelatedOlderLinks",max_);
 }
        
}
createRP();
    //]]>
</script>
Tùy chỉnh:
var showdate = true; Nếu không muốn hiển thị ngày tháng đăng bài, bạn thay True thành False
var max_post = 8; Số bài viết hiển thị trong mỗi phần (Bài cũ và bài mới) của tiện ích
6- Lưu lại và xe kết quả!

Nguồn: Nam Tạ

Thêm Drop Down Menu Blogger Mượt và Đẹp

Trong bài viết này tôi sẽ chia sẻ với một trình đơn thả xuống màu xám tuyệt đẹp được tạo ra với CSS và JavaScript. Tôi cũng sử dụng menu này trên blog của chúng tôi. Trình đơn thả xuống cung cấp điều hướng dễ dàng và gọn gàng bằng cách tổ chức và tính năng liên kết thể loại quan trọng của blog của bạn. Với sự gia tăng sử dụng các loại và các thẻ, tổ chức liên kết trong một menu đơn giản là khó khăn do trình đơn mà chúng tôi chia sẻ hôm nay cung cấp cho bạn dễ dàng kiểm soát và các hàng cột hiển thị của nó. 1. Thêm Drop Down Menu Style Sheet. 2. Thêm JavaScript trong đầu mục. 3. Cuối cùng Thêm HTML Code Đối với Liên kết. 

Đó là nó trong ba bước, bạn đã làm xong. Luôn luôn Ghi Trước khi chỉnh sửa mẫu của bạn Thực hiện một sao lưu mẫu (làm thế nào để thực hiện một mẫu sao lưu). 

1. Tới Blogger của bạn Bảng điều khiển >> Mẫu >> Chỉnh Sửa Mẫu >> Tiến Nhấn phím Ctrl + F và dán đoạn mã sau vào mẫu của bạn.
]]> </ b: skin>

2. Dán đoạn mã sau trước / trên "]]> </ b: skin>"
/*Start Drop Down CSS by http://bl0gger-tricks.blogspot.com*/
.nav{
width:100%;
height:36px;
background:#f9f9f9;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
box-shadow: 0 2px 2px #eee;
z-index:1;
}

.menu{
width:1050px;
list-style:none;
font:16px Source Sans Pro,Arial,Verdana;
font-weight: normal;
text-align:center;
margin:0 auto;
}

.menu a{
float:left;
color:#000000;
text-decoration:none;
width:100px;
line-height:36px;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
transition:.2s linear;
-o-transition:.2s linear;
}

.menu a:hover,li.menuhover a{
color:#111;
background:#efefef;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
transition:.2s linear;
-o-transition:.2s linear;
}

.menu li,.menu li span{
position:relative;
float:left;
width:100px;
z-index:2;
border-left:1px solid #e3e3e3;
}

.menu li span{
border-right:1px solid #e3e3e3;
border-left:none;
}

.menu ul{
display:none;
position:absolute;
font:normal 16px Source Sans Pro,Arial,Verdana;
font-weight: normal;
top:36px;
left:0;
background:#fbfbfb;
display:none;
list-style:none;
box-shadow:0 2px 3px #ccc;
}

.menu ul li{
float:none;
border-top:1px solid #ccc;
width:150px;
}

.menu ul li a{
float:none;
display:block;
background:none;
line-height:36px;
width:137px;
text-align:left;
padding-left:10px;
color:#444;
}

.menu ul li a:hover{
background:#fbfbfb;
color:#000000;
border-left:5px solid #088A4B;
-webkit-transition:ease-in 0.15s all;
-moz-transition:ease-in 0.15s all;
-o-transition:ease-in 0.15s all;
-ms-transition:ease-in 0.15s all;
transition:ease-in 0.15s all;
text-shadow:0 1px 0 #fefefe
}
/*End Drop Down CSS*/


Lưu ý: Trong phần CSS bạn có thể chỉnh sửa kích thước chữ, Font style, màu chữ, màu nền. Nếu bạn muốn chỉnh sửa lại bình luận của bạn dưới đây. 

3. Tìm đoạn mã sau vào mẫu của bạn. 
</head>

4. Dán Script sau trước / trên "</ head>"

<script type='text/javascript'>
//<![CDATA[
var dropd={};function T$(i){return document.getElementById(i)}function T$$(e,p){return 

p.getElementsByTagName(e)}dropd.dropdown=function(){var p=

{fade:1,slide:1,active:0,timeout:200},init=function(n,o){for(s in o){p[s]=o[s]}

p.n=n;this.build()};init.prototype.build=function(){this.h=[];this.c=[];this.z=1000;var s=T$

$('ul',T$(p.id)),l=s.length,i=0;p.speed=p.speed?p.speed*.1:.5;for(i;i<l;i++){var h=s

[i].parentNode;this.h[i]=h;this.c[i]=s[i];h.onmouseover=new Function(p.n+'.show('+i

+',1)');h.onmouseout=new Function(p.n+'.show('+i+')')}};init.prototype.show=function(x,d){var 

c=this.c[x],h=this.h[x];clearInterval(c.t);clearInterval(c.i);c.style.overflow='hidden';if(d)

{if(p.active&&h.className.indexOf(p.active)==-1){h.className+=' '+p.active}if(p.fade||p.slide)

{c.style.display='block';if(!c.m){if(p.slide)

{c.style.visibility='hidden';c.m=c.offsetHeight;c.style.height='0';c.style.visibility=''}else

{c.m=100;c.style.opacity=0;c.style.filter='alpha(opacity=0)'}c.v=0}if(p.slide){if(c.m==c.v)

{c.style.overflow='visible'}else{c.style.zIndex=this.z;this.z++;c.i=setInterval(function()

{slide(c,c.m,1)},20)}}else{c.style.zIndex=this.z;this.z++;c.i=setInterval(function(){slide

(c,c.m,1)},20)}}else{c.style.zIndex=this.z;c.style.display='block'}}else{c.t=setTimeout

(function(){hide(c,p.fade||p.slide?1:0,h,p.active)},p.timeout)}};function hide(c,t,h,s){if(s)

{h.className=h.className.replace(s,'')}if(t){c.i=setInterval(function(){slide(c,0,-1)},20)}

else{c.style.display='none'}}function slide(c,t,d){if(c.v==t){clearInterval(c.i);c.i=0;if

(d==1){if(p.fade){c.style.filter='';c.style.opacity=1}c.style.overflow='visible'}}else{c.v=(t-

Math.floor(Math.abs(t-c.v)*p.speed)*d);if(p.slide){c.style.height=c.v+'px'}if(p.fade){var 

o=c.v/c.m;c.style.opacity=o;c.style.filter='alpha(opacity='+(o*100)+')'}}}return{init:init}}();
//]]>
</script>

5. Thêm Code HTML để hiển thị MENU DROP - thêm vào nơi bạn cần muốn SHOW MENU trên trang chủ.
<!-- Start - Navigation Menu  -->
<div class='nav'>
<ul class='menu' id='menu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#>Blogger</a></li>
<li><a href='#>Adsense</a></li>
<li><a href='#>SEO Tips</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>Widgtes</a></li>
<li><a href='#>Downloads</a></li>
<li><a href='#'>Tools&#187;</a>
<ul>
<li><a href='#>HTML Editor</a></li>
<li><a href='#>Escape Tool</a></li>
<li><a href='#>ParseTool</a></li>
<li><a href='#>Color Code</a></li>
</ul>
</li>
</ul>
</div>
<!-- End - Navigation Menu -->
<script type='text/javascript'>
var dropdown=new dropd.dropdown.init(&quot;dropdown&quot;, {id:&#39;menu&#39;,
active:&#39;menuhover&#39;});
</script>


Lưu Lại và Xem Kết Quả.
Các widget là rất dễ dàng để được chỉnh sửa. Để thay đổi các liên kết tiêu đề chỉ đơn giản là thay thế các văn bản với tiêu đề trang của bạn và thay thế các dấu thăng "#" với các liên kết tương ứng. 

Cần giúp! ... 
Đối với bất kỳ sự giúp đỡ thêm xin vui lòng gửi ý kiến ​​của bạn trong hộp bình luận dưới đây. Đừng quên để đăng ký Rss Email Dịch vụ của chúng tôi hoặc theo tôi trên mạng xã hội.


Nguồn: My Blogger Tricks