Liên kết link, trao đổi liên kết link

Thứ Năm, 5 tháng 4, 2012

Những câu nói bất hủ

Giang hồ hiểm ác
không bằng mạng lag thất thường

Phận làm trai gõ phím bình thiên hạ.
Thân anh hùng click chuột định giang sơn

Mấy đời bánh đúc có xương.
Mấy đời chơi Net không vương tơ tình

Đang đi trên đường. Bỗng thấy bất thường.
Úp mặt vào tường. Lại thấy... bình thường

Trái tim em chỉ 2 lần mở cửa.
Đón anh vào và tống cổ anh ra

Bước đến nhà em, bóng xế tà.
Đứng chờ năm phút bố em ra.
Lơ thơ phía trước vài con chó.
Lác đác đằng sau chổi lông gà
Tình yêu là vĩnh cửu.
Và chỉ duy nhất một thứ được phép thay đổi.
Đó là người yêu

Cần bán gấp nhà 3.000 m2, tường chống đạn, nhiều phòng, an ninh tốt, có camera, công an tuần 24/24. Địa chỉ: Nhà tù bộ công an. Giá thương lượng

-Xin thề : tôi với anh kết nghĩa anh em , tuy không sinh cùng năm cùng tháng cùng ngày , nhưng nguyện sống cùng ngày cùng tháng cùng năm.

- Nghệ thuật che lấp sự bất tài cũng đòi hỏi không ít tài năng.

- Không ít phụ nữ già đi nhanh chóng có khi do họ động não suy nghĩ phải làm sao để mình trẻ lại.
- Chết cho người phụ nữ mình yêu vẫn dễ hơn là phải sống chung với họ.

- Phụ nữ đem lại niềm vui nhưng không phải lúc nào cũng vậy , còn thuốc lá thì lúc nào cũng có khói.

- Nhục không phải là nghèo khó , nhưng nghèo khó thì thật là nhục.

- Ngắn gọn thể hiện sự thông minh nhưng không đúng trong trường hợp người ta nói " Anh yêu em "

- Đằng sau sự thành công của một người đan ông luôn có hình bóng của một người đàn bà , và đằng sau sự thất bại của một gười đan ông là một người đàn bà thật sự .

- Thể thao là có hại . Nếu ta sống được thêm 10 năm nhờ luyện tập thì ta cũng mất 15 năm vào các buổi tập luyện đó.

- Tại sao chỉ có danh hiệu bà mẹ việt nam anh hùng mà không có danh hiệu ông bố việt nam anh hùng nhỉ ? .
- Tình yêu là bất tử , chỉ có người yêu là thay đổi.

- Hài kịch sẽ chuyển sang bi kịch nếu không bán được vé.

- Một người vợ tốt luôn tha thứ cho chồng khi cô ta sai.

- Ly dị là sự kiện mà người đàn ông phải giặt đồ cho mình ... thay vì trước đó phải giặt đồ cho cả hai .

- Con đường ngắn nhất để đi từ một trái tim đến 1 trái tim là con đường truyền máu.

- chân lý là mặt trời chói lọi . Nếu bạn không nghiên cứu về nó thì đừng có điên mà nhìn vào nó .
Theo lý thuyết thì Lý thuyết không khác với thực tế là mấy , nhưng thực tế thì thực tế khác xa lý thuyết.
- Thuoc la co hai suc khoe == hút thuốc lá thì ta có được đến 2 sức khoẻ dại gì mà không hút.

- Lương tâm là cái gì đó cảm thấy tổn thương trong khi các phần khác của cơ thể cảm thấy dễ chịu.

- Lương tâm là cái buộc ta phải kể hết mọi bí mật cho người tình trước khi có ai đó mách.

- Thà sống hèn còn hơn chết dại.

- Bạn có thể mua một người trung thực không ? Không ! nhưng bán một người như vậy dễ hơn .

- Khi một cô gái được nhiều người theo đuổi cô ta sẽ làm cao , khi cô ấy được một người theo đuổi thì cô ta sẽ làm dáng , khi không có ai theo đuổi cô ấy cô ta sẽ làm ... thơ , và khi cô ta theo đuổi nhiều người cô ta sẽ làm ca ... ve.
- Bia độc hơn rượu , bằng chứng trên thế giới chỉ có " mộ bia " mà không có " mộ rượu "

