Thứ Hai, 28 tháng 2, 2011

Tạo phân trang cho Blog spot

Đầu tiên, ta chèn đoạn code CSS sau vào ngay trên dòng ]]></b:skin> trong phần chỉnh sửa HTML của Blog :


 

.showpageArea {padding: 0; margin:0;
}

.showpageArea a {border: 1px solid #000;
color: #fff;font-weight:normal;
padding: 3px 6px ;
margin:0px 4px;
text-decoration: none;
background-color: #6f6f6f;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #00558f;
color: #575757;
background-color: #3D3D3D;
}

.showpageNum a {border: 1px solid #000;
color: #fff;font-weight:normal;
padding: 3px 6px ;
margin:0px 4px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #00558f;
color: #575757;
background-color: #5D5D5D;
}

.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #00558f;
color: #fff;
background-color: #1589a2;
}

.showpage a:hover {font-size:11px;
border: 1px solid #00558f;
color: #fff;
background-color: #1589a2;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #000;
color: #fff;
background-color: #6f6f6f;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #00558f;
color: #fff;
background-color: #1589a2;
}


Tiếp theo, tạo một tiện ích HTML/javascript rồi dán đoạn code sau vào:


<script type="text/javascript">

var home_page_url = location.href;

var pageCount=5;
  var displayPageNum=9;
  var upPageWord ='Trang trước';
  var downPageWord ='Trang sau';

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 ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

 var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
  timestamp = encodeURIComponent(timestamp1);

  var title = post.title.$t;

 if(title!=''){
  if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
  if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
  }

  if(title!='') postNum++;
  htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
  }
  }
  itemCount++;

  }

  for(var p =0;p< htmlMap.length;p++){
  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
  if(fFlag ==0 && p == thisNum-2){
  if(thisNum==2){
  upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
  }else{
  upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
  }

  fFlag++;
  }

  if(p==(thisNum-1)){
  html += '<span class="showpagePoint">'+thisNum+'</span>';
  }else{
  if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';
}
else{
  html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
  }
}
  if(eFlag ==0 && p == thisNum){
  downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
  eFlag++;
  }
  }
}
  if(thisNum>1){
  html = ''+upPageHtml+' '+html +' ';
  }

  html = '<div class="showpageArea">'+html;

  if(thisNum<(postNum-1)){
  html += downPageHtml;
  }

  if(postNum==1) postNum++;
  html += '</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 src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>


Rồi kéo và thả nó vào dưới phần bài đăng trên blog như thế này :


Ở đây "var pageCount=5;" là số bài viết sẽ hiển thị ở mỗi phân trang, còn  var "displayPageNum=9;" là số phân trang. Lưu ý là thủ thuật này chỉ hoạt động khi số bài đăng trên blog bạn đủ nhiều, trong ví dụ này thì số bài viết mà blog của tôi cần phải nhiều hơn 5x9 = 45 bài thì tiện ích phân trang mới hoạt động. Bạn có thể điều chỉnh lại cho phù hợp. Save lại và kiểm tra kết quả. Chúc thành công.

Khôn ngoan đích thực

Lời Chúa: Thứ 2 tuần 8 Thường niên  Năm A

"Hãy đi bán những gì anh có mà cho người nghèo, anh sẽ được một kho tàng trên trời. Rồi hãy đến theo tôi (Mc 10,21)"

Sống Lời Chúa: Với tôi, của cải không phải là sợi xích trói buộc mình trong cái tôi ích kỷ, nhưng là triều thiên giúp phát triển đặc tính yêu thương của người muốn có sự sống đời đời.

Thứ Bảy, 26 tháng 2, 2011

Người biết rõ các ngươi cần gì

 Lời Chúa: Chúa nhật 8 thường niên năm A

  “Trước hết hãy tìm kiếm Nước Thiên Chúa và đức công chính của Người, còn tất cả những thứ kia, Người sẽ thêm cho. (Mt 6,33)"

Sống Lời Chúa: ... để rồi hôm nay tôi biết bắt chước Chúa, vui vẻ sẻ chia một chút tiền bạc, cơm áo cho người đang còn thiếu thốn, với ý thức rằng “cho đi là nhận lãnh.”

Yêu thương trẻ em

Lời Chúa: Thứ bảy, Tuần 7 thường niên, Năm A

"Cứ để trẻ em đến với Thầy, đừng ngăn cấm chúng, vì Nước Thiên Chúa là của những ai giống như chúng. (Mc 10,14)"

Sống Lời Chúa: Dành thời gian nhiều hơn cho việc chăm sóc và gần gũi các em nhỏ ngay trong gia đình mình

Thứ Sáu, 25 tháng 2, 2011

Đưa Blog vào Google

Đưa blog của bạn vào Google sitemaps

TQVN có xem qua khá nhiều trang web hướng dẫn cách đưa blog(cụ thể là trang blogspot.com) của bạn vào google sitemap thông qua feed (atom.xml hoặc rss.xml). Mặc dù các hướng dẫn đó rất chi tiết và sinh động, nhưng chưa thể gọi là đầy đủ, vì nó không đề cập đến 2 vấn đề (rất quan trọng) trong cách đưa blog vào google sitemap thông qua feed:

