Ghé qua một số blog tôi thấy cuối bài đăng chèn thêm một đoạn văn bản mang nội dung cám ơn bạn đọc (di4vn.com, vietnam-blogger.com) hay cảnh báo về bản quyền (gocbep.com). Đoạn văn này có thể thêm dễ dàng vào mã nguồn theo hướng dẫn sau.
Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).
Hướng dẫn 1. Blog không sử dụng "Đọc thêm":
Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.
Hướng dẫn 2. Blog sử dụng "Đọc thêm":
Code trong hướng dẫn sử dụng "Đọc thêm" như sau:
Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).
Hướng dẫn 1. Blog không sử dụng "Đọc thêm":
Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.
Hướng dẫn 2. Blog sử dụng "Đọc thêm":
Code trong hướng dẫn sử dụng "Đọc thêm" như sau:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>
Bây giờ bạn sửa lại và bổ sung thêm phần màu đỏ:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
<b:else/>
<p>Nội dung đoạn văn bản cuối bài đăng</p>
</b:if>
Ví dụ tôi đã đưa vào blog này (Bao gồm "Đọc tiếp ..." và đoạn văn bản):
<p><data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<p><a expr:href='data:post.url'><span style='font-weight:bold;'>Đọc tiếp ... </span></a></p>
<b:else/>
<p><div style='font-style: italic; text-align: justify;'>Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng nhấn <span style='font-weight: bold;'>Post a Comment</span> phía cuối. Nếu muốn nhận bài viết mới qua email hãy đăng ký địa chỉ ở khung bên trái. Để ghé thăm lại, bạn có thể nhấn vào thực đơn <span style='font-weight: bold;'>Favorites</span> (Internet Explorer) hoặc <span style='font-weight: bold;'>Bookmark</span> (Mozilla Firefox) lưu lên trình duyệt hay <span style='font-weight: bold;'>Bookmark</span> kế dưới đây lưu lên các trang chia sẻ trực tuyến. Ngoài ra bạn có thể đọc bài viết bằng các công cụ đọc tin <a href='http://www.thuthuatblog.com/feeds/posts/default' target='_blank'><span style='font-weight: bold;'>Feed</span></a>. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</div></p>
</b:if>
</p>
Bạn có thể thấy hiển thị cuối mỗi bài viết trên blog này.
Chúng ta đang dùng "Đọc thêm" nhưng lại sử dụng theo Hướng dẫn 1 đoạn văn bản sẽ xuất hiện trên blog dù bài đăng chỉ là nội dung tóm tắt (phần đầu bài). Trong khi sử dụng Hướng dẫn 2 đoạn văn chỉ xuất hiện khi xem post đầy đủ.
Tiện lợi của hướng dẫn này giúp bạn chỉ cần thêm một lần, không phải mất công copy dán mỗi khi bài viết hoặc lưu sẵn vào Post Template (tìm thấy trênSettings -> Formatting). Ngoài ra sau này bạn cũng không cần phải vào từng post để sửa lại khi cần thay đổi nội dung đoạn văn bản cuối.
Dưới đây là một số mẫu bạn có thể sử dụng:
Mẫu 1:
Cám ơn bạn đã đọc, nếu bạn thấy hay hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ đường dẫn đến bài viết. Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung. Chúc bạn tìm được những bài viết hữu ích.
Mẫu 2:
Bạn vừa đọc xong bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox). Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung bên trái. Chúc bạn vui vẻ!
Mẫu 3:
Cám ơn bạn đã đọc bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) và thường xuyên ghé thăm để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!
Mẫu 4:
Bạn vừa đọc xong bài viết, hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ và quay lại để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!
Nếu so sánh phần viết nhận xét giữa Blog*Spot với Wordpress thì Wordpress tỏ ra trội hơn hẳn. Mặc dù định cư với Blog*Spot nhưng tôi vẫn phải nói rằng, phần viết nhận xét (comment) của Wordpress quá tuyệt vời. Nó bao gồm 4 khung nhập liệu, nằm ngay dưới mỗi bài viết, rất dễ dàng và thuận tiện cho người viết nhận xét. Trong Blog*Spot, muốn viết nhận xét, bạn phải bấm vào liên kết Post a comment (hoặc Đăng một nhận xét), rồi viết nhận xét trên một trang mới hoặc cửa sổ popup. Tại sao bạn không cải tiến một chút, làm cho phần đăng nhận xét của Blog*Spot giống như Wordpress.
Điều lưu ý đầu tiên là cách thực hiện này chỉ có tác dụng với New Blogger(tức là dạng LayOut, XML) còn với dạng Blog*Spot dùng template dạng classic thì không thực hiện được.
Bạn có thể xem kết quả sau khi thực hiện tại đây hoặc Đây.
Các bước thực hiện như sau:
1. Trước khi thực hiện, bạn hãy sao lưu template của bạn một cách cẩn thận.
2. Đăng nhập vào blog, từ Dashboard - > LayOut - > Edit HTML. Nhớ đánh dấu kiểm vào dòng Expand Widget Templates.
3. Tìm đến đoạn Code này. (click view code).
4. Thay thế bằng đoạn code sau: Tải về đoạn code thay thế.
5. Copy đoạn code sau và paste vào ngay trên thẻ </HEAD>
Điều lưu ý đầu tiên là cách thực hiện này chỉ có tác dụng với New Blogger(tức là dạng LayOut, XML) còn với dạng Blog*Spot dùng template dạng classic thì không thực hiện được.
Bạn có thể xem kết quả sau khi thực hiện tại đây hoặc Đây.
Các bước thực hiện như sau:
1. Trước khi thực hiện, bạn hãy sao lưu template của bạn một cách cẩn thận.
2. Đăng nhập vào blog, từ Dashboard - > LayOut - > Edit HTML. Nhớ đánh dấu kiểm vào dòng Expand Widget Templates.
3. Tìm đến đoạn Code này. (click view code).
4. Thay thế bằng đoạn code sau: Tải về đoạn code thay thế.
5. Copy đoạn code sau và paste vào ngay trên thẻ </HEAD>
<script languange='javascript'>
function showcomment(a,b){
var di4vn = document.getElementById(a);di4vn.style.display = 'none';
di4vn = document.getElementById(b);di4vn.style.display = 'block';}
</script>
6. Tìm đoạn code sau:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a></b:if></b:if>
</span>
và thay thế bằng đoạn code sau:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a></b:if></b:if>
</span>
8. Bấm Save Template.
9. Đến đây coi như bạn đã hoàn thành, tuy nhiên bạn cần chỉnh sửa thêm trong phần Setting của blog. Từ Dashboard bạn bấm chọn Setting - > Comments. Tại mục Show comments in a popup window? bạn nhất thiết phải chọn Yes thì cách thực hiện trên mới có hiệu lực.
Cách làm này sẽ hiển thị ngay khung nhận xét ngay trong trang đăng bài viết (ngay dưới bài viết), giúp người đọc nếu muốn viết nhận xét dễ dàng hơn. Nếu bạn gặp khó khăn trong việc thực hiện, hãy gửi mẫu (template) của bạn qua email cho tôi, tôi sẽ thực hiện giúp bạn.
xóa đi cái header mặc định của blog. Cái header bao gồm Title (hoặc Image), Description nằm ở phía trên cùng của blog. Để xóa nó, bạn vàoTemplate -> Edit HTML. Click chọn Expand Widget Templates. Tìm đoạn code có dạng như sau:Xóa đi cái header mặc định của blog. Cái header bao gồm Title (hoặc Image), Description nằm ở phía trên cùng của blog. Để xóa nó, bạn vàoTemplate -> Edit HTML. Click chọn Expand Widget Templates. Tìm đoạn code có dạng như sau:
| CODE 1: |
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Test1 (Header)' type='Header'> .... <!--Show just the image, no text--> .... <!--Show image as background to text--> .... </b:widget> </b:section> </div> |
Bạn hãy xóa đi tất cả những dòng nằm giữa dòng thứ 2 trên đếm xuống và dòng thứ 2 dưới đếm lên. Tức là bắt đầu xóa từ dòng <b:widget id='Header1' ... đến dòng </b:widget>. Ở dòng thứ 2 bạn hãy bỏ đi cụmmaxwidgets='1' và sửa showaddelement='no' thành showaddelement='yes'. Đoạn code còn lại sau các thao tác này là:
| CODE 2: |
<div id='header-wrapper'> <b:section class='header' id='header' showaddelement='yes'> </b:section> </div> |
Xong bạn bấm Sava Template. Lưu ý là bạn sẽ gặp một thông báo:
Thông báo này hỏi rằng bạn có "quyết định" xóa header đi không. Bạn chọnConfirm & Save. Xong
No comments:
Post a Comment