- Đàn ông không khóc là đàn ông nhút nhát (không dám làm gì (khóc) là nhút nhát rồi).

- Không có gì tiết kiệm thời gian và tiền bạc hơn là yêu ngay từ cái nhìn đầu tiên.

- Một người phụ nữ toàn diện : sáng diện , trưa diện , chiều diện , tối diện.

- Thiếu nữ là chữ viết tắt của thiếu ... nữ tính.
- " Quân với dân như cá với nước " Nước thì nuôi sống cá còn cá thì ị vào nước.

- Phim sạch là phim trong sáng . Phim sạch là phim mà diễn viên lúc nào cũng ở trạng thái sạch sẽ và được người khác liếm láp cho sạch.

Trăm lời anh nói không bằng làn khói a còng @

Rõ ràng là trên đời này không có gì là rõ ràng

Vì tao chắc chắn là trên đời này không có gì là chắc chắn.

Cách tốt nhất để giữ lời hứa là đừng hứa gì cả.

Tôi đã nói "không" với ma túy, nhưng tụi nó không chịu nghe

Luôn luôn nhớ rằng bạn là duy nhất ... giống như những người khác

Luôn cố gắng khiêm tốn, và hãy lấy làm ... tự hào về điều đó
Khổ quá, sướng không chịu nổi

Đừng tự ti vì mình nghèo mà vẫn giỏi mà hãy tự hỏi tại sao mình giỏi mà mình vẫn nghèo.

Sáng soi, trưa đánh, chiều chờ
Cầm tờ kết quả cứ đờ mặt ra.

Điều tuyệt đối nhất chính là tất cả chỉ là tương đối

Thứ Tư, 4 tháng 4, 2012

Cool Post rating widget for blogger

Another blog widget and this time with a post rating widget for blogger. Yeah the same post rating widget you can see after the post in my blog. This Post rating widget was developed by Js-kit and i am acting as a promoter, free promoter would be the best word.

This post rating blogger widget is cool as it has cool features. You can see how many votes your post has got and also can see the rating of the post in stars. Js-kit has indeed developed a good blogger widget. But this is not the only reason i am writing this post. I also want to inform about the exact place where to keep the code to get your widget just below the post like mine. The website gives the idea about code placing in another format which the ammature blogger like me find confusing. So here is the complete process.
Goto 'edit HTML' page from your "layout' and search for the following code:

Chủ Nhật, 1 tháng 4, 2012

Hướng dẫn tạo thanh Breadcrunb cho Blogspot

Thanh trạng thái “Breadcrumb” là thanh hiển thị trên đầu mỗi bài viết để chỉ cho bạn đọc biết vị trí của bài viết nằm trong thư mục nào, hay nói một cách khác “Breadcrumb” chính là đường dẫn của bài viết.

Vậy đường dẫn bài viết thế nào?. Các bạn có thể hiểu rõ hơn với hình ảnh minh họa dưới:

Bước 1: Lưu lại mẫu template của bạn

Vào “Layout” > “Edit HMTL”. Download mẫu template để dự phòng trường hợp xấu nhất xảy ra (Đây là bước cần thiết cho bất kỳ trường hợp thêm các tiện ích, thủ thuật khi can thiệp vào các mã code trong mẫu Blogger).

Bước 2: Expand the widget code

Sau khi đã lưu lại mẫu bạn vào “Layout” > “Edit HMTL” và check vào ô chọn Expand Widget Templates để hiển thị XML-code mẫu Blog của bạn để tiến hành các bước tùy chỉnh mã tiện ích widget của mẫu.

Thông thường widget mặc định như vậy gọi là "includable" (một phần của code) để hiển thị trạng thái của bài viết “status-message“ trên bài viết khi bạn chọn lựa bài viết hiển thị theo label hay catergory.
Chúng ta sẽ tắt “status message” mặc định và thay thế chúng bằng thanh trạng thái breadcrumbs.

Bây giờ bạn tìm đoạn mã dưới:

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>

Vô hiệu hóa code mặc định “status message” bằng thủ thuật thêm dấu ngoặc <!—…—>

