Thủ thuật yêu cầu: Gắn tem cho bài viết đang chờ duyệt

Người đăng: buonkhongem on Chủ Nhật, 31 tháng 7, 2011

Chắc hẳn một khi blogspot của bạn đã phát triển ổn định và có một chỗ đứng nhất định trong cộng đồng, hơn nữa bạn không có nhiều thời gian để viết bài trong khi bạn vẫn muốn duy trì bài viết đều đặn cho blogspot của mình; bạn sẽ nghĩ đến việc tìm cộng tác viên viết bài cho bạn. Từ nhu cầu này, nảy sinh việc cần phải gắn tem bài đang chờ duyệt (Pending Post Stamp) cho bài viết mới của cộng tác viên. Thủ thuật này mình viết theo yêu cầu của bạn Minh Quân tại trang ICTSOFT.

Tính năng của thủ thuật này là gắn tem Bài này đang chờ duyệt cho bất kỳ một bài viết nào đó của cộng tác viên, theo đó các bài được gắn tem khi được hiển thị ở trang index (trang chủ, trang nhãn và trang lưu trữ) sẽ được nhìn thấy song không thể click vào link dẫn đến nội dung bài viết. Trong trường hợp blogspot của bạn có gắn tiện ích Bài viết mới nhất (hoặc link bài viết xuất hiện trên kết quả các công cụ tìm kiếm) thì một khi link bài viết được click vẫn không thể nhìn thấy nội dung bài viết (bởi một lý do là bài viết đang được admin kiểm duyệt trước khi xuất bản chính thức); tuy nhiên bạn đọc vẫn có thể chém gió tại phần Comments của bài viết này. Định dạng này sẽ tạo sự thú vị cho trang bài viết đang được duyệt, theo đó người đọc có thể bàn tán, đưa ra quan điểm, ý kiến, cảm nghĩ của mình về bài viết sắp được xuất bản chính thức.

Xem Demo 1Demo 2.



Để thực hiện thủ thuật này, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Design >> Edit Template, chọn Expand Widget Templates (mở rộng mẫu tiện ích). Tìm đến dòng <b:include data='post' name='post'/> và thay nó bằng đoạn code bên dưới:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt&quot;'>
<div class='pendingpost-stamp'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt&quot;'>
<div class='pendingpost-message'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<div style='display:none'>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
Ở đoạn code trên bạn cần thay URL cho bài viết đang chờ duyệt.

Bước 2. Đặt code CSS bên dưới vào trước dòng ]]></b:skin>.
.pendingpost-stamp {
z-index: 200;
width: 550px; // chỉnh chiều rộng tương thích với phần Main
height: 150px;
position: absolute;
color:#ed0000; // màu chữ của dòng tem thông báo ở kiểu trang index
text-align: right;
font: bold 15px Arial;
background:#d7d7ff;
opacity: 0.5;
filter: alpha(opacity=50);
margin:0;
padding:2px;
}
.pendingpost-message {
float:center;
color: #2B65EC; // màu chữ của dòng thông báo ở kiểu trang item
font: bold 15px Arial;
text-align:center
}
Đoạn code CSS này giúp vô hiệu hóa link ở các kiểu trang index (không thể click vào tiêu đề bài viết). Bạn có thể tùy biến CSS theo các chú thích ở trên.

Sau đó lưu Template là xong.

Trong trường hợp bạn cần dán tem cho một số bài viết đang chờ duyệt thì sử dụng code ở Bước 2 theo kiểu như sau:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 1&quot;'>
<div class='pendingpost-stamp'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<b:include data='post' name='post'/>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 2&quot;'>
<div class='pendingpost-stamp'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<b:include data='post' name='post'/>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 3&quot;'>
<div class='pendingpost-stamp'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if> </b:if> </b:if>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 1&quot;'>
<div class='pendingpost-message'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<div style='display:none'>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 2&quot;'>
<div class='pendingpost-message'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<div style='display:none'>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:if cond='data:post.url == &quot;URL_bài viết đang chờ duyệt 3&quot;'>
<div class='pendingpost-message'>BÀI NÀY ĐANG CHỜ DUYỆT</div>
<div style='display:none'>
<b:include data='post' name='post'/>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if></b:if></b:if>
</b:if>
Bạn cần thay các URL cho các bài viết đang chờ duyệt tương ứng nhé. Lưu ý một khi bất kỳ bài viết nào đó đã được bạn duyệt rồi thì bạn chỉ cần xóa URL của bài viết đang được duyệt ấy ra khỏi code thủ thuật hoặc làm ngược lại các bước trên để trở về trạng thái bình thường. Thủ thuật này không dùng Javascript nên rất nhẹ nhàng. Nếu bạn gặp khó khăn trong việc cài đặt, xin vui lòng để lại lời nhắn dưới đây.
More about

Cảm giác của bạn ra sao nếu Blogger đóng cửa trong tương lai?

Người đăng: buonkhongem

Blogger dự định sẽ đóng cửa vào ngày ... tháng ... năm ... nếu ... Cảm giác của bạn ra sao nếu Blogger đóng cửa trong tương lai?
More about

Thủ thuật yêu cầu: Ẩn hiện tiện ích trên sidebar

Người đăng: buonkhongem

Thủ thuật này được viết theo yêu cầu của bạn Blue79blog, với ý tưởng tạo hiệu ứng ẩn hiện tiện ích trên phần sidebar của blogspot. Thủ thuật này lấy cảm hứng từ style ở trang cokhi-hui.net (xin lưu ý, ở đây chỉ lấy cảm hứng theo yêu cầu của bạn đọc chứ script không liên quan đến trang cokhi-hui.net).

Xem Demo.

Bây giờ chúng ta cùng bắt đầu thực hành nhé.

Bước 1. Sử dụng javascript bên dưới để tạo hiệu ứng, đặt code trước thẻ </head>.
<script type="text/javascript">
//<![CDATA[
// Hide and Show Toggle Effect Script. Please keep www.thuthuatblogger.info source for your using in any ways
function toggle( targetId )
{
var state = 0;
var blockname = "block" + targetId;
var blockimage = "blockcollapse" + targetId;
if ( document.getElementById ) {
target = document.getElementById( blockname );
if ( target.style.display == "none" ) {
target.style.display = "";
state = 1;
}
else {
target.style.display = "none";
state = 0;
}
document.getElementById( blockimage ).src = state ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyFouabYpFIUht8VHNEaMxreQTWl3RiQ0ODsDPr2uoDfkuTPmucWSt-v7j8YGbhCCT9oMA-gcMr6CajRmfbhhtIszmuxcIXUJctjViZsX4SD1vTsNUVtZv3AOXQKKVgzOSHoxesMkuD0J/s1600/minus.gif" : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVx0DFKmizpgbLhkPpHhDH16TT1v5a6ngyqqeQZzbNUe336mzqXQ_87mlQ-t8Eydtr1XW9T1x4uwQkaYGr8Ys7UThcj3Y3qLfkqquhyphenhyphenVQNN0TzOlSdyvyLVtWWskiLBR1aaiCFH1jgiJQI/s1600/plus.gif";
}
}
//]]>
</script>

Bước 2. Thiết lập cấu trúc HTML theo các trường hợp sau đây (áp dụng chung cho website và blogspot):

Trường hợp 1: Nội dung được ẩn, nhấn nút show/hide để hiện nội dung, nút show/hide nằm nằm bên trái tiêu đề.
<a href="javascript: void(0);" onclick="toggle(&quot;1&quot;); return false">
<img border="0" id="blockcollapse1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVx0DFKmizpgbLhkPpHhDH16TT1v5a6ngyqqeQZzbNUe336mzqXQ_87mlQ-t8Eydtr1XW9T1x4uwQkaYGr8Ys7UThcj3Y3qLfkqquhyphenhyphenVQNN0TzOlSdyvyLVtWWskiLBR1aaiCFH1jgiJQI/s1600/plus.gif" style="margin-right: 5px;" />Đây là một tiêu đề</a>
<div id="block1" style="display: none;">
Đây là một đoạn văn bản hoặc một hình ảnh …
</div>


Đây là một tiêu đề


Trường hợp 2: Nội dung được hiện, nhấn nút show/hide để ẩn nội dung, nút show/hide nằm bên trái tiêu đề
<a href="javascript: void(0);" onclick="toggle(&quot;2&quot;); return false">
<img border="0" id="blockcollapse2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyFouabYpFIUht8VHNEaMxreQTWl3RiQ0ODsDPr2uoDfkuTPmucWSt-v7j8YGbhCCT9oMA-gcMr6CajRmfbhhtIszmuxcIXUJctjViZsX4SD1vTsNUVtZv3AOXQKKVgzOSHoxesMkuD0J/s1600/minus.gif" style="margin-right: 5px;" />Đây là một tiêu đề</a>
<div id="block2">
Đây là một đoạn văn bản hoặc một hình ảnh…
</div>


Đây là một tiêu đề

Thủ thuật Blogger là nơi bạn vừa học tập vừa thực hành về thiết kế website/webblog. Chúng tôi hy vọng sẽ trở thành một ngôi trường nhỏ để bạn góm ghém hành trang bước vào những ngôi trường lớn hơn.

Trường hợp 3. Nội dung được ẩn, nhấn nút show/hide để hiện nội dung, nút show/hide nằm bên phải tiêu đề.
<a href="javascript: void(0);" onclick="toggle(&quot;3&quot;); return false">
Đây là một tiêu đề<img border="0" id="blockcollapse3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVx0DFKmizpgbLhkPpHhDH16TT1v5a6ngyqqeQZzbNUe336mzqXQ_87mlQ-t8Eydtr1XW9T1x4uwQkaYGr8Ys7UThcj3Y3qLfkqquhyphenhyphenVQNN0TzOlSdyvyLVtWWskiLBR1aaiCFH1jgiJQI/s1600/plus.gif" style="margin-left: 5px;" />
</a>
<div id="block3" style="display: none;">
Đây là một đoạn văn bản hoặc một hình ảnh…
</div>


Đây là một tiêu đề


Trường hợp 4. Nội dung được hiện, nhấn nút show/hide để ẩn nội dung, nút show/hide nằm bên phải tiêu đề.
<a href="javascript: void(0);" onclick="toggle(&quot;4&quot;); return false">
Đây là một tiêu đề<img border="0" id="blockcollapse4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyFouabYpFIUht8VHNEaMxreQTWl3RiQ0ODsDPr2uoDfkuTPmucWSt-v7j8YGbhCCT9oMA-gcMr6CajRmfbhhtIszmuxcIXUJctjViZsX4SD1vTsNUVtZv3AOXQKKVgzOSHoxesMkuD0J/s1600/minus.gif" style="margin-left: 5px;" />
</a>
<div id="block4">
Đây là một đoạn văn bản hoặc một hình ảnh…
</div>


Đây là một tiêu đề

Thủ thuật Blogger là nơi bạn vừa học tập vừa thực hành về thiết kế website/webblog. Chúng tôi hy vọng sẽ trở thành một ngôi trường nhỏ để bạn góm ghém hành trang bước vào những ngôi trường lớn hơn.

Đến đây là phần quan trọng đối với blogspot, áp dụng để tạo hiệu ứng ẩn hiện đối với tiện ích trên blogspot. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates (nhớ thực hiện Bước 1 xong). Xác định ID của một tiện ích và tìm đến đoạn code của nó, ví dụ đối với tiện ích có ID là HTML1:
<b:widget id='HTML1' locked='false' title='Đây là tiêu đề tiện ích 1' 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>
Chỉnh code của tiện ích đó lại như bên dưới. Ở đây mình áp dụng cho trường hợp 1, các trường hợp còn lại bạn có thể tự thực hiện.
<b:widget id='HTML1' locked='false' title='Đây là tiêu đề tiện ích 1' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<a href='javascript: void(0);' onclick='toggle(&quot;1&quot;); return false'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><img border='0' id='blockcollapse1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Y-oQ738UT5Y9GCMoy20GvsjND5fN0-kCLXgPVyfBhoXEL-cdWcsiBILC9QB9IY1AKWGgGJAp03gyEs7HVWbUY24_XDaMbQKaF11K8i2qDwl5dYP-WPmLzumjb1xu2kqKNLQE1Jd1boMe/s1600/mas.gif' style='margin-right: 5px;'/><data:title/></h2>
</b:if></a><div id='block1' style='display: none;'>
<div class='widget-content'>
<data:content/>
</div> </div>
</b:includable>
</b:widget>
Lưu Template là xong. Bạn có thể sử dụng cấu trúc tương tự như trên để vận dụng cho nhiều tiện ích khác nhau nhé.
More about

TẠO BANNER ĐỘNG VỚI FLASH INTRO AND BANNER MAKER

Người đăng: buonkhongem on Thứ Bảy, 30 tháng 7, 2011

Với dung lượng 4.2MB (chạy trực tiếp, không cần cài đặt) FLASH INTRO AND BANNER MAKER sẽ giúp cho bạn dễ dàng tạo được Banner động kèm theo nhiều hiệu ứng bắt mắt để bạn có thể chèn vào Web hoặc Blog...
Các bạn quan tâm tải chương trình TẠI ĐÂY.
Khi tải về, bạn kích hoạt biểu tượng để chạy chương trình, chương trình gồm 2 khung: một để cho bạn thao tác, một là khung trình chiếu xem trước khi bạn "chế biến" banner. Bạn đánh dấu mục Auto Preview phía dưới để khu trình chiếu áp dụng ngay lập tức khi bạn đang thao tác sửa đổi banner.

Để bắt đầu, bạn bấm vào thẻ Side and Sound ở phía tay trái khung thao tác để chọn kích cỡ và chèn âm thanh cho banner. (Bạn chọn kích cỡ ở mục Width Height, chèn nhạc ở mục Background Sound).

Tiếp tục, để chọn màu cho banner bạn bấm vào thẻ thứ 3 Background, bạn đánh dấu chọn vào mục Gradien color, sau đó chọn màu ở mục Start colorEnd color. Bạn cũng có thể chèn vào banner những hình ảnh từ máy tính của mình ở mục Add hoặc thêm các clipart ở thư viện sẳn có của chương trình ở mục Add Clipart.

Tiếp tục, bạn bấm chọn thẻ Effect để tạo hiệu ứng cho banner, tại đây bạn có thể dễ dàng thêm nhiều hiệu ứng đẹp cho banner như: sao lấp lánh, pháo bông, mây bay, mưa rơi... ứng với mỗi hiệu ứng bạn bấm chọn phía trước để áp dụng cho banner. Ở khung nhỏ bên tay phải bạn có thể thay đổi số lượng và màu sắc cho hiệu ứng.


Kế tiếp, bạn bấm chọn thẻ Text and Images, từ đây bạn viết chữ hiển thị trên banner bằng cách bấm vào thẻ Add Text ở khung bên phải (nếu sử dụng nhiều dòng chữ bạn phải đánh dấu chọn ở mục Ignore icoming...phía dưới). Bấm thẻ Font để đổi phông chữ, bấm thẻ Effect để tạo hiệu ứng chữ như: chữ bay lượn từ trên xuống, chữ sao sáng, chữ xoay tròn...Bấm thẻ Position để canh khoảng cách cho chữ với Banner.


Tiếp tục với thẻ Webs Link, bạn có thể add đường link mà mình muốn liên kết khi click vào banner bằng cách đánh dấu chọn vào mục Open Web page when user click on Flash Movie và dán địa chỉ liên kết vào ô URL address.


Cuối cùng nhấn thẻ Publish để xuất banner ra Flash, ảnh động hoặc phim Movie...


Bây giờ bạn đã có trong tay một mẫu banner Flash động để trang trí cho Web/Blog (bạn phải upload file .swf này lên host riêng của mình và lấy link dán vào).

More about

Về việc Thủ thuật Blogger tuyển cộng tác viên

Người đăng: buonkhongem

Bạn muốn chung sức cùng Thủ thuật Blogger chia sẻ kinh nghiệm và góp phần xây dựng cộng đồng Blogger Việt? Bạn muốn có cơ hội quảng bá các sản phẩm của chính bạn với sự tài trợ của Thủ thuật Blogger?

Bạn có thể trở thành cộng tác viên tại Thủ thuật Blogger để có những trải nghiệm mới. Nếu bạn muốn tham gia viết bài cho Thủ thuật Blogger, bạn hãy gửi thư đăng ký đến địa chỉ email: webmaster@thuthuatblogger.info.

Sau khi bạn được chọn làm cộng tác viên (nếu đủ tiêu chuẩn) tại Thủ thuật Blogger, chúng tôi sẽ gửi thư mời bạn gia nhập và từ đó bạn có quyền viết bài cho Thủ thuật Blogger.

I. Tiêu chuẩn trở thành cộng tác viên tại Thủ thuật Blogger

1. Tác giả bài viết phải có họ tên hoặc bút danh rõ ràng, không mang ngôn ngữ xấu;

2. Tác giả bài viết phải có một webblog;

3. Chủ đề các bài viết thuộc về các lĩnh vực thủ thuật Blogger, Blogger Template, kỹ thuật photoshop, kinh nghiệm SEO, cảm nhận về blogspot và blogging;

4. Nội dung các bài viết không mang yếu tố chính trị, tôn giáo, văn hóa đồi trụy;

5. Các bài viết không mang nội dung quảng bá cá nhân hay quảng cáo các chương trình kiếm tiền;

6. Bài viết phải có tính độc nhất, nghĩa là không được đăng ở webblog của tác giả là cộng tác viên;

7. Giới hạn số bài viết mỗi tháng: tối thiểu là 02 và tối đa là 10 bài viết. Nếu trong tháng cộng tác viên không viết đủ tối thiểu 02 bài thì sẽ bị tước quyền cộng tác viên.

II. Quyền lợi của cộng tác viên

1. Được đặt Author Panel ngay dưới bài viết với đầy đủ thông tin: Avatar, backlink đến trang nhà của tác giả (góp phần tăng traffic đến webblog của tác giả), link đến các mạng xã hội (twitter, facebook, …); được gắn tem Author cho các bình luận và gắn tem Avatar cho các bài viết (hiển thị ở trang nhãn) của tác giả;

2. Nếu một cộng tác viên có thời gian viết bài cho Thủ thuật Blogger đạt mốc 03 tháng, cộng tác viên đó sẽ được dành một trang Author Profile trên Thủ thuật Blogger giới thiệu thông tin cá nhân và blog của tác giả (riêng 03 cộng tác viên đầu tiên được đặc cách có trang này sau bài viết đầu tiên). Cộng tác viên có thời gian viết bài 05 tháng thì được quyền mở cửa hàng trưng bày và kinh doanh sản phẩm của mình tại www.thuthuatblogger.info.

3. Hàng quý, các cộng tác viên được quyền tham gia vào chương trình trúng thưởng may mắn, cộng tác viên nào trúng giải sẽ được nhận giải bằng quyền đặt banner quảng cáo (kích cỡ 125x125) tại Thủ thuật Blogger trong quý (03 tháng) kế tiếp.

III. Nghĩa vụ của cộng tác viên

1. Cộng tác viên có nghĩa vụ đầu tư chất xám cho bài viết của mình, chú trọng trau chuốt câu từ, bởi vì bài viết nâng cao thương hiệu cho cộng tác viên;

2. Cộng tác viên không được phép sao chép bài viết của người khác để đăng tại Thủ thuật Blogger. Các tài nguyên (hình ảnh, video, script, …) không phải do cộng tác viên sáng tạo thì phải ghi rõ nguồn tác giả và được sự cho phép của tác giả đó;

3. Tác giả bài viết phải cam kết chịu trách nhiệm về nội dung bài viết được đăng tải và trả lời các bình luận của bạn đọc liên quan đến bài viết.

IV. Quyền hạn của Thủ thuật Blogger

1. Ban Quản trị Thủ thuật Blogger có quyền chỉnh sửa bài viết của cộng tác viên về mặt ngôn từ, văn phong nếu cần thiết; đặt bài viết của cộng tác viên ở chế độ đang kiểm duyệt nếu bài viết chưa đủ điều kiện để xuất bản;

2. BQT Thủ thuật Blogger có quyền xóa bài viết của cộng tác viên nếu bài viết vi phạm Tiêu chuẩn Cộng tác viên;

3. BQT Thủ thuật Blogger có quyền cập nhật các tiêu chuẩn, quyền lợi và nghĩa vụ của cộng tác viên tùy theo tình hình.

V. Kỳ hạn cộng tác viên

Cộng tác viên phải cam kết thực hiện kỳ hạn cộng tác viên tại Thủ thuật Blogger kéo dài 03 tháng. Sau thời hạn 03 tháng này, cộng tác viên có quyền đăng ký kỳ hạn kế tiếp hoặc tuyên bố kết thúc quyền cộng tác viên.

VI. Số lượng cộng tác viên

1. Giới hạn số cộng tác viên tối đa tại Thủ thuật Blogger là 03 CTV cho mỗi kỳ hạn.

2. Nếu số cộng tác viên đăng ký vượt mức 03, BQT Thủ thuật Blogger sẽ chọn lựa ngẫu nhiên.

VII. Công bố kỳ hạn cộng tác viên

1. Kỳ hạn 1: Từ ngày 01/8/2011 đến ngày 31/10/2011.

Thời gian đăng ký cộng tác viên kỳ hạn 1: 07 ngày (30/7/2011 – 05/8/2011); gia hạn thêm 07 ngày (06/8/2011 - 12/8/2011)

DANH SÁCH CỘNG TÁC VIÊN KỲ HẠN 1

(1) Peace19812006

(2) [ND]o[SKT]

Trân trọng thông báo!
More about

Phân tích các thẻ dữ liệu trong bố cục Template

Người đăng: buonkhongem

Trong cấu trúc bố cục XML của Blogger Template, có nhiều thẻ khác nhau bạn có thể sử dụng để gộp các mảng dữ liệu riêng biệt trong Template. Tất cả chúng được định dạng là <data:name/> hoặc <data:name1.name2/>, trong đó name là tên của mảng dữ liệu riêng biệt mà bạn muốn sử dụng. Trong ví dụ name1.name2, thì name2 là một hạng mục riêng trong một bộ dữ liệu được gọi là name1, ví dụ trong thẻ <data:post.body/> thì body là phần nói về thân chứa của bài viết.

Dưới đây là danh sách các dữ liệu được chia thành các phần theo thành phần trang, do các kiểu tiện ích khác nhau thì sử dụng các dữ liệu khác nhau:

1. Dữ liệu tổng thể

Thông tin này áp dụng cho toàn bộ trang vì thế bạn có thể sử dụng nó ở bất cứ đâu, không giống như các dữ liệu khác chỉ có thể được dùng trong một tiện ích riêng biệt. Dưới đây là danh sách các thẻ dữ liệu tổng thể:
  • <data:blog.title/>: tiêu đề blog
  • <data:pageType/>: kiểu trang hiện hành, như các kiểu trang 'item', 'archive', 'index'.
  • <data:blog.pageName/>: tên trang
  • <data:blog.pageTitle/>: tiêu đề trang hiện hành
  • data:blog.url: URL của trang hiện hành
  • data:blog.homepageUrl: trang chủ của blog
  • <data:blog.encoding/>: mã hóa để sử dụng cho blog, ví dụ UTF-8
  • data:blog.languageDirection: định dạng ngôn ngữ từ trái sang phải (ltr) hoặc từ phải sang trái (rtl)
  • <data:blog.feedLinks/>: các đường dẫn nguồn cấp tự phát hiện cho tiêu đề trang.

2. Tiện ích Tiêu đề đầu trang

Tiêu đề đầu trang là một tiện ích đơn giản chỉ với hai mảng dữ liệu chính, đó là:
  • <data:title/>: tiêu đề blog
  • <data:description/>: phần mô tả blog

3. Tiện ích Bài đăng Blog

Đây là phần trung tâm của blog và là phần phức tạp nhất. Dưới đây là danh sách các dữ liệu trong tiện ích này:
  • data:feedLinks: Danh sách nguồn cấp cho trang. Trên trang chính, nó chứa nguồn cấp cho cả blog; trên các trang item, nó chứa các nguồn cấp nhận xét. Mỗi hạng mục chứa các phần sau:
    • data:feedLinks.url: URL của nguồn cấp
    • <data:feedLinks.name/>: tên nguồn cấp (ví dụ 'Posts' hoặc 'Comments').
    • <data:feedLinks.feedType/>: kiểu nguồn cấp (Atom hay RSS).
    • <data:feedLinks.mimeType/>: kiểu biểu thị nguồn cấp
  • data:olderPageUrl: nếu có các bài đăng cũ hơn so với trang hiện hành thì đây là URL đến các bài đăng đó (không phải trang nào cũng có đường dẫn này)
  • <data:olderPageTitle/>: tiêu đề đường dẫn đến trang các bài đăng cũ hơn
  • data:newerPageUrl: nếu có các bài đăng mới hơn so với trang hiện hành thì đây là URL dẫn đến các bài đăng đó
  • <data:newerPageTitle/>: tiêu đề đường dẫn đến trang cái bài đăng mới hơn
  • <data:homeMsg/>: dòng text liên kết đến trang chủ (Home)
  • <data:commentLabel/>: thẻ dùng để hiển thị số nhận xét (Comments)
  • <data:authorLabel/>: thẻ dùng để chỉ người viết bài (Posted by)
  • <data:timestampLabel/>: thẻ dùng để chỉ thời gian bài được đăng (posted at)
  • <data:postLabelsLabel/>: thẻ để giới thiệu danh sách các nhãn bài viết (labels for this post)
  • <data:backlinksLabel/>: thẻ để mô tả liên kết ngược đến bài viết (links to this post)
  • data:posts: danh mục tất cả bài viết trong trang. Mỗi bài viết chứa các phần sau đây:
    • <data:post.dateHeader/>: ngày tháng xuất bản bài viết, chỉ có mặt nếu bài đầu tiên trong danh sách được đăng trong ngày hiện hành
    • <data:post.id/>: chuỗi số ID cho bài viết
    • <data:post.title/>: tiêu đề bài viết
    • <data:post.body/>: nội dung bài viết
    • <data:post.author/>: tên hiển thị tác giả bài viết
    • data:post.url: liên kết cố định của bài viết
    • <data:post.timestamp/>: định dạng thời gian bài viết, tồn tại ở mọi bài viết
    • data:post.labels: danh mục các nhãn cho bài viết. Mỗi nhãn chứa các phần sau đây:
      •  <data:label.name/>: dòng text biểu thị tên nhãn
      •  data:label.url: URL của trang liệt kê tất cả các bài viết trong blog thuộc nhãn hiện hành
      •  data:lable.isLast: true hoặc false/ chỉ định nhãn có phải là nhãn cuối cùng trong danh mục (sử dụng các dấu phẩy giữa các nhãn)
    • <data:post.allowComments/>: dùng 'True' nếu bài viết cho phép các nhận xét
    • <data:post.numComments/>: số nhận xét trên bài viết
    • <data:post.showBacklinks/>: có hay không hiển thị liên kết ngược đến bài viết
    • <data:post.numBacklinks/>: số liên kết ngược cho bài viết
    • data:post.addCommentUrl: URL của dòng 'add a comment' cho bài viết
    • data:post.emailPostUrl: URL của dòng 'email this post' cho bài viết
    • data:post.editUrl: URL cho liên kết chỉnh sửa nhanh bài viết
    • <data:post.feedLinks/>: danh mục các nguồn cấp riêng biệt cho bài viết (khác với nguồn cấp chung cho cả blog), có thể chứa cả nguồn cấp cho phần nhận xét của bài viết. Mỗi nguồn cấp chứa các phần sau đây:
      • data:f.url: URL nguồn cấp
      • <data:f.name/>: tên nguồn cấp ('Posts' hay 'Comments')
      • <data:f.feedType/>: kiểu nguồn cấp (Atom hay RSS)
      • <data:f.mimeType/>: kiểu biểu thị nguồn cấp
    • <data:post.comments/>: danh mục tất cả các nhận xét trong bài viết (chỉ trên các trang item). Mỗi nhận xét chứa các phần sau đây:
      • <data:comment.id/>: số ID của nhận xét
      • <data:comment.body/>: phần nội dung nhận xét
      • <data:comment.timestamp/>: thời gian tạo nhận xét
      • <data:comment.author/>: tên hiển thị tác giả nhận xét
      • data:comment.authorUrl: URL đến trang hồ sở của tác giả nhận xét, nếu nhận xét không phải nặc danh
      • data:comment.deleteUrl: URL để xóa nhận xét
      • data:comment.isDeleted: liệu nhận xét đã bị xóa hay chưa

4. Tiện ích Lưu trữ Blog

Tiện ích này gồm một số thẻ dữ liệu chính như sau:
  • <data:title/>: tiêu đề tiện ích
  • data:style: kiểu bố trí liệt kê các bài viết lưu trữ theo dạng 'MENU', 'FLAT', hoặc 'HIERARCHY'.
  • data:data: danh mục của mỗi đơn vị lưu trữ, chứa các phần sau:
    • <data:i.name/>: tên của các khoảng thời gian lưu trữ (ví dụ "August 2010"
    • data:i.url: đường dẫn đến trang chứa các bài viết từ khoảng thời gian lưu trữ
    • <data:i.post-count/>: bao nhiều bài viết có trong khoảng thời gian lưu trữ

5. Tiện ích Hồ sơ

Đối với blog chỉ có một tác giả thì tiện ích Hồ sơ chứa những thông tin sau đây.

  • <data:title/>: tiêu đề tiện ích
  • data:userUrl: URL đến hồ sơ của tác giả
  • data:location: vị trí từ hồ sơ của tác giả
  • data:aboutme: thông tin "About Me" từ hồ sơ
  • <data:displayname/>: tên hiển thị tác giả
  • data:photo: ảnh hồ sơ người dùng, gồm tác phần sau đây
    • data:photo.url: URL đến ảnh
    • data:photo.width: chiều rộng ảnh (đơn vị pixel)
    • data:photo.height: chiều cao ảnh (đơn vị pixel)
    • data:photo.alt: dòng text chỉ thuộc tính "alt" cho ảnh

Đối với các blog nhóm (team blogs), tiện ích hồ sơ chứa ít thông tin hơn về các tác giả, như sau:
  • <data:title/>: tiêu đề tiện ích
  • data:authors: danh sách các tác giả, mỗi tác giả chứa các phần sau đây:
    • data:displayname: tên hiển thị tác giả
    • data:userURL: URL đến trang hồ sơ của tác giả

Nếu bạn muốn thiết kế Template dùng cho cả blog một tác giả và blog nhiều tác giả thì bạn có thể sử dụng biến data:team để phân biệt giữa hai trường hợp. Ví dụ:
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul><b:loop values='data:authors' var='i'> <li><a expr:href='data:i.userUrl'><data:i.display-name/></ a></li> </b:loop></ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'><a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a></b:if>
<dl class='profile-datablock'> <dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'> <dd class='profile-data'><data:location/></dd> </b:if>
<b:if cond='data:aboutme != ""'><dd class='profile- textblock'><data:aboutme/></dd></b:if> </dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
6. Tiện ích Text / HTML / JavaScript

Tiện ích Text và tiện ích HTML/JavaScript hoạt động giống nhau và có cùng hai mảng dữ liệu:
  • <data:title/>: tiêu đề tiện ích
  • <data:content/>: nội dung tiện ích

7. Tiện ích Nguồn cấp

Nội dung tiện ích nguồn cấp được load bằng cách sử dụng Google AJAX API sau khi blog được trình diễn trong công cụ trình duyệt. Bạn chỉ có thể định dạng nó bằng cách sử dụng CSS. Tiện ích này gồm 2 mảng dữ liệu sau:

  • <data:title/>: tiêu đề tiện ích
  • data:feedUrl: URL của nguồn cấp

8. Tiện ích Ảnh

Một tiện ích ảnh chứa một ảnh riêng biệt, cung cấp tất cả các dữ liệu liên quan đến ảnh này.
  • <data:title/>: tiêu đề tiện ích
  • data:sourceUrl: URL nguồn ảnh
  • data:width: bề rộng của ảnh (đơn vị pixel)
  • data:height: chiều cao ảnh (đơn vị pixel)
  • data:caption: chú thích ảnh

9. Tiện ích Nhãn

Tiện ích Nhãn gồm danh mục tất cả các nhãn được sử dụng trong blog. Gồm các mảng dữ liệu sau đây:
  • <data:title/>: tiêu đề tiện ích
  • data:labels: danh mục các nhãn, mỗi nhãn chứa các phần sau:
    • <data:label.name/>: text biểu thị tên nhãn
    • <data:label.count/>: số bài viết có trong nhãn
    • data:label.url: đường dẫn đến trang hiển thị tất các các bài viết trong nhãn

10. Tiện ích Danh sách blog

Tiện ích này chứa danh sách các hạng mục chỉ là các URL riêng biệt.

  • <data:title/>: tiêu đề tiện ích
  • data:items: danh sách các hạng mục, gồm các phần sau đây:
    • data:displayStyle: định dạng hiển thị là display:block
    • <data:timePeriodSinceLastUpdate/>: khoảng cách thời gian kể từ lúc cập nhật bài viết mới
    • <data:blogTitle/>: tiêu đề blog
    • data:blogUrl: URL đến blog
    • data:blogIconUrl: URL đến favicon của blog
    • <data:itemTitle/>: tiêu đề bài viết
    • <data:itemSnippet/>: đoạn trích dẫn bài viết
    • data:itemUrl: URL đến bài viết
    • data:itemThumbnail: ảnh đại diện bài viết
    • data:itemThumbnail.height: chiều cao ảnh đại diện
    • data:itemThumbnail.width: chiều rộng ảnh đại diện
    • data:itemThumbnail.url: URL của ảnh đại diện

11. Tiện ích Danh sách liên kết

Tiện ích này gồm danh sách các liên kết, mỗi liên kết có hai phần: text và link.

  • <data:title/>: tiêu đề tiện ích
  • data:links: danh mục các liên kết, mỗi liên kết chứa các phần sau:
    • <data:link.name/>: dòng text biểu thị liên kết
    • data:link.target: URL của liên kết

12. Tiện ích Logo

Tiện ích này đơn giản nhất, chỉ có một mảng dữ liệu:
  • data:fullButton: URL của nút Blogger mà bạn chọn.

Toàn bộ cấu trúc XML của nút Blogger như thế này:
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
<div class='widget-content'>
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Hy vọng với phân tích chi tiết về các thẻ dữ liệu trong bố cục Template, bạn sẽ hiểu sâu hơn về cấu trúc XML của Blogger Template, hỗ trợ thêm cho bạn kiến thức về thiết kế Template.
More about

TẠO KHUNG COMMENTS CHO BLOG (Kiểu 1)

Người đăng: buonkhongem on Thứ Sáu, 29 tháng 7, 2011

Blogger có cung cấp cho người dùng tiện ích khung comments cho Blog nhưng với tiện ích mặc định này thì khung comments trông có vẻ hơi đơn điệu tính thẩm mỹ không cao. Với một đoạn code dưới đây, khung comments của bạn sẽ trông đẹp hơn.






Bạn đăng nhập vào Blog > chọn Thiết kế > thêm tiện ích HTML/Javacript rồi dán đoạn code này vào và thay đổi Link ảnh đại diện, địa chỉ blog của bạn, sau cùng bấm Lưu lại.



Bây giờ trên Blog của bạn đã có khung comments dễ thương rồi đó
Chúc bạn vui!!!
More about

Về việc lập chuyên mục Hỏi và Đáp

Người đăng: buonkhongem

Kể từ khi Thủ thuật Blogger đã có một vị trí nhất định trong lòng quý bạn đọc thì mình đã nhận được rất nhiều câu hỏi liên quan đến việc thiết kế webblog trên nền tảng Blogger. Những câu hỏi thuộc những cấp độ khó dễ khác nhau, có câu hỏi mình đã giải đáp, có câu hỏi vì nhiều lý do khách quan khác nhau mà mình chưa thể giải đáp được. Chính vì vậy, mình quyết định lập ra mục Hỏi và Đáp (Q & A) với mục đích tạo ra một diễn đàn mini để quý bạn đọc cùng nhau đàm đạo, chia sẻ kinh nghiệm thiết kế blogspot, nêu ra những câu hỏi, những vấn đề khúc mắc về blogspot từ đơn giản nhất đến phức tạp nhất. Mục Hỏi và Đáp không giới hạn đối tượng người tham gia, mọi người ai cùng đều có quyền đưa ra câu hỏi, thảo luận và đưa ra cách giải quyết theo hướng xây dựng.

Các chủ đề Hỏi và Đáp có thể kể ra như: Template, CSS, HTML, Javascript, jQuery, Mootools, Scriptaculous, SEO, tiện ích blogspot, lỗi mắc phải khi thiết kế blogspot …

Các ý kiến của bạn luôn được tôn trọng vì thế khi đưa ra câu hỏi bạn cần thể hiện tính xây dựng và nghiêm túc. Ngoài ra bạn không nên ngại đưa ra câu hỏi cho dù câu hỏi đó có đơn giản như thế nào đi nữa. Đối với việc trả lời các câu hỏi, nếu bạn biết lời giải đáp thì bạn được khuyến nghị mạnh dạn nêu ra quan điểm của mình, dù đúng hay sai thì quan điểm của bạn đều được tôn trọng và đánh giá cao.
More about

Cải tiến cấu trúc URL theo chuẩn Google SEO 2010

Người đăng: buonkhongem

Nếu bạn muốn website/webblog của mình có một thứ hạng cao trên các trang kết quả công cụ tìm kiếm (SERPs), bạn hãy chắc chắn rằng trang web của bạn đã được tối ưu hóa, trong đó URL là một yếu tố không thể thiếu. Tại sao phải tối ưu hóa URL? Nguyên do đầu tiên phải tối ưu hóa URL đó là sẽ giúp bạn tăng thứ hạng trên bảng SERPs, kế đến là khi người dùng đọc được URL của bạn, tỷ lệ nhấp chuột sẽ cao hơn và cuối cùng một khi URL được tối ưu hóa, người dùng có thể nhớ và gõ lại URL đó nếu họ muốn quay trở lại.

Các URL đơn giản dễ hiểu sẽ truyền tải nội dung thông tin một cách dễ dàng

Việc tạo các danh mục và tên tệp cho các tài liệu trên trang web của bạn không chỉ có thể giúp bạn giữ cho trang web được sắp xếp tốt hơn mà còn dẫn đến việc thu thập dữ liệu các tài liệu của bạn tốt hơn bằng các công cụ tìm kiếm. Nó cũng có thể tạo ra các URL dễ dàng hơn, "thân thiện hơn" cho những người muốn liên kết tới nội dung của bạn. Khách truy cập có thể bị bối rối trước các URL cực kỳ dài và khó hiểu chỉ chứa rất ít từ có thể nhận ra.

Các URL như trường hợp (1) có thể gây bối rối và không thân thiện. Người dùng sẽ gặp khó khăn khi gợi lại URL từ trí nhớ hoặc tạo liên kết đến nó. Người dùng cũng có thể cho rằng một phần của URL không cần thiết, đặc biệt nếu URL hiển thị nhiều tham số không thể nhận ra. Họ có thể bỏ lại một phần, phá vỡ liên kết.



(1) URL đến trang trên trang web về thẻ bóng chày của chúng tôi mà người dùng có thể gặp khó khăn

Một số người dùng có thể liên kết đến trang của bạn bằng cách sử dụng URL của trang đó làm chuỗi ký tự liên kết. Nếu URL của bạn chứa các từ liên quan, điều này cung cấp cho người dùng và các công cụ tìm kiếm nhiều thông tin về trang hơn lượng thông tin mà ID hoặc tham số có tên kỳ quặc có thể cung cấp (2).



(2) Các từ được tô sáng ở trên có thể thông báo cho người dùng hoặc công cụ tìm kiếm biết trang đích có nội dung gì trước khi truy cập liên kết

Các URL được hiển thị ở các công cụ tìm kiếm

Cuối cùng, hãy nhớ rằng URL đến tài liệu được hiển thị dưới dạng một phần của kết quả tìm kiếm trong Google, bên dưới tiêu đề và đoạn trích của tài liệu. Giống như tiêu đề và đoạn trích, các từ trong URL trong kết quả tìm kiếm được in đậm nếu chúng xuất hiện trong truy vấn của người dùng (3). Dưới đây là ví dụ khác hiển thị URL trên tên miền của chúng tôi cho trang chứa bài viết về các thẻ bóng chày hiếm nhất. Các từ trong URL có thể cuốn hút với người dùng tìm kiếm hơn là một số ID như "www.brandonsbaseballcards.com/article/102125/".



(3) Người dùng thực hiện truy vấn [baseball cards]. Trang chủ của chúng tôi xuất hiện dưới dạng kết quả, với URL được liệt kê bên dưới tiêu đề và đoạn trích

Google thực hiện tốt việc thu thập dữ liệu đối với tất cả các loại cấu trúc URL, ngay cả khi các cấu trúc đó khá phức tạp, nhưng việc dành thời gian làm cho URL của bạn càng đơn giản càng tốt cho cả người dùng và công cụ tìm kiếm có thể trợ giúp cho Google. Một số người quản trị web cố gắng đạt được điều này bằng cách viết lại các URL động của mình thành các URL tĩnh; mặc dù Google không phản đối việc này, chúng tôi muốn lưu ý rằng đây là quy trình nâng cao và nếu không được thực hiện đúng cách, có thể gây ra sự cố thu thập dữ liệu với trang web của bạn. Để tìm hiểm thêm nữa về cấu trúc URL tốt, chúng tôi đề xuất trang Trung tâm Trợ giúp Quản trị Trang web này về tạo các URL thân thiện với Google.

Các biện pháp tốt cho cấu trúc URL

1. Sử dụng các từ trong URL: URL chứa các từ liên quan đến nội dung và cấu trúc trang web của bạn sẽ thân thiện với khách truy cập hơn khi điều hướng trang web của bạn. Khách truy cập sẽ nhớ chúng tốt hơn và có thể sẵn sàng liên kết đến chúng hơn. Bạn cần tránh:
  • Sử dụng các URL dài dòng với các tham số và các ID phiên không cần thiết
  • Chọn tên trang chung chung như "trang1.html"
  • Sử dụng quá nhiều từ khoá như "baseball-cards-baseball-cards-baseball-cards.htm"
2. Tạo cấu trúc thư mục đơn giản: Sử dụng cấu trúc thư mục tổ chức tốt nội dung của bạn và giúp khách truy cập dễ dàng biết vị trí của họ trên trang web của bạn. Thử sử dụng cấu trúc thư mục của bạn để chỉ định loại nội dung được tìm thấy tại URL đó. Bạn cần tránh:
  • Có cấu trúc lớp thư mục con sâu như ".../dir1/dir2/dir3/dir4/dir5/dir6/page.html"
  • Sử dụng tên thư mục không liên quan đến nội dung trong thư mục đó
3. Cung cấp phiên bản URL để liên kết đến tài liệu: Để ngăn người dùng liên kết tới phiên bản URL và ngăn những người khác liên kết tới phiên bản khác (điều này có thể chia cắt uy tín của nội dung đó giữa các URL), tập trung vào việc sử dụng và tham chiếu tới URL trong cấu trúc và liên kết bên trong trên trang của bạn. Nếu bạn phát hiện rằng mọi người đang truy cập cùng một nội dung thông qua nhiều URL, việc thiết lập 301 chuyển hướng từ các URL không ưa thích đến URL vượt trội là giải pháp tốt cho vấn đề này. Bạn cần tránh:
  • Có các trang từ các tên miền phụ và thư mục gốc (ví dụ: "domain.com/page.htm" và "sub.domain.com/page.htm") truy cập cùng một nội dung
  • Lẫn lộn các phiên bản URL có www. và không có www. trong cấu trúc liên kết bên trong của bạn
  • Sử dụng cách viết hoa URL kỳ quặc (nhiều người dùng mong đợi các URL được viết thường và nhớ chúng tốt hơn).
Với những kiến thức cơ bản nói trên, chúng ta phải tối ưu hóa URL như thế nào cho blogspot? Nào chúng ta cùng thực hành theo một số điểm mấu chốt như sau:

Khi đăng bài viết, nên đặt tiêu đề bài viết ở dạng tiếng Anh hoặc tiếng Việt không dấu có khoảng trắng giữa các từ, để khi xuất bản bài viết rồi thì URL sẽ có dấu gạch ngang (-) để phân cách giữa các từ khóa, giúp công cụ tìm kiếm dễ dàng hiểu được cấu trúc URL của bạn là gì, và hiểu được chính xác từ khóa được bắt đầu và kết thúc như thế nào.

Ví dụ: http://www.thuthuatblogger.info/2011/07/ky-thuat-toi-uu-hoa-url.html.

Trong trường hợp lúc đăng bài, đặt tiêu đề tiếng Việt không dấu, sau khi xuất bản lần thứ nhất, bạn trở lại chỉnh sửa bài viết rồi đặt lại tiêu đề bằng tiếng Việt có dấu sau đó xuất bản lại bài viết. Làm như vậy sẽ tạo được URL tĩnh giúp tăng tốc độ đánh chỉ mục của công cụ tìm kiếm, tỷ lệ người dùng click nhiều hơn.

Bạn cần giới hạn số lượng ký tự trong URL. Công cụ tìm kiếm sẽ giới hạn tìm kiếm nếu URL của trang quá dài và có quá nhiều từ khóa. Nói chung là các URL không nên vượt qua 10 từ hoặc 96 ký tự. Các công cụ tìm kiếm thích URL ngắn và có tính mô tả; tính mô tả ở đây tức là URL có nội dung liên quan đến bài viết, người đọc nhìn qua là có thể hiểu ngay chủ đề của bài viết. Vì thế bạn cần tránh việc đặt tiêu đề bài viết bằng tiếng Việt có dấu để xuất bản lần đầu. Ngoài ra cần giữ trong URL của bạn có 1 từ khóa chính và loại bỏ bớt các từ không cần thiết để tránh làm tăng chiều dài URL.

Sử dụng 1 định dạng URL duy nhất có hoặc không có www. Nếu không thì công cụ tìm kiếm sẽ phạt bạn vì tội lặp nội dung. Mặc dù 2 URL (có và không có www) này đều trỏ về trang chủ, nhưng công cụ tìm kiếm sẽ đối xử 2 URL này khác nhau.

Ví dụ: http://thuthuatblogger.infohttp://www.thuthuatblogger.info

Để sử dụng 1 định dạng URL duy nhất, bạn có thể sử dụng phương pháp chuyển hướng URL trang chủ dạng tenmien.com sang www.tenmien.com lúc cài đặt tên miền tùy chỉnh trong Blogger hoặc sử dụng Google Webmaster Tool để xác định sự ưu tiên với tên miền có www hay không có www.

Qua phân tích trên có thể thấy rằng việc tối ưu hóa URL là cực kỳ cần thiết cho bất kỳ một website hay webblog nào.
More about

Về việc yêu cầu thủ thuật Blogger

Người đăng: buonkhongem


Blogspot là một kho kiến thức vô cùng, vô bờ bến; có thể nói cả đời người khám phá vẫn chưa hết. Kiến thức thì vô tận nhưng sức người có hạn, dù mình có sung sức đến đâu thì cũng có ngày mạch cảm hứng bất tận dạo này bỗng đứt bóng. Mình hy vọng rằng mọi người trong cộng đồng sẽ chung tay góp ý tưởng về thủ thuật Blogger để cùng nhau phát triển, hỗ trợ lẫn nhau cùng tiến bộ.

Mình lập ra mục “Yêu cầu thủ thuật Blogger” để các bạn đóng góp và chia sẻ ý tưởng. Mỗi người một ít gộp lại sẽ thành kho kiến thức phong phú cho tất cả chúng ta, trở thành tài sản chung của chúng ta. Nếu ý tưởng nằm trong phạm vi hiểu biết của mình thì mình sẽ cố gắng thử nghiệm demo, nếu thành công thì mình sẽ công bố tại đây và sẽ xuất bản thành bài viết hướng dẫn. Nếu ý tưởng vượt tầm kiến thức của mình thì sẽ kêu gọi các blogger cùng hợp lực để phát triển.


Chứa đựng những ý tưởng hay ắt không bao giờ cảm thấy cô đơn - (P.Sidney).


Thế thì, bạn hãy để lại ý kiến/yêu cầu của mình bên dưới nếu bạn có ý tưởng mới về thủ thuật Blogger. Các yêu cầu cần liên quan đến blogspot và nêu rõ nội dung ý tưởng. Những yêu cầu thủ thuật được thực hiện thành công sẽ được gom vào mục “Thủ thuật yêu cầu” để các bạn tiện theo dõi.

DANH SÁCH THỦ THUẬT YÊU CẦU

1. Blue79blog - đã xuất bản thủ thuật.
- Tạo hiệu ứng ẩn hiện tiện ích trên sidebar ( Chi tiết >>)
2. ICTSoft - đã xuất bản thủ thuật.
- Gắn tem cho bài viết đang chờ duyệt ( Chi tiết >>)
3. MrWinni - đã xuất bản thủ thuật.
- Script liệt kê và gọi script ( Chi tiết >>)
4. Yolks - đã xuất bản thủ thuật.
- Ẩn nhận xét của Nặc danh ( Chi tiết >>)
5. Lee Peace - đã xuất bản thủ thuật.
- Xem một bài viết trong nhãn bất kỳ thì tiện ích Bài viết mới nhất xuất hiện gồm những bài mới đăng trong nhãn ( Chi tiết >>)
More about

HÌNH NỀN TRÁI TIM CHO TOÀN BLOG

Người đăng: buonkhongem on Thứ Năm, 28 tháng 7, 2011

Dưới đây là một số mẫu hình nền áp dụng cho toàn blog có chủ đề "hình nền trái tim", ứng với mỗi mẫu là code phía dưới, bạn chỉ cần đăng nhập vào blog > chọn thiết kế > thêm HTML/Javacript rồi dán code tương ứng phía dưới vào, bấm Lưu lại là xong.
Bạn bấm chuột trái vào hình để xem chế độ toàn màn hình trước khi lựa chọn cho mình một mẫu vừa ý để áp dụng vào Blog
Mẫu 1:



Mẫu 2: Hình nền động



Mẫu 3:



Mẫu 4:



Mẫu 5:



Mẫu 6:



Mẫu 7:



Mẫu 8:



Mẫu 9:



Mẫu 10:




More about