-Feed Redirection (bạn nào dùng feedburner chắc chắn sẽ bị báo lỗi khi index blog của mình)
-Số post tối đa mà google sitemap đánh chỉ mục(index) dựa vào feed được mặc định chỉ là 25 post. Có nghĩa là sitemap trang blog của bạn chỉ bao gồm 25 entries mới nhất(tại thời điểm google sitemap index blog của bạn). Vậy thì những entries còn lại của bạn thì sao? Tất nhiên chúng chẳng được index bởi google sitemap!

Note: index bởi Google sitemap và index bởi Google Search Engine là 2 việc khác nhau.

Bài này sẽ hướng dẫn bạn cách add blog của bạn vào google sitemaps và khắc phục 2 vấn đề trên.

1/Google Sitemaps là gì?
Google Sitemaps là một tiện ích trong webmaster tool được phát triển bởi Google với mục đích cung cấp một cách thức đơn giản cho người dùng có thể mô tả cấu trúc website của mình nhằm tối ưu hóa Google search, giúp cho các spiders của Google dễ dàng hơn trong việc đọc thông tin và đánh chỉ mục cho website của bạn. Việc này sẽ giúp cho web của bạn có khả năng xuất hiện cao hơn trong các kết quả được trả về từ các kết quả tìm kiếm của Google. Nghĩa là bạn sẽ có nhiều visitors hơn đến thăm website của mình.

2/Add blog của bạn vào Google sitemaps- Đăng nhập vào google sitemaps: Nhấn vào đây
Nếu chưa có google account thì bạn cần phải đăng ký 1 account với google

-Sau khi đăng nhập vào Dashboard, nhập URL blog mà bạn muốn add vào google sitemaps(1), sau đó nhấn "Add Site"(2)











-Nhấn Verify để xác nhận đó là blog của bạn(3)










-Tại mục "Choose verification method" chọn "Add a meta tag"(3a), sau đó copy đoạn code mà google cung cấp(3b)












-Login vào Blogger bằng 1 khung cửa sổ mới( Đừng tắt khung cửa sổ đang làm việc nhé, vì lát nữa bạn còn phải nhấn nút "Verify"). Chọn thẻ "Template"--->"Edit HTML" và paste đoan code mà google cung cấp vào ngay dưới thẻ head. (Xem hình bên dưới)









Nhấn Save Tamplate để lưu lại.

-Quay trở lại Google sitemaps, nhấn "Verify" để hoàn tất công việc còn dang dỡ. Bạn đã hoàn tất thủ tục xác nhận chủ sở hữu blog mà bạn đăng ký.

-Trở lại Dashboard của google sitemaps. Nhấn "Add" để add sitemap cho blog của bạn(4). Ở Khung "Choose Type" bạn chon "Add General Sitemap"(5)














Paste đoạn code atom.xml?redirect=false&start-index=1&max-results=100 vào khung phía dưới(6). Nghĩa là URL sitemaps của bạn là: http://yourblogurl.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100Nhấn Add General Web Sitemap để hoàn tất. Xong, bạn đã hoàn tất thủ tục để google đánh chỉ mục(index) các entry cho blog của bạn rồi đó.

(Note: bạn có thể thay
atom.xml?redirect=false&start-index=1&max-results=100
bằng
rss.xml?redirect=false&start-index=1&max-results=100
Cả hai cái đều có tác dụng như nhau)