bao quanh chúng như dưới. (Bạn cũng có thể xóa dòng code này, nhưng theo ý của tôi thì bạn vô hiệu hóa code đó bằng thủ thuật trên thì hay hơn để có thể theo dõi và gỡ lỗi trong trường hợp xấu).

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>
default status message disabled -->
<data:adStart/>

Thêm dòng mã:

<b:include data='posts' name='breadcrumb'/>

Vào dưới code đã được vô hiệu hóa như sau:

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>
default status message disabled -->
<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Thêm đoạn code màu đỏ ở dưới vào trên <b:includable id='main' var='top'> như dưới:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<!-- No breadcrumb on front page -->
<b:else/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='breadcrumbs'> 
Browse &#187;  <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> 
&#187; <span><data:post.title/></span> 
</b:if> 
</b:loop>
</div> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<div class='breadcrumbs'> 
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/> 
</div> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/> 
</b:if>
</div> 
</b:if> 
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

Bước 3: Thêm CSS vào <b:skin>

Tìm đoạn mã ]]></b:skin> và thêm ngày trước nó đoạn mã code như dưới

<b:skin><![CDATA[/*

....
.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}
....

]]></b:skin>

Cuối cùng bạn save và thưởng thức thanh thông báo trạng thái với blog mà bạn vừa thực hiện với 3 bước đơn giản trên.

Kích hoạt Comment phân cấp cho Blogspot

Hôm nay, Blogger đã chính thức cho ra mắt hệ thống comment phân cấp đúng với sự kỳ vọng và chờ đợi của anh em blogger.

Comment phân cấp của Blogspot gần như là mang đầy đủ những tính năng của Wordpress như: Trả lời, thu gọn, comment của tác giả được làm nổi bật. Tuy nhiên, họ chỉ cho phép Level 2 comment điều này có nghĩa là bạn không thể trả lời một comment trả lời.

KÍCH HOẠT COMMENT PHÂN CẤP
1. Thiết kế > Cài đặt > Bài đăng và nhận xét
2. Ở phần vị trí nhận xét bạn chọn "Được nhúng" như hình.

3. Cài đặt > Khác
4. Tại phần nguồn cấp dữ liệu trang web bạn chọn "Đầy đủ"

Các bạn hãy để lại ý kiến của mình về phần comment phân cấp của blogger nhé.

Hôm nay, Blogger đã chính thức cho ra mắt hệ thống comment phân cấp đúng với sự kỳ vọng và chờ đợi của anh em blogger.

KÍCH HOẠT COMMENT PHÂN CẤP
1. Thiết kế > Cài đặt > Bài đăng và nhận xét
2. Ở phần vị trí nhận xét bạn chọn "Được nhúng" như hình.

3. Cài đặt > Khác
4. Tại phần nguồn cấp dữ liệu trang web bạn chọn "Đầy đủ"

Các bạn hãy để lại ý kiến của mình về phần comment phân cấp của blogger nhé.

Phân trang cho blogspot

Kiểu phân trang giống trang tìm kiếm Google sẽ là một trong những kiểu phân trang mới trong vô vàn kiểu phân trang khác nhau cho blogspot.

Mỗi kiểu đều có nét đẹp và ưu điểm riêng cho nên bạn cần lựa chọn kiểu nào phù hợp nhất để cài đặt cho blog của mình.

Script cho các kiểu phân trang dường như có những điểm na ná giống và cách cài đặt cũng vậy. Ở đây mình xin giới thiệu một kiểu phân trang theo phong cách Google.

Tránh trường hợp các file JS bị die do hết bandwitch mình sẽ chèn thẳng vào nên code có vẻ dài.

Để cài đặt kiểu phân trang này, bạn hãy thực hiện như sau.

Bước 1.

Đăng nhập tài khoản Blogger >> thiết kế (Design) >> Chọn chỉnh sửa HTML (Edit HTML)
Đặt đoạn code dưới đây vào trước dòng ]]></b:skin>.

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://lh5.googleusercontent.com/-avTxlwCp9Ow/TmBl_H9Im_I/AAAAAAAACNo/8AaL9j2IzBg/Vatinam.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

Bước 2.

Đặt đoạn code bên dưới vào trước thẻ </body>.

<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

Bạn có thể điều chỉnh số bài viết hiển thị ở mỗi trang tại tham sốpageCount=10.

Bước 3.

Tìm bất kỳ dòng nào như thế này 'data:label.url'.
Rồi thay thế nó bằng dòng 'data:label.url + "?&max-results=10"'.
Cuối cùng lưu (Save Templates) lại là ok.

Tiện ích Recent Posts có hình tốc độ cao cho Blogspot

Tiện ích Recent Posts với hình ảnh thu nhỏ - đây là tiện ích mà mình không dùng vì muốn xem bài viết mới mình thường có thói quen quay về trang chủ. Tiện ích được viết ra chỉ cho đủ bộ tiện ích về Bài đăng bởi cũng không tìm được thêm tính năng nào được coi là mới.

Có chăng là tính năng nhận biết bài viết nào đã tắt Nhận xét, hình ảnh hỗ trợ cho cả video trên Youtube và gần đây mình thấy ảnh ở Photobucket cũng được lưu trữ, số lượng bài viết được tải về từ feed lấy đủ cho số bài viết bạn muốn hiển thị để tránh dư thừa.

DEMO

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

Nếu đã áp dụng tiện ích Bài viết ngẫu nhiên tốc độ cao cho Blogger thì bạn bỏ qua bước này và thay #random-posts img{ thành #random-posts img,#recent-posts img{ cho đồng bộ khi muốn chỉnh sửa.

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Recent Posts.

Hiệu chỉnhTiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.

<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_info='yes';
var rcp_comment='Nhận xét';
var rcp_disable='Tắt Nhận xét';
function recent_posts(json){var dw='';dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNozwE4NPzorzXVFerYq-LyVYHLmZDOs-5nW0AmOTV3MtiPKOtRI3a00QhcMjphDcnY0COk1Lf67k5_l3UgPF2ENWHmkM9En6wE4Q7_x9qtMNDWg3IGhO3N2r0znyNDbe9kOiaS9fgjkir/"}}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

Thay 5 bằng số bài viết bạn muốn hiển thị. Nếu không muốn hiển thị thông tin ngày tháng đăng bài và số nhận xét hãy thay yes thành ký tự bất kỳ khác.

Tiện ích random posts có hình ảnh load nhanh cho Blog

Một trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về.

Trong tiện ích mình giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Trước đó sẽ có 1 lần tải dữ liệu đầu tiên từ feed để xác định tổng số bài viết hiện có, 1 hàm lấy ngẫu nhiên 5 số khác nhau từ 1 đến tổng số bài viết.

Ví dụ muốn hiển thị 5 bài viết ngẫu nhiên thì sẽ có 6 lần tải feed, mặc dù số lần lấy nhiều nhưng dung lượng 1 lần lấy lại nhỏ. Khối lượng chỉ tương đương với blog bạn có tổng số bài viết là 6, so sánh vậy để thấy nếu blog càng nhiều bài viết thì tiện ích này có tốc độ nhanh hơn kiểu tải toàn bộ feed rất nhiều lần.

DEMO

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Random Posts. Hiệu chỉnhTiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_info='yes';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNozwE4NPzorzXVFerYq-LyVYHLmZDOs-5nW0AmOTV3MtiPKOtRI3a00QhcMjphDcnY0COk1Lf67k5_l3UgPF2ENWHmkM9En6wE4Q7_x9qtMNDWg3IGhO3N2r0znyNDbe9kOiaS9fgjkir/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Thay 5 bằng số bài viết bạn muốn hiển thị. Nếu không muốn hiển thị thông tin ngày tháng đăng bài và số nhận xét hãy thay yes thành ký tự bất kỳ khác.

Tiện ích Popular Posts pro không dùng JS

Thêm 1 style mới cho tiện ích bài đăng phổ biến, ưu điểm của style này là giúp tiết kiệm không gian, và không sử dụng javascript mà dùng các lệnh CSS3 để làm đẹp nên rất nhẹ.

Demo

Đầu tiên bạn chèn đoạn CSS sau phía trên ]]></b:skin> trong template:

#PopularPosts1{max-width:300px} #PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

Tiếp theo, bạn tạo một tiện ích bài đăng phổ biến (nếu trong blog đã có tiện ích Popular Posts thì bỏ qua bước này), rồi chỉnh như sau:

Cuối cùng, bạn vào phần chỉnh sửa HTML, không click mở rộng tiện ích, tìm đoạn sau:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>

Thay thế nó bằng đoạn sau:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <dd> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'>  <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/>  <b:if cond='data:post.thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='60px' width='60px'/></a> <b:else/> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' height='60px' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png' width='60px'/></a> </b:if> </b:if> </b:if> </dd> </b:loop> </ul> <div class='clear'/> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

Lưu lại mẫu và kiểm tra kết quả.

Top 10 công cụ SEO free giúp tăng thứ hạng Blogspot

Bài viết giới thiệu với bạn đọc những trợ thủ đắc lực cho “chủ web” trong việc phân tích và đánh giá website, và có thể giúp cải thiện thứ hạng website.

Theo các kết quả khảo sát, trên 60% truy xuất website thông qua các dịch vụ tìm kiếm (search engine) và trên 90% người dùng web chỉ xem trang kết quả tìm kiếm đầu tiên. Nếu website của bạn xuất hiện ở đầu danh sách kết quả thì sẽ có nhiều cơ hội được người dùng truy cập hơn. Điều này cho thấy tầm quan trọng của việc tối ưu website để các dịch vụ tìm kiếm dễ tìm thấy – được biết đến với thuật ngữ SEO (Search Engine Optimization). Nếu thực hiện đúng, SEO có thể giúp tăng cả số lượng người dùng và lượng truy cập website.

SEO là công việc cần nhiều công sức và thời gian. Mặc dù trên thị trường có những công cụ cao cấp và cao giá, nhưng cũng có những công cụ miễn phí có thể giúp bạn (những người chủ web – webmaster) tiết kiệm nhiều công sức.

1. Google Webmaster Tools google.com/webmasters

Google chuyên “cho không” những thứ đáng giá, Google Webmaster Tools là một trong số đó. Đây là dịch vụ trực tuyến (yêu cầu tài khoản) cung cấp những báo cáo chi tiết về “khả năng hiển thị” website của bạn trên Google, như tình trạng lập chỉ mục, những liên kết lỗi, các truy vấn dẫn đến site và nhiều tính năng giúp webmaster cải thiện khả năng tìm kiếm cho website như thiết lập robots.txt, sitemap (sơ đồ website)….

Thậm chí nó còn kiểm tra malware và tốc độ truy xuất website của bạn (nếu muốn kiểm tra và so sánh tốc độ của các website đối thủ, bạn có thể dùng một dịch vụ trực tuyến miễn phí khác: http://www.seomastering.com/site-speed-checker.php).

2. Google Analytics google.com/analytics

Thêm một công cụ khác của Google mà hầu như webmaster nào hiện nay cũng đều biết: Google Analytics (GA). GA là công cụ giám sát và phân tích website. GA yêu cầu hơi cao: nhúng một đoạn script vào các trang web của bạn – việc này chỉ có chủ web mới thực hiện được. Kết quả xứng đáng, GA cho những số liệu thống kê truy cập website, giúp bạn phân tích nhiều khía cạnh quan trọng về nội dung website và người dùng để có những chiến lược thích hợp.

Hai công cụ miễn phí của Google giúp bạn biết Goolge “nhìn” website của bạn như thế nào cũng như cách tiếp cận dịch vụ tìm kiếm số 1 này.

3. Yahoo! Site Explorer siteexplorer.search.yahoo.com

Việc tạo liên kết góp phần quan trọng cho việc cải thiện thứ hạng website. Hiện có một số công cụ phân tích liên kết như Link Diagnosis, BackLink Watch và Link Assistant. Nhưng có thể nói không công cụ nào làm tốt bằng Site Explorer của Yahoo!, nó không chỉ tìm ra các liên kết trỏ đến website của bạn mà còn sắp thứ tự theo mức độ quan trọng.

Ngoài phân tích liên kết, Site Explorer còn có tính năng giúp bạn làm SEO cho Yahoo! tương tự Webmaster Tools của Google (Bing cũng có công cụ tương tự).

Yahoo! Site Explorer mới có đối thủ cạnh tranh: công cụ Open Site Explorer (http://www.opensiteexplorer.org) vừa được SEOmoz tung ra hồi cuối tháng 1.

4. Microsoft IIS SEO Toolkit www.iis.net/expand/SEOToolkit

Đây là đồ nghề SEO hàng “khủng” của đại gia phần mềm Microsoft. Công cụ này hiện chỉ có thể cài đặt trên máy chủ web IIS 7, nhưng bạn có thể dùng nó phân tích từ xa website bất kỳ (không cần web server chạy trên IIS 7, có thể làm việc với cả web server Apache chạy trên Linux).

IIS SEO Toolkit gồm các thành phần Site Analysis, Robots Exclusion và Sitemaps and Site Indexes, cho phép bạn phân tích website chi tiết và đưa ra những đề nghị cùng công cụ chỉnh sửa robot và sitemap nhằm làm cho nội dung website “thân thiện” với các dịch vụ tìm kiếm.

5. AuditMyPC Sitemap Generator www.auditmypc.com/xml-sitemap.asp

Để “leo” lên đầu danh sách kết quả tìm kiếm, website của bạn phải trở nên quen thuộc với các dịch vụ tìm kiếm như Google.

Một “chiêu” quan trọng để đạt được đìều này là tạo sitemap (có thể hiểu như bản đồ website) cho website của bạn và “khai báo” cho các dịch vụ tìm kiếm biết.

Hiện có nhiều công cụ tạo site map, trong số đó Sitemap Generator của AuditPC có lẽ là công cụ tốt nhất: nó là dịch vụ trực tuyến chạy trong trình duyệt (yêu cầu Java), không giới hạn số trang của website.

6. SEO Toolbar tools.seobook.com/seo-toolbar

Thư viện bổ sung cho trình duyệt Firefox cung cấp bộ đồ nghề SEO hoàn chỉnh trên một thanh công cụ, bao gồm các kiểm tra thứ hạng (Google PR, Alexa Rank), phân tích website và từ khoá, so sánh các website cạnh tranh và nhiều tính năng hữu ích khác.

Một công cụ khác tương tự dành cho người dùng trình duyệt Google Chrome: Site SEO Tools (chrome.google.com/extensions/detail/diahigjngdnkdgajdbpjdeomopbpkjjc).

Thư viện mở rộng cho Chrome này cho bạn thông tin tổng quát về SEO của website trong một cửa sổ.

7. Yahoo! YSlow developer.yahoo.com/yslow/

Đây là thư viện bổ sung cho trình duyệt Firefox dùng kết hợp với công cụ Firebug. YSlow phân tích trang web, thông tin về các thành phần trang web và đưa ra các khuyến nghị cải thiện tốc độ cũng như cung cấp các công cụ để phân tích tốc độ như Smush.it và JSLint.

8. Xenu Link Sleuth home.snafu.de/tilman/xenulink.html

Ứng dụng nhỏ gọn này chạy trên tất cả phiên bản Windows (môi trường desktop, không phải server), được thiết kế tốt và dễ dùng; nó có khả năng phát hiện nhanh chóng các liên kết hỏng (dẫn đến lỗi 404) trên website của bạn và cung cấp nhiều thông tin khác giúp bạn dễ làm SEO.

9. SocialMention socialmention.com

Dịch vụ trực tuyến này dò tìm trên các trang blog, tiểu blog, diễn đàn, hỏi-đáp, mạng xã hội, lịch sự kiện và tin tức để “đo-đếm” thông tin đề cập đến thương hiệu của bạn hay từ khoá mà bạn nhập vào.

10. Website Grader websitegrader.com

Dịch vụ trực tuyến này đo lường hiệu quả tiếp thị của website.

Nó đưa ra điểm số dựa trên những thông tin như lưu lượng truy cập website, SEO, mức độ phổ biến của website trên các mạng xã hội và các thông số kỹ thuật khác. Nó còn đưa ra lời khuyên cơ bản để cải thiện việc quảng bá website.

Xin trích lời một chuyên gia: “…SEO không thể đem lại kết quả ngay lập tức. Có thể mất hàng tháng, thậm chí là hàng năm để đưa được một trang web lên thứ hạng cao trên các dịch vụ tìm kiếm.

Người làm SEO phải thực sự đam mê, kiên nhẫn và chịu khó học hỏi, khám phá những kỹ thuật và kiến thức mới để thành công.”

Pages