Hiển thị các bài đăng có nhãn thủ thuật blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn thủ thuật blog. Hiển thị tất cả bài đăng

Thứ Sáu, 10 tháng 5, 2013

Hướng Dẫn Thiết Kế Template Blogger

1. Cấu trúc cơ bản template của 1 blog có dạng như sau:

<?xml version="1.0" encoding="UTF-8" ?><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><b:skin><![CDATA[]]></b:skin></head><body><b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'/></b:section></body></html>
Việc bạn cần làm là vào Thiết kế → Chỉnh sửa HTML xóa toàn bộ đoạn code bên trong đó và paste đoạn code trên vào rồi save lại. Khi save lại sẽ xuất hiện 1 mục cảnh báo dạng như hình bên dưới. Bạn chọn vào mục xóa tiện ích.

Đọc thêm »

12 cách tăng lượt bình luận trên bài viết Website - Blog

Có một khó khăn nhất ở Website - Blog mới thành lập đó là nhận được ít bình luận trên bài viết của độc giả để rồi từ đó không có động lực để tiếp tục viết hoặc “đứt gánh giữa đường”. Tình trạng này nó phổ biến đến mức là một trong các nguyên nhân chính dẫn đến website - blog có thể đóng cửa, nếu bạn hỏi một người chuẩn bị đóng cửa website - blog của mình với câu hỏi “Vì sao bạn lại không tiếp tục phát triển website - blog nữa?“, thì bạn sẽ được nghe muôn vàn lý do được đặt ra, nhưng mình cho rằng nếu blog đó được nhiều người ủng hộ, sôi nổi thì đa phần là dù khó khăn đến mấy cũng phải quyết tâm giữ website - blog của mình lại. Đó là những gì mà mình quan sát được.

Đọc thêm »

Hướng dẫn bảo vệ dữ liệu Blog

Hôm nay tình cờ đọc được bài viết trên trang của Genk.Eus.vn cũng khá ấn tượng đó là lấy toàn bộ thông tin từ blogger khác. Mình cũng là một người rất xem trọng chuyện bản quyền nên dĩ nhiên là không khuyến khích việc lấy bài của người khác làm của riêng. Với lại bạn cũng nên tìm hiểu cách bảo vệ tài liệu, công sức của mình thôn qua bài hướng dẫn này. 

Điều kiện để hack data từ blog khác là blog đó phải để Cho phép nguồn cấp dữ liệu blog ở dạng Đầy đủ thì mới hack data theo cách này được.

Hình Minh họa



Đọc thêm »

Thứ Bảy, 20 tháng 4, 2013

Chèn song song cả 2 form comment của Blogspot và Facebook

Form comment facebook đã có từ lâu nhưng thường hay bị chặn bởi các nhà mạng lên thường làm chậm tộc đọ load của blog , website của bạn. Nhưng giờ việc chặn Facebook đã được khắc phục lên việc thêm Form Comment Facebook sẽ làm tăng tính tương tác cho website, blog của bạn. Vì ai cũng có thể biết được là Facebook là một cộng đồng vô cùng lớn, là mảnh đất màu mỡ để các bạn có thể chia sẻ những bài viết hay.



Đọc thêm »

Thứ Sáu, 19 tháng 4, 2013

Tăng tương tác Blog bằng form comment Facebook

Form comment facebook đã có từ lâu nhưng thường hay bị chặn bởi các nhà mạng lên thường làm chậm tộc đọ load của blog , website của bạn. Nhưng giờ việc chặn Facebook đã được khắc phục lên việc thêm Form Comment Facebook sẽ làm tăng tính tương tác cho website, blog của bạn. Vì ai cũng có thể biết được là Facebook là một cộng đồng vô cùng lớn, là mảnh đất màu mỡ để các bạn có thể chia sẻ những bài viết hay.


Đọc thêm »

Thứ Sáu, 18 tháng 1, 2013

CSS3 animated buttons

Big Button Big Button Big Button Big Button

Medium Button Medium Button Medium Button Medium Button


Đọc thêm »

Thiết kế trang báo lỗi 404 cho Blogger

Hôm nay Blogger cập nhật thêm rất nhiều tính năng về SEO vô cùng mạnh mẽ. Đầu tiên là Meta Description tag (trước đây muốn thêm nó chúng ta phải khai báo trong template), câu lệnh tương ứng là data:blog.metaDescription. Điều mình đánh giá cao nhất là có thể đặt Meta Description tag tương ứng trong từng bài viết, tính năng này mới giới thiệu chứ chưa thấy xuất hiện trong phần cài đặt bài viết. Tính năng thứ 2 là dễ dàng thêm rel="nofollow",target="_blank" cho thẻ liên kết. Tính năng thứ 3 là dễ dàng thêm alt, title cho ảnh. Và cuối cùng, tính năng được mong đợi từ lâu: Tạo trang báo lỗi 404.

Để báo lỗi hiển thị thì template của bạn phải có hàm <b:include data='top' name='status-message'/> và hàm này phải được gọi ra. Theo mình biết thì phần lớn template hiện nay được chỉnh sửa đã xóa bỏ hàm này. Trong bài viết này mình sẽ hướng dẫn các bạn tùy chỉnh để có thể hiển thị được dòng thông báo khi không tìm thấy bài viết trong kết quả tìm kiếm và lỗi trang không tìm thấy (404). Dòng thông báo sẽ không xuất hiện khi truy cập Nhãn, Bài đăng Cũ hơn...


Thêm đoạn mã dưới đây vào sau thẻ <b:includable id='main' var='top'> trong template của bạn.
<b:if cond='data:numPosts == 0'> <data:navMessage/>
</b:if>

Về cơ bản đến đây là xong. Dòng thông báo chỉ xuất hiện khi số lượng bài viết trên blog bạn ở trang hiện tại là 0. Tức là khi tìm kiếm không thấy kết quả hoặc khi trang truy cập không tồn tại (404).

Để thiết kế cho trang 404 bạn vào Cài đặt → Tùy chọn tìm kiếm. Ở mục Lỗi và chuyển hướng chọn Chỉnh sửa và viết dòng thông báo bạn muốn hiển thị (hỗ trợ cả mã HTML) hoặc sử dụng đoạn mã dưới đây để hiển thị giống blog demo.
<div class="" style="clear: both; text-align: center;">&nbsp;<img alt="404 page of brandstack" border="0" height="250" src="http://www.404notfound.fr/assets/images/pages/img/brandstackdotcom.jpg" width="400" /></div><h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Không tìm thấy trang web</h2><div><br /></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Chúng tôi thành thật xin lỗi về sự bất tiện này, nguyên nhân có thể là:</div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - Trang này không tồn tại.<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - Trang này đã bị xóa/thay đổi.<br /><span style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Xin vui lòng quay lại </span><a href="http://blogduykhanh.blogspot.com/" style="text-align: center;">Trang chủ</a><span style="text-align: center;"> Blog Duy Khánh h</span><span style="text-align: right;">oặc bạn có thể </span><a href="http://blogduykhanh.blogspot.com/2012/12/tim-kiem.html" style="text-align: right;">tìm kiếm</a><span style="text-align: right;"> các bài viết liên quan.</span>

Thiết kế trên đây chỉ mang tính gợi mở, hãy thể hiện sự sáng tạo của bạn trong việc thiết kế trang báo lỗi 404!

Thứ Ba, 8 tháng 1, 2013

Những giới hạn của Blogger Account

Bên dưới là một số thông tin về những giới hạn của một tài khoản Google Blogger để bạn tham khảo. Hy vọng những thông tin này một lúc nào đó sẽ hữu ích đối với bạn.

Đọc thêm »

Chủ Nhật, 6 tháng 1, 2013

SEO là gì?

Theo định nghĩa của chính Google

Chúng tôi trích đăng nguyên văn

"SEO is an acronym for "search engine optimization" or "search engine optimizer." Deciding to hire an SEO is a big decision that can potentially improve your site and save time, but you can also risk damage to your site and reputation. Make sure to research the potential advantages as well as the damage that an irresponsible SEO can do to your site."
Đọc thêm »

Thứ Bảy, 5 tháng 1, 2013

Mẹo vặt trong thiết kế Template Blogspot

Đối với các Blogger ưa “táy máy” thì việc “vọc” code không những là thú vui mà còn là sự đam mê, là nơi cho những ý tưởng đầy sáng tạo thỏa sức bay bổng.

Không những vậy, nó thậm chí còn có thể mang lại lợi nhuận không nhỏ một khi bạn đã trở thành một Pro Blogger Designer, bằng việc bán Template, bán back-link,…

Tuy nhiên, để trở thành một Pro Blogger Designer không phải một sớm một chiều mà được. Và trong bài viết bên dưới, iTechPlus sẽ giới thiệu đến các bạn mới gia nhập Blogspot, một số mẹo nhỏ cơ bản trong quá trình thiết kế Template cho riêng mình.

1. Xóa thanh Navbar :

Thanh Navbar là thanh chứa các công cụ như Tìm kiếm, theo dõi, chia sẻ, báo cáo lạm dụng,…xuất hiện phía trên cùng của Blog.


Cách loại bỏ : chèn dòng code bên dưới trước thẻ đóng </b:skin>
#navbar{display:none !important}

2. Xóa đường bao quanh liên kết :

Khi click vào link nào nó trên blog, có thể bạn sẽ gặp trường hợp sẽ xuất hiện một đường bao quanh liên kết này nhìn rất không thẩm mỹ tí nào.


Cách loại bỏ : chèn dòng code sau trước thẻ đóng </b:skin>
a {outline:none}

3. Xóa dấu gạch chân dưới liên kết :

Một số template khi rê chuột vào link bất kỳ bạn sẽ thấy xuất hiện một đường gạch chân bên dưới link đó.


Các loại bỏ: tìm trong template đoạn code bên dưới hoặc tương tự (thuộc tính a:hover) :
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
và thay thế thành :
a:hover {
  color:$titlecolor;
  text-decoration:none;
}

4. Giới hạn kích thước cho hình ảnh :

Việc giới hạn hoặc qui định kích thước cụ thể cho hình ảnh không những giúp trình duyệt đỡ mất thời gian tính toán kích thước thật của ảnh (sẽ làm chậm thời gian tải trang) mà còn giúp blog bạn tránh được trường hợp hình ảnh quá lớn, sẽ hiển thị tràn cả trang bài viết (Main-wrapper) hoặc bị Sidebar che mất một phần gây mất thẩm mĩ cho Blog.
Cách khắc phục: tìm trong template class “.post img” và chèn đoạn code in đậm như bên dưới :
.post img {
  max-width:538px;  // chiều rộng tối đa
  max-height:468px;  //chiều cao tối đa
  padding:4px;
  border:1px solid $bordercolor;
}

5. Ẩn liên kết “Đăng ký: Các Bài đăng (Atom)”

Liên kết này nhằm giúp người đọc nhanh chóng Bookmark lại trang của bạn để xem lại sau. Tuy nhiên, với các tiện ích như Bookmark and Share Homepage hay Đưa bài viết trên Blog lên các mạng xã hội thì tính năng này không còn mấy Blogger sử dụng nữa.


Thực hiện: tìm trong template class “.feed-links” và chèn vào đoạn code in đậm như bên dưới
.feed-links {
  clear: both;
  line-height: 2.5em;
  display:none;
}

6. Ẩn Status Message Bar

Status Message Bar là thanh trạng thái hiển thị phía trên bài viết khi click vào “Nhãn” hoặc “Lưu trữ”, cho biết trạng thái của trang hiện hành.



Thực hiện: chèn đoạn code sau vào trước thẻ đóng </b:skin>
.status-msg-wrap{display:none !important;}
Hy vọng một số thủ thuật nhỏ trên đây sẽ có lúc hữu ích đối với bạn.
Chúc các bạn thành công !
iTechPlus (tổng hợp)

Thứ Hai, 31 tháng 12, 2012

Xóa dòng chữ "Hiển thị các bài đăng có nhãn..." trong Blogger

Trong Blogspot, mỗi khi ta bấm vào xem nhãn của bài viết thường xuất hiện thông báo "Hiển thị các bài đăng có nhãn...Hiển thị tất cả bài đăng" (Với blog dùng ngôn ngữ tiếng Anh là "Showing posts with label ... Show all posts") như bên dưới:


Dòng thông báo với blog sử dụng ngôn ngữ tiếng Việt 


Dòng thông báo với blog sử dụng ngôn ngữ tiếng Anh 
Nếu bạn muốn xóa dòng thông báo này,Hãy thực hiện theo các bước bên dưới:
1. Đăng nhập vào Blogger
2. Vào Mở rộng Mẫu Tiện ích

Ở bước 3 dưới này mình sẽ hướng dẫn theo 2 cách,tùy vào giao diện bạn sử dụng mà sửa. Nếu cách 3.1 không được thì làm lại theo cách 3.2 

Cách 3.1 Chèn đọan code sau vào phía trên dòng ]]></b:skin>

.status-msg-wrap{
display:none;
}

Cách 3.2 Bạn tìm đến đoạn code bên dưới:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Bạn thay toàn bộ đoạn code trên bằng đoạn code dưới này:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
4. Lưu mẫu
5. Bạn kiểm tra xem thông báo này còn không nhé.
Chúc các bạn thành công !

Hiển thị bài viết trong cùng một nhãn


Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một bài mới nhất ở phía trên, bên cạnh là vài dòng giới thiệu đầu (bạn có thể cho hiển thị một hay nhiều bài có hình cũng được), các bài viết còn lại sẽ hiển thị phía dưới dạng List (chỉ có các tiêu đề). Khi bạn bấm vào dòng tiêu đề đầu tiên có màu nền xanh (thủ thuật Windows 7) thì sẽ xem hết các bài trong nhãn...

Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.

<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJqlBdbVeUuMKu4zDIXzo6ePvnlph8YQmqRDo_tL1WKw6_BsjrfkKZSA4cw3_dBVymVRUaVy6DyeC8OcNEX2UYIS4Yhj3_Ci9HJWRywi7xnxofjDIYQz-9pnjMW6uqYQCUDDRTAXb6_uuw/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://www.dungheineken.blogspot.com/search/label/WIN 7">Thủ thuật Windows7</a></h2>
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
var s = a.split("<");
for (var i = 0; i < s.length; i++) {
if (s[i].indexOf(">") != -1) {
s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
}
}
s = s.join("");
s = s.substring(0, b - 1);
return s
}
function showrecentposts(e) {
img = new Array();
for (var i = 0; i < numposts; i++) {
var f = e.feed.entry[i];
var g = f.title.$t;
var h;
if (i == e.feed.entry.length) break;
for (var k = 0; k < f.link.length; k++) {
if (f.link[k].rel == 'alternate') {
h = f.link[k].href;
break
}
}
if ("content" in f) {
var j = f.content.$t
} else if ("summary" in f) {
var j = f.summary.$t
} else
var j = "";
s = j;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
var m = '<li><a href="' + h + '">' + g + '</a></li>';
if ((i >= 0) && (i < list1)) {
var n = l
}
if (i == list1) {
var n = '<div class="itechplus-rc"><ul>' + m
}
if ((i > list1) && (i < numposts - 1)) {
var n = m
}
if (i == numposts - 1) {
var n = m + '</ul></div>'
}
document.write(n)
}
}
document.write("<script src=\"http://www.dungheineken.blogspot.com/feeds/posts/default/-/WIN 7?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

Bây giờ, bạn thay đổi các đường link màu đỏ (http://www.dungheineken.blogspot.com/feeds/posts/default/-/WIN 7) là địa chỉ nhãn mà bạn muốn hiển thị, thay đổi các số màu xanh theo ý muốn của bạn:
* Numposts (Số bài hiển thị kể cả có hình hoặc không có hình).
* List1 (Số bài hiển thị có hình)
* SumPots (Số chữ giới thiệu ở bài có hình)
* Width (độ rộng của khung tiện ích)

Và bấm LƯU lại là xong

LƯU Ý: Các bạn phải điền thật chính xác địa chỉ nhãn của bạn ở các dòng màu đỏ, nếu không nó sẽ bị lỗi và không hiển thị được.
Chúc các bạn thành công

Chủ Nhật, 23 tháng 12, 2012

Phân trang đẹp cho Blogspot

Xem thử:
Pages (6) 

1. Đăng nhập Blogger và chọn mục Mẫu
2. Click chọn Chỉnh sửa HTML
3. Tìm đoạn code </body> và dán trước nó đoạn mã bên dưới.
<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJWt9KhzLVvQuoV42lJ-Pytp7dis0vef7C1OSomLcCxprDJ94ECIpvKOmmptC86no-S-1oSu2Pe7q9HKuh_Yg8b9WDcbflcwJgyy3afgGZTPo9q9XgsFNGSzQ0V4cyjdAIcIJKv1BYTlfO/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZD6EGTdc6etb9woBjaUSw0-RH4KtVj9NN5OcroLDuKFarqQkhd5So_VLDAhysm5-Q7UItU4L3rQrk67dguM3s-PEfmxojzllUSFavaM0e9weUKoafSfktxEspFeFtvIa5ZxPq21U8jXC/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;} .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZD6EGTdc6etb9woBjaUSw0-RH4KtVj9NN5OcroLDuKFarqQkhd5So_VLDAhysm5-Q7UItU4L3rQrk67dguM3s-PEfmxojzllUSFavaM0e9weUKoafSfktxEspFeFtvIa5ZxPq21U8jXC/) no-repeat 0 100%;color : #fff;} .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZD6EGTdc6etb9woBjaUSw0-RH4KtVj9NN5OcroLDuKFarqQkhd5So_VLDAhysm5-Q7UItU4L3rQrk67dguM3s-PEfmxojzllUSFavaM0e9weUKoafSfktxEspFeFtvIa5ZxPq21U8jXC/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;} .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;} </style> <script style='text/javascript'> var pageCount=5; var displayPageNum=1; var upPageWord="Previous"; var downPageWord="Next"; </script> <script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

#var pageCount=5; là số bài đăng mỗi trang
Lưu mẫu và xem kết quả

Thứ Ba, 18 tháng 12, 2012

Xóa (ẩn) biểu tượng chỉnh sửa nhanh widget



- Các bạn thực hiện các bước đơn giản sau:

+ vào bố cục
+ vào chỉnh sửa code HTML (không cần nhấp chọn mở rộng mẫu tiện ích)
+ chèn đoạn code CSS bên dưới vào trước dòng code ]]></b:skin>
.quickedit{
display:none;
}
+ Save template. Như thế là đã hoàn thành, bạn hãy thử xem.

Thứ Hai, 17 tháng 12, 2012

Chống sao chép bài viết


- Các bạn vào Thiết kế, chọn Chỉnh sửa HTML, check vào ô Mở rộng mẫu tiện ích nhé.
- Bấm tổ hợp phím Ctrl+F để tìm Mã:

]]></b:skin> Chèn đoạn mã dưới này vào ngay trước ]]></b:skin>:


.post-body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}

- Lưu mẫu để hoàn thành. Chúc các bạn thành công!

Thứ Bảy, 15 tháng 12, 2012

Tạo sitemap (mục lục) cho Blogpost

Một dạng sitemap hay bảng mục lục rất phù hợp cho các blogger. Bạn có thể xem ảnh minh họa bên dưới



Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger

2. Bạn vào soạn thảo bài viết mới (New Post) ở chế độ HTML và chèn vào code bên dưới



<style type='text/css'>
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em; 
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.post-footer, #blog-pager, #comments,#disqus_thread{display:none;}
h3.title-header {float:center;text-align:center;font-size:15px}
</style>
<script src="http://dl.dropbox.com/u/74775294/Filejs/bloggertocaccordion.js"></script>
<script src="http://blogduykhanh.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://dl.dropbox.com/u/74775294/Filejs/accordion-pack.js" type="text/javascript"></script>

- Bạn thay http://blogduykhanh.blogspot.com thành địa chỉ blog của bạn.

3. Bây giờ bạn xuất bản bài viết (Publish posts) là xong

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

Hướng dẫn tạo bảng trong bài viết trên blogspot

1 Bảng trong HTML được định nghĩa bằng cặp thẻ <table>...</table> Trong một bảng thì được chia thành nhiều cột và hàng. Mỗi hàng được giới hạn hoặc ngắt hàng bởi cặp thẻ <tr>...</tr>, và trong mỗi hàng lại có nhiều Ô tùy theo trường hợp sử dụng cặp thẻ giới hạn giữa các ô là <td></td>Ví dụ: 1 bảng gồm 2 hàng, 3 cột và mỗi hàng gồm có 3 ô.
<table border="1" cellpadding="10">
<tr>
<td>Ô 1</td>
<td>Ô 2</td>
<td>Ô 3</td>
</tr>
<tr>
<td>Ô 4</td>
<td>Ô 5</td>
<td>Ô 6</td>
</tr>
</table>
Như vậy là chúng ta đã tạo được 1 cái bảng đơn giản, nhìn thì hơi thô thôi. Còn nếu các bạn muốn gộp Hàng hoặc Cột lại thì Bạn sẽ thêm các thuộc tính như

rowspan="Số hàng muốn gộp lại"

colspan="Số cột muốn gộp"

Chẳng hạn như bạn muốn gộp Ô 1 và Ô 4 cột lại thành 1 cột thì sẽ dùng rowpan="2" để hợp lại.
<table border="1" cellpadding="10">
<tr>
<td rowspan="2">Ô 1</td>
<td>Ô 2</td>
<td>Ô 3</td>
<td>Ô 3-3</td>
</tr>
<tr>
<td>Ô 5</td>
<td>Ô 6</td>
<td>Ô 7</td>
</tr>
</table>
Hoặc nếu không muốn hợp 2 hàn thành 1 cột như thế thì mình hợp 2 Ô trên cùng một hàng lại
<table border="1" cellpadding="10">
<tr>
<td colspan="2">Ô 1+</td>
<td>Ô 2</td>
<td>Ô 3</td>
</tr>
<tr>
<td>Ô 4</td>
<td>Ô 5</td>
<td>Ô 6</td>
<td>Ô 7</td>
</tr>
</table>
Như vậy là việc Hợp các Cột hoặc Hàng lại cơ bản đã xong. Bây giờ bạn muốn đổ màu cho Ô , Cột hoặc là Hàng mà mình thích thì làm sử dụng thuộc tính bgcolor="#ee8018"

#ee8018 Các bạn thay thế Mã màu phù hợp theo trường hợp hoặc sở thích của bạn. Để lấy được mã màu các bạn xem ở đây. Ví dụ đổ màu cho các Ô như sau:
<table border="1" cellpadding="10">
<tr>
<td colspan="2" bgcolor="#ee8018">Ô 1+</td>
<td bgcolor="#dddddd">Ô 2</td>
<td bgcolor="#544754">Ô 3</td>
</tr>
<tr>
<td bgcolor="black">Ô 4</td>
<td bgcolor="red">Ô 5</td>
<td bgcolor="blue">Ô 6</td>
<td>Ô 7</td>
</tr>
</table>

Và Dưới đây là một số thuộc tính dùng để giúp tạo bảng tốt hơn. Các bạn tham khảo và áp dụng nha.
Thẻ dùng cho <Table>:

- border: Xác định độ dày của khung bao quanh bảng

- bordercolor: Màu của khung bao quanh, viết dưới dạng dấu # và 6 chữ số HEX tiếp theo.

- cellspacing: Xác định khoảng cách giữa các ô trong bảng.

- width: Xác định độ rộng của bảng

- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho toàn bảng

- bgcolor: Xác định màu nền của bảng, viết theo kiểu #XXXXXX (số HEX).

Thẻ dùng cho <td>

- width: Độ rộng của ô

- height: Chiều cao của ô

- colspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 dòng)

- rowspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 cột).

- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho ô

- bgcolor: Xác định màu nền ô, viết theo kiểu #XXXXXX (số HEX).

Về cơ bảng thì Một cấu trúc của bảng đơn giản là thế Nếu các bạn hiểu biết về CSS thì có thể tùy chỉnh cho đẹp hơn nữa.

Thứ Ba, 27 tháng 11, 2012

Content Background

You probably know how to configure your Site content area background color or image:
click More actions ► Manage site ► Colors and Fonts ► Content background color / Content background image ►Choose a color / Choose a background image ► Save.
However, these settings are under Site Appearance, i.e. they're Site-wide, not page-specific. What if you'd like to set a background color or image on a particular page content?

Instructions
Background color
In edit mode click the HTML button ► insert the following code:

<div style="background-color:#FFE4E1; padding:3px;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
 Notes: 
1.    If you have an existing page with content, just add the red code to the very top of your HTML editor and the blue code to the very bottom of it.
2.    You can pick any HTML color and its darker/lighter shades.

Click Update ► add anything (else) you wish to your page ► Save. That's how I created this page.







Background Image


Take similar steps with the following code:


    <table width="100%" border="0" cellspacing="0" cellpadding="3" background="http://www.example.com/image.jpg">
    <tr>
    <td>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </td>
    </tr>
    </table>



        Notes:
    1.  As seen on this page you can set a background color or image in a part of your page content. Simply set your <div> or <table> width and height values in pixels, e.g. width:500px or percent, e.g. width="80%" and insert the code wherever you want.
    2.  By default, a background image is repeated, and placed at the top-left corner of the table. To display it only one time set the table tag like this:
    <table style="background-repeat:no-repeat;" width="100%" .....
    To change the image position it might help to change its canvas size using an image editor


    Origilhttps://sites.google.com/site/mori79

    Thứ Tư, 21 tháng 11, 2012

    10 cách giúp website thường trực trong công cụ tìm kiếm

    Dưới đây là 10 cách có thể giúp website của bạn không chỉ thường xuyên có tên trong danh mục kết quả tìm kiếm mà thậm chí còn được liệt kê ở vị trí trong tốp danh sách dẫn đầu của các trong web tìm kiếm hiện nay.
    Không cách nào được đánh giá cao hơn so với những phương pháp khác mà tốt nhất chúng ta cùng kết hợp để có thể thu được kết quả cao hơn.

    1. Hãy là người đi tiên phong trong việc đăng ký URL của website tại các nhà cung cấp dịch vụ tìm kiếm


    Cách thức kinh doanh của các hãng cung cấp công cụ tìm kiếm tương tự như hình thức quảng cáo có sử dụng xuất bản định kỳ: Tập hợp các nội dung chắt lọc để thu hút người xem, rồi sau đó bán nó cho các nhà quảng cáo. Rõ ràng là các công cụ tìm kiếm nên để các nhà thiết kế nội dung đệ trình URL, bởi làm vậy sẽ tăng cường thêm giá trị của việc thu thập các trang chủ của công cụ tìm kiếm, việc này giúp cho trang công cụ tìm kiếm có thêm được một thành viên mới trong hộ khẩu của mình và rồi họ sẽ dễ dàng bán được các quảng cáo.

    Đối với các công ty qui mô nhỏ, việc đi tiên phong gửi đăng ký URL của một vài website là một quá trình khá dễ dàng, chỉ đơn giản là nhắp chuột vào nút “gửi đường link URL”. Những đường link như trên có thể dễ dàng tìm thấy ở một dạng hình thái hay site khác của các công cụ tìm kiếm thông dụng.

    Lưu ý, hãy cảnh giác với những website tuyên bố ba hoa rằng họ có thể gửi URL của bạn tới hàng trăm nhà cung cấp công cụ tìm kiếm. Trên thực tế, hiện có chưa đầy 10 nhà cung cấp công cụ tìm kiếm có tiếng mà bạn có thể tin tưởng như yahoo.com, google.com, ở Việt Nam có vinaseek.com hoặc panvietnam.com.

    2. Nên nhớ rằng thứ hạng tỉ lệ thuận với mức chi phí


    Trên thực tế, có những lý do có cơ sở để bạn có thể bỏ tiền đầu tư vào khoản quảng cáo website của mình trên các site cung cấp dịch vụ tìm kiếm. Dennis Buchheim – giám đốc phụ trách nguồn thu tài chính của trụ sở chính hãng Inktomi tại Sunnyvale, California giải thích rằng những khoản phải đóng góp sẽ giúp cho khách hàng được ưu tiên hơn về thứ hạng trong việc hiển thị danh sách kết quả tìm kiếm, không những thế, họ còn cam đoan chắc chắn rằng doanh nghiệp của bạn sẽ nằm trong danh sách kết quả tìm kiếm theo thuật toán. Và tất nhiên, khoản chi phí bạn đóng góp càng cao thì độ ưu tiên cho website của bạn càng cao. Thường thì các nhà cung cấp dịch vụ tìm kiếm đưa ra các mức giá khác nhau cho từng thứ hạng ưu tiên khác nhau.

    Ví dụ, dịch vụ trên cho phép một khách truy cập có thể nhận được các báo cáo bao gồm thông tin về các từ khoá được những người tìm kiếm đưa ra. Nếu như website của bạn được ưu tiên hiển thị ra một trong số những trang liệt kê kết quả tìm kiếm đầu tiên thì xác suất người tìm kiếm thông tin click chuột vào địa chỉ đường links của website là rất cao. Thông tin này rất đáng giá bởi nó cho phép các chủ nhân của các website điều chỉnh mức chi phí đóng góp để nâng hoặc giảm vị trí của website trong bảng thứ tự xếp hạng của nhà cung cấp dịch vụ tìm kiếm.

    3. Biến đổi nội dung để lọt vào các phần mềm lọc thông tin và liệt kê


    Các chương trình phần mềm liệt kê kết quả tìm kiếm, có tên hiệu “con nhện” (spiderbot), phản hồi cách chúng lướt qua các trang web ra sao, ghi lại một số thông tin, diện mạo của từng trang, trong đó có cả text. Trong bản ghi, danh sách các thông tin được tạo ra và liệt kê lại, “con nhện” nhận dạng tần số của các từ đặc thù trong một trang và đây sẽ là một phần của thuật toán phức tạp tính giá trị của trang, và sau cùng là xếp hạng.

    “Con nhện” có thể sẽ làm việc theo cách như sau: Nếu như một trang có từ “Internet” được lặp lại 4 lần và ở trang khác cũng có 12 từ “Internet”, thêm nữa cả hai trang đều có từ “Internet” trong thẻ meta và phần tiêu đề trang thì trang thứ hai sẽ được xếp lên vị trí cao hơn. Thuật toán “con nhện” cũng tính toán và xếp hạng những từ được ghép với từ khác, ví dụ như từ “ôtô”, “phụ tùng ôtô”, “ôtô con”…của trang web một công ty bán ôtô.

    Vì vậy, để trang web của bạn có độ ưu tiên cao trong bảng xếp hạng bạn hãy chèn thêm các từ khoá thông dụng và phổ biến. Ví dụ, tên công ty của bạn là Hồng Hà, hoạt động trong lĩnh vực thủ công mỹ nghệ, khi làm trang web, phần trang chủ cũng như các trang trong bạn nên chèn thẻ meta có dạng text như: "handicraft, fineart, hongha handicraft, hongha-fineart"…. Như thế, phần mềm đọc và xếp hạng của các trang công cụ tìm kiếm sẽ tìm đến trang web của bạn dễ hơn.

    Trên thực tế, có rất nhiều webmaster đã chèn thêm vô tội vạ những từ không liên quan tới lĩnh vực cũng như nội dung thông tin trang cung cấp để giành lấy cơ hội có được thứ hạng cao trong bảng xếp hạng liệt kê kết quả tìm kiếm của các search engine. Một số tác giả của những trang web khác còn quỉ quyệt hơn, họ chèn hàng trăm, hàng nghìn từ khoá để font chữ trắng trên nền trang web màu trắng ở cuối trang, hoặc chữ cùng màu với màu nền để đọc giả không thể nhận biết được. Người truy cập sẽ không nhìn thấy gì, “con nhện” thì bị “mù màu”, và biện pháp này đã qua mắt được các phần mềm tìm kiếm theo từ khoá của các search engine.

    Bên cạnh phương pháp lọc tìm theo từ ngữ dạng text, “con nhện” còn xếp hạng trang web theo dạng mã HTML, các file ảnh và audio. Vì vậy, khi đặt tên cho ảnh bạn cũng nên chọn những tên thông dụng và phổ biến. Ví dụ, bạn xây dựng trang web bán ôtô, những ảnh được dùng cho trang bạn nên đặt là car1.jpg, car.jpg, không nên đặt là anh.jpg, anh1.jpg.

    4. Hãy nhớ rằng: "Tiêu đề trang (Page Title) là yếu tố sống còn"


    Tiêu đề trang thường bị mọi người nhầm lẫn với tên của trang web. Để tránh tình trạng này, bạn nên biết rằng tên của trang tương đương với tên của file, ví dụ: "i.e., abcdefg.htm" - ngược lại tiêu đề trang là một hoặc nhiều từ được hiển thị trên thanh tiêu đề của trình duyệt web. Tiêu đề trang phải được đặt thật cẩn thận. AltaVista gợi ý đó là phần mà những người sử dụng công cụ tìm kiếm nhìn thấy trước tiên khi họ nhìn lướt qua danh sách liệt kê kết quả tìm kiếm, và Buchheim của Inktomi lưu ý rằng yếu tố này vẫn chưa đủ để trang web của bạn được xếp hạng cao tại search engine. “Tiêu đề phải được đặt hấp dẫn để có thể thu hút người đọc nhấp chuột. Bên cạnh những từ ngữ lôi cuốn của tiêu đề thì những từ ngữ miêu tả đi kèm cũng phải hấp dẫn”.

    Cũng cần phải cân nhắc rằng có nhiều trang cỡ lớn và trung bình hợp thành chưa đầy ảnh, flash, khung và các tính năng khác mà “con nhện” không dễ gì nhận dạng được. AltaVista cho rằng tiêu đề trang thậm chí có tầm quan trọng hơn một trang cá biệt (ví dụ trang có khung) có ít nội dung dạng text.

    5. Chú tâm tới thẻ meta của bạn


    Có một vài loại thẻ meta, tuy nhiên đứng trên quan điểm của người quản lý thì chỉ có 2 loại chính: thẻ meta miêu tả và thẻ meta từ khoá.

    Thẻ meta miêu tả là những cụm từ, câu văn được soạn cẩn thận, có thể được xuất hiện dưới phần tiêu đề trang khi hiển thị trong danh sách kết quả tìm kiếm. Bởi sức hấp dẫn của những từ ngữ có thể định đoạt việc khách hàng tìm kiếm thông tin có nhắp chuột vào đường link website của bạn hay không. Việc nghĩ ra những từ ngữ dạng text hấp dẫn vô cùng quan trọng. Một số webmasters làm những trang web cho những công ty có sản phẩm tiêu dùng cạnh tranh cao thuê các nhà tư vấn viết thẻ meta miêu tả với hy vọng đọc giả sẽ bị lôi kéo viếng thăm website của công ty.

    Thẻ meta từ khoá chứa những từ khoá và cụm từ mà các webmasters đặt vào mã nền tại vị trí đầu trang web. Vào cuối thập niên 1990, “con nhện” thường sử dụng loại thẻ này - chúng được đặt tại phần đầu trang HTML ở phần đầu mỗi trang web.

    Tuy nhiên, có khá nhiều tác giả các trang web trình bày sai nội dung website của họ bằng việc chèn thêm những từ khoá giả mạo nên việc sử dụng các thẻ từ khoá meta bây giờ không còn vai trò quan trọng trong việc xác định giá trị và sắp xếp thứ hạng. Ông Buchheim của Inktomi cho biết giờ dịch vụ tìm kiếm thông tin của công ty ít chú trọng tới thẻ meta từ khoá, mà đề cao các yếu tổ bổ xung khác như tiêu đề và số đường link. Tương tự, www.webrankinfo.com khuyên Google không nên tiếp tục duy trì phương thức tìm kiếm dựa vào thẻ meta từ khoá. Cùng với Google, một số search engine khác như AOL Search cũng không sử dụng phần mềm sử dụng thuật toán tìm kiếm dựa vào thẻ meta từ khoá.

    6. Thiết lập các đường link 2 chiều


    “Chất lượng và số lượng website liên kết tới website của bạn có ảnh hưởng tới thứ hạng tại các search engines”, theo lời ông Detlev Johnson – một chuyên gia nổi tiếng đánh giá các search engine. Ông Johnson lưu ý rằng, quá trình thu thập các đường link không đơn giản như việc thuyết phục một số lượng lớn các website liên kết tới website của bạn. Những website này phải có chất lượng cao bởi thế trang được tìm đến được search engines coi là “quan trọng”.

    Việc thuyết phục các website chất lượng cao liên kết tới site của bạn cũng có nghĩa mọi người sẽ có thể tìm thấy website của bạn mà không cần phải nhờ đến search engine. Đây là một lợi thế bởi mục tiêu chủ đạo của bạn là muốn mọi người biết đến website của mình - được xếp ở thứ hạng cao trong search engine không phải là cách duy nhất để site của bạn được mọi người biết đến.

    Quá trình thuyết phục các website khác đặt đường link liên kết tới một domain mới sẽ gặp nhiều khó khăn. Tuy nhiên, nếu bạn có lý do chính đáng và thuyết phục để có được các đường link tới URL của bạn thì cơ hội thành công sẽ cao hơn. Đơn giản hơn là việc “có đi có lại”, bạn cũng sẽ đặt đường liên kết tới các website khác mà bạn muốn nhờ đặt đường link tới site của bạn.

    Việc có được các đường link “khứ hồi” cũng sẽ giúp cho bạn có được mối quan hệ khách hàng mật thiết: Các công ty có thể đưa yêu cầu rằng các khách hàng có website sẽ đặt đường liên kết tới website của họ. Hơn nữa, nếu bạn có mối quan hệ với hiệp hội công nghiệp hay phòng thương mại thì bạn có thể đề nghị các tổ chức này đặt đường link trên website của họ liên kết tới domain của công ty bạn. Các đường link từ các site của khách hàng và các tổ chức, bạn ngành sẽ được ưu đãi trong việc tính thứ hạng của website.

    Để biết xem trang web của bạn đã được liên kết tới các website khác hay chưa, hãy gõ dòng chữ “link:www.tênmiềncôngtybạn.com” vào trang cung cấp dịch vụ tìm kiếm. Ở trang hiển thị kết quả, nhà cung cấp công cụ tìm kiếm sẽ liệt kê tất cả các website có đặt đường link tới URL của bạn. Nhiều trang trong số đó có thể là những đường link nội bộ (từ website của bạn), tuy nhiên bạn cũng sẽ phải ngạc nhiên vì có nhiều website khác cũng có đường liên kết tới website của bạn. Quá trình kiểm tra này về cơ bản bạn nên thường xuyên tiến hành. Nếu như các website được liệt kê có chất lượng cao, bạn nên liên hệ với họ để “trả ơn”, và tiếp đến là thiết lập mối quan hệ “hai chiều”, trao đổi, thiết lập đường link trên 2 website để tăng thứ hạng của bạn trong lần lướt tiếp theo của “con nhện”.

    7. Tập trung vào sự trao đổi lẫn nhau


    Những đường link 2 chiều thường được các search engines đánh giá cao hơn những đường link một chiều, không tương hỗ lẫn nhau. Một điều mà các nhà quản lý cần cân nhắc là khoảng thời gian yêu cầu để liên hệ với các cơ quan tổ chức khác nhau, đặt vấn đề thiết lập mối quan hệ trao đổi lẫn nhau.

    Ví dụ, có thể mất một vài ngày hoặc một vài tuần mới thiết lập được một mối quan hệ tương tác, và tất nhiên bạn phải gọi nhiều cuộc điện thoại cũng như gửi nhiều bức thư điện tử để liên hệ và trao đổi công việc. Bởi vì có thể hiệu rộng rằng việc thiết lập các đường link qua lại là việc tiêu tốn thời gian và bao hàm một số mức độ của mối quan hệ giữa đôi bên, các search engines định giá trị cao các đường link như vậy hơn là các đường liên kết một chiều thuần tuý.

    Nếu như bạn không biết rõ về các công ty kinh doanh trực tuyến mà bạn có thể đối thoại, có lẽ bạn nên xem xét bàn luận về vấn đề thanh toán cho dịch vụ trao đổi đường link và các trang cung cấp dịch vụ danh bạ đường link. Có một số người coi việc trao đổi đường link là hữu ích nhưng cũng có những đối tượng có suy nghĩ theo chiều ngược lại.

    Michael Wong của website www.mikes-marketing-tools.com cảnh báo rằng: “Đừng bao giờ sử dụng những đường link từ những website trao đổi đường link và các trang cung cấp dịch vụ danh bạ đường link”. Theo kinh nghiệm của Wong: “các trang cung cấp dịch vụ danh bạ đường link ở một hoặc nhiều website thường có thiên hướng cập nhật thêm số lượng đường link tới các trang và website khác. Trong khi đó, các search engines hàng đầu coi các đường link như vậy là spam, bởi vậy không nên quá chú trọng vào những đường link kiểu như vậy”.

    Glick - một quan chức của trang tìm kiếm AltaVista xác nhận rằng những đường link từ những trang cung cấp dịch vụ danh bạ đường link thường bị coi là spam, và nếu như website sử dụng những đường link như vậy một cách thái quá thì có thể tất cả sẽ bị đánh tụt hậu trong danh sách xếp hạng của AltaVista.

    8. Đánh giá quãng thời gian tồn tại


    Nếu bạn muốn một trang web thông thường được xếp hạng cao trong danh sách kết quả tìm kiếm, điều đó có thể được nếu như trang đó được post lên website và tồn tại một quãng thời gian đủ lâu để các search engines có tiếng tăm lọc được và chọn lên hàng đầu. Khối lượng và tính phức tạp của nội dung website đang tăng với tốc độ nhanh hơn tốc độ mà các “con nhện” của các search engine có thể phân loại và liệt kê. Vì vậy, một tiêu chí để các search engine đánh giá website là quãng thời gian mà trang tồn tại trong thế giới internet. Những trang tồn tại được 1 năm hoặc hai năm trở nên luôn được tốp 10 search engine hàng đầu thế giới “tìm thấy”, và vì thế những trang web mới được upload cách đây một vài tuần cũng sẽ được hưởng lợi theo.

    9. Cập nhật thường xuyên


    Đối với những kết quả liệt kê bao gồm đoạn thuyết minh mang tính nhân văn về nội dung của website, thường xuyên cập nhật thông tin được mọi người đánh giá cao hơn những website tĩnh, không có sự thay đổi về nội dung. Tuy nhiên, kết quả tìm kiếm sẽ bị vuột mất nếu thuật toán tìm kiếm không tính đến thông tin và ngày cập nhất cuối cùng trong bảng ghi điểm xếp hạng. Bởi vậy, khi cập nhật website của bạn thường xuyên mà quên lưu tâm tới 9 điều khác liệt kê trong bài này thì bạn sẽ lãng phí thời gian, website của bạn sẽ không được tính đến bởi bất kỳ thuật toán tìm kiếm xếp hạng nào. Mặt khác, khi update một trang nên tạo các đường link và chèn thêm các từ khoá để trang của bạn sẽ được cộng dồn giá trị trong việc xếp hạng website.

    10. Tạo các url "thân thiện" với các search engines


    Thông thường các url của các trang web động (dynamic content - trang web có nội dung động được lưu trong CSDL và được quản lý bằng một hệ thống quản trị nội dung) sẽ chứa các ký tự đặc biệt như "?" hoặc "&" trong quá trình website hoạt động. Nhưng tiếc là các trang web động này thường bị các công cụ tìm kiếm bỏ qua hoặc xếp vào hạng đợi để đánh chỉ mục (index) rất chậm vì nhiều lý do kĩ thuật. Vậy, cần tạo ra các url trong website mà không chứa các ký tự "?" và "&" để các search engine có thể dò tìm và đánh chỉ mục một cách nhanh chóng.

    Do đó, một số webmaster đã "làm mẹo" bằng cách tạo ra các trang web tĩnh theo chủ đề để hạn chế vấn đề này. Lấy ví dụ trường hợp bạn bán nhiều loại thiết bị điện tử để bàn và cầm tay. Bằng cách tạo một trang web tĩnh (một trang "bình thường" không được tạo từ cơ sở dữ liệu) cho thiết bị để bàn và một trang khác cho thiết bị cầm tay, webmaster có thể sử dụng các từ khóa quan trọng trên các trang này và vấn đề kết nối đến các trang động để trưng bày từng sản phẩm. Công cụ tìm kiếm không hiểu được các trang động nhưng sẽ hiểu được trang tĩnh theo chủ đề mô tả và kết nối đến hàng loạt sản phẩm khác nhau.

    Tuy vậy, đây là cách làm tốn sức và "không thông minh". Với các thành phần đưa thêm vào máy chủ web, webmaster có thể tạo ra các trang web động mà không chứa các ký tự "?" và "&" thông qua phương pháp được gọi là "viết lại đường dẫn" (url rewrite). Với phương pháp này, các nội dung động vẫn được quản lý và hiển thị một cách nhanh chóng đồng thời lại "thân thiện" với các search engines, và điều đó tạo điều kiện cho các search engines đánh chỉ mục rất sâu vào website, mang đến khả năng website có thể xuất hiện tốt tại các kết quả tìm kiếm (vì nội dung được đánh chỉ mục nhiều và sớm).

    Thứ Bảy, 10 tháng 11, 2012

    Xóa (ẩn) biểu tượng chỉnh sửa nhanh widget


    Xóa (ẩn) biểu tượng chỉnh sửa nhanh widget


    Biểu tưởng chỉnh sửa nhanh cho widget là một tiện ích mà blogger cung cấp, giúp 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, biểu tượng này chỉ hiển thị với admin của blog. Và bài viết này mình sẽ hướng dẫn các bạn ẩn nó đi.

    Hình của icon chỉnh sửa nhanh

    Và đây là kết quả sau khi ẩn nó đi.

    Việc xóa biểu tưởng chỉnh sửa nhanh thực ra rất đơn giản, nếu bạn muốn xóa biểu tượng chỉnh sửa nhanh nào cho widget thì bạn chỉ việc tìm đến code củawidget đó và xóa dòng code <b:include name="quickedit"> là xong.
    Ví dụ như mình có đoạn code bên dưới, và hãy xóa đoạn có đánh dấu highlight:
    <b:widget id='HTML4' locked='false' title='FEEDJIT Live Page Popularity' type='HTML'>

    <b:includable id='main'>


    <!-- only display title if it's non-empty -->


    <b:if cond='data:title != &quot;&quot;'>


    <h2 class='title'><data:title/></h2>


    </b:if>


    <div class='widget-content'>


    <data:content/>


    </div>



    <b:include name='quickedit'/>


    </b:includable>

    </b:widget> 

    - Tuy nhiên cách trên không phải thực hiển được hoàn toàn cho các widget, có một số widget mà blogger cung cấp không cho phép ta xóa dòng code này đi, nếu bạn xóa nó thì nó sẽ vẫn hiển thị lại. Ví dụ widget phổ biến nhất là widget"Người theo dõi blog" .
    - Để khắc phục điều này, ta sẽ dùng một cách khác, đó là sử dụng lệnh display trong CSS. Khi thực hiện cách này thì tất cả các widget đều được làm ẩn biểu tưởng chỉnh sửa nhanh widget.

    - Các bạn thực hiện các bước đơn giản sau:


    + vào bố cục
    + vào chỉnh sửa code HTML (không cần nhấp chọn mở rộng mẫu tiện ích)
    + chèn đoạn code CSS bên dưới vào trước dòng code ]]></b:skin>
    .quickedit{display:none;} 

    + Save template. Như thế là đã hoàn thành, bạn hãy thử xem.


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

    Bài đăng phổ biến