Note:
Hầu hết các bạn khi add sitemap cho blog của mình đều chỉ thêm vào atom.xml hoặc rss.xml tại bước 6(http://yourblogurl.blogspot.com/atom.xml hoặc http://yourblogurl.blogspot.com/rss.xml) Điều này sẽ dẫn đến 2 hệ quả

1. Google gặp khó khăn trong việc index blog của bạn nếu bạn dùng feed redirection (các bạn dùng feedburner hay gặp lỗi khi index bog của mình vì URL của các entry bị chuyển hướng sang feedburner) --->Thêm vào ?redirect=false phía sau atom.xml sẽ ngăn việc feed của bạn bị chuyển hướng khi google index các entry trong blog của bạn.

2. Số entry tối đa mà google mặc định cho feed chỉ là 25 post mới nhất. Như vậy Google chỉ lưu lại 25 entries mới nhất của bạn trong sitemap của nó---> Bạn cần phải thay đổi mặc định này bằng đoạn code &start-index=1&max-results=100 . Đoạn code này báo cho google biết nó cần index blog của bạn với 100 posts mới nhất. Nếu blog của bạn nhiều hơn 100 posts? Bạn cần phải add thêm 1 sitemap với đoạn code:

atom.xml?redirect=false&start-index=101&max-results=100
Bạn để ý số 101 nhé, nó báo cho google biết là cần index 100 entries trong blog của bạn, bắt đầu từ entry số 101. Nếu bạn có nhiều hơn 200 post thì bạn lại phải add thêm 1 sitemap nữa:atom.xml?redirect=false&start-index=201&max-results=100
Cứ tiếp tục như thế. Ví du TQVN hiện tại có tất cả 750 posts, Các URL sitemap lần lượt của mình là
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=101&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=201&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=301&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=401&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=601&max-results=100
http://thuquanvietnam.blogspot.com/atom.xml?redirect=false&start-index=701&max-results=100

Nhúng cảnh đẹp Việt Nam vào Blog - Ẩn biểu tượng chỉnh sửa

Nhúng cảnh đẹp Việt Nam vào Blog:

o Hãy để cho khách viếng thăm cùng đi một tour du lịch Việt Nam cùng với Blog của bạn bằng mã nguồn sau.

1. Nhúng theo mặc định :
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript" type="text/javascript"></script>
2. Có thể thay đổi kích thước :
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300"></script>
3. Thêm các thông tin về tour du lịch :
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300"&tour=3></script> 
4. Thay đổi khoảng thời gian giữa hai bức ảnh :
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300"&speed=2000></script>

5. Ẩn biểu tượng chỉnh sửa nhanh
 Biểu tượng chỉnh sửa nhanh cho widget là một tiện ích mà blogger cung cấp, rất hữu ích cho chúng ta có thể chỉnh sửa widget trực tiếp trên blog mà không phải vào bố cục để chỉnh sửa, và biểu tượng này chỉ hiển thị với admin của blog và khi đăng xuất thì không thấy nó, tuy nhiên trong quá trình thiết kế blog nếu bạn chọn chế độ xem blog (View blog) khi đang đăng nhập Blogger thì cho dù sau đó bạn đăng xuất thì vẫn nhìn thấy hiển thị biểu tượng này, và đó là lý do khiến nhiều người cảm thấy phiền toái với nó.


Việc ẩn biểu tượng này cũng khá đơn giản. Thông thường ở chế độ chỉnh sửa Template mở rộng mẫu tiện ích, trong mỗi widget đều có dòng code: <b:include name='quickedit'/> để thể hiện biểu tượng chỉnh sửa nhanh widget. Việc phải làm là ẩn đi thuộc tính này. Vậy thì chỉ cần can thiệp bằng CSS. Hãy dán đoạn code sau vào trước thẻ đóng </b:skin> khi bạn chỉnh sửa Template.

.quickedit {display:none;}
Như vậy lúc này bạn sẽ không còn thấy biểu tượng chỉnh sửa nhanh widget nữa. Nếu muốn hiển thị lại thì chỉ cần xóa bỏ đoạn code ở trên.

Hiển thị ngày tháng năm tiếng Việt

Hiển thị ngày tháng năm bằng tiếng việt:

o Đoạn mã HTML sau sẽ hiển thị nội dung ngày tháng năm bằng tiếng việt trên Blog.

<script language="" type="text/javascript">        
<!--   // Array ofmonth Names           
<!-- var monthNames = new Array("một","hai","ba","bốn","năm","sáu","bảy","tám","chín","mười","mười một","mười hai"); -->           
var monthNames = new Array("01","02","03","04","05","06","07","08","09","10","11","12");           
var dayNames = new Array("Chủ nhật,","Thứ Hai,","Thứ Ba,","Thứ tư,","Thứ Năm,","Thứ Sáu,","Thứ Bảy,")           
var now = new Date();           
thisYear = now.getYear();           
thisDay = dayNames[now.getDay()];            
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem           
document.write("Hôm nay : " + thisDay +" "+"ngày"+" "+ now.getDate() + " tháng " + monthNames[now.getMonth()] + " năm " + thisYear);           
// -->            
</script>
o     Dùng chức năng nhúng HTML/JavaScript để tùy biến ở vị trí Header hay bên phải giao diện Blog

Thứ Năm, 24 tháng 2, 2011

Mối dây bất khả phân ly

Lời Chúa: Thứ sáu, Tuần 7 Thường niên Năm A


“Như vậy, họ không còn là hai, nhưng chỉ là một xương một thịt. Vậy, sự gì Thiên Chúa đã phối hợp, loài người không được phân ly.” (Mc 10,8-9)

Sống Lời Chúa : Làm một việc hữu ích giúp người thân trong gia đình

Thứ Tư, 23 tháng 2, 2011

Sẵn sàng hy sinh

Lời Chúa : Thứ năm, Tuần 7, Thường Niên Năm A

“Nếu tay anh làm cớ cho anh sa ngã, thì chặt nó đi; thà cụt một tay mà được vào cõi sống còn hơn có đủ hai tay mà phải sa xuống hoả ngục. (Mc 9,43)


Sống Lời Chúa : Mỗi ngày tôi sẽ cố gắng thực hành một hy sinh nhằm xa tránh chước cám dỗ.

Cộng tác chứ không ganh tị

                               Lời Chúa : Thứ Tư Tuần Tuần 7 Thường Niên - Năm  A

"Ai không chống lại chúng ta là ủng hộ chúng ta" (Mc 9,40)


Sống Lời Chúa: Biết tìm cái tốt, cái tích cực nơi người khác để hợp tác