Blogger nay đã có "read more" !

Nhân dịp kỷ niệm sinh nhật lần thứ 10 Blogger giới thiệu nhiều tính năng mới. Một trong số đó là tính năng "read more" (đọc thêm) mà trước giờ chúng ta phải làm thủ công nay đã có thể thực hiện một cách dễ dàng bằng một đoạn code ngắn.

Tính năng này được gọi là Jump Breaks và bạn có thể sử dụng ngay nếu blog của bạn được tạo sau thời điểm tháng 09/2009. Khi đó nếu sử dụng trình soạn thảo mới, bạn chỉ cần nhấn chọn biểu tượng như hình:



Hoặc bạn bổ sung đoạn code như hình (nếu sử dụng trình soạn bài đăng cũ):



Nói thêm, nếu đã từng sử dụng WordPress, chắc chắc bạn không lạ gì đoạn code trên. Hãy nhớ gõ chính xác ngay cả khoảng trắng nữa nhé!

<!-- more -->

Trong trường hợp blog của bạn đã được tạo khá lâu, hãy bổ sung đoạn code sau đây vào ngay sau <data:post.body/> (Đăng nhập Blogger, chọn Layout, Chỉnh sửa HTML, đánh dấu Mở rộng tiện ích mẫu để tìm)

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> 
</div> 
</b:if >

Bạn sẽ thấy kết quả như hình dưới đây:



Trong trường hợp cần tùy biến chữ "Read more", hãy nhấn sửa đổi thành phần Bài đăng blog trên layout.



Chúng ta cùng chúc mừng sinh nhật lần thứ 10 của Blogger đi nào!

Bình chọn Blog Việt 2009 giải thưởng hấp dẫn!

Với mong muốn tôn vinh những blogger đã và đang có những đóng góp hữu ích cho cộng đồng blogger Việt Nam, một nhóm blogger gồm 6 người đã tự đứng ra vận động tài trợ và tổ chức cuộc thi Bình chọn Blog Việt 2009.

Tổng giải thưởng của cuộc thi này lên đến 10 triệu đồng trong đó blog đoạt giải nhất sẽ được thưởng số tiền 5 triệu. Ngoài ra còn nhiều giải thưởng cho các blog đoạt giải theo các tiêu chí khác nhau: Blog sao sáng, Blog sắc màu, Blog hi-tech, Blog cộng đồng, Blog Việt 2009. Ban tổ chức nhận đăng ký ngay từ hôm nay cho đến hết ngày 15/09/2009.

Để tham gia cuộc thi bạn chỉ cần truy cập www.binhchonblogviet.com, nhấp vào trang Đăng ký và điền đầy đủ thông tin.

Ngoài ra bạn có thể soạn email theo mẫu sau đây gửi về địa chỉ btc@binhchonblogviet.com với tiêu đề (Subject) "Đơn đăng ký tham gia cuộc thi bình chọn Blog Việt 2009":

• Họ và tên:……………………………………
• Địa chỉ:…………………………………………
• Điện thoại liên lạc:………………………….
• Email:………………………………………….
• Địa chỉ blog:……………………………………
• 1 đoạn văn mô tả ngắn gọn dài khoảng 100 – 150 từ giới thiệu về blog của bạn:
• 1 đoạn video clip (tùy chọn) giới thiệu blog của mình. (tùy chọn)
• 1 ảnh thumbnail kích cỡ 150×150px của blog bạn. (tùy chọn)
• 6 ảnh full-screen mô tả hoạt động của blog (tùy chọn)

Lưu ý: Các mục (tùy chọn) sẽ không được sử dụng như là lợi thế cạnh tranh trong việc đánh giá các blog tham gia.

Chúc bạn "rinh" giải thưởng hấp dẫn này!

Cập nhật (06/10/2009):

Hôm nay ngày 06.10.2009 Ban tổ chức đã công bố danh sách 15 blog lọt vào vòng bình chọn trong đó có Thủ Thuật Blog.

1. Ngôn Phạm blog
2. ThuThuatBlog.com
3. Thegioiblog.net
4. Tip4PC
5. Danhbaweb20.com
6. Tôi yêu Google
7. Mr Live
8. Blog học tập
9. Truyện mới
10. Travel to Hoi An
11. IT Pro
12. Gostep.info
13. Tunblog.com/blog
14. Tùy Bút Trần Đăng Khoa
15. Minh Hai Blog

Gửi link bài viết cho bạn bè qua Yahoo! Messenger

Tiếp theo hướng dẫn kèm biểu tượng chia sẻ bài viết qua Yahoo! Messenger lần này chúng ta sẽ đến với cách đính kèm link dưới bài viết giúp cho đọc giả có thể dễ dàng chia sẻ cho bạn bè của mình qua các chương trình tin nhắn tức thời.

Ý tưởng này bắt nguồn từ hướng dẫn thực hiện trên WordPress của Cộng đồng WordPress Việt Nam.

Và đây là đoạn mã để chúng ta sử dụng cho Blogger: Tải về

Bạn có thể điều chỉnh các giá trị màu (border: 1px solid #cccccc; background:#999999; color: #333333; ) và cỡ chữ (font-size: 11px;) cho thích hợp với Template đang dùng.

CÁCH CHÈN VÀO BLOG:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates) và tìm đoạn code dưới (Nhấn Ctrl + F và nhập từ khóa line-3 để tìm dễ hơn!):

<div class='post-footer-line post-footer-line-3'>
      <!-- Nơi chèn code -->
       <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
      

Hãy thay <!-- Nơi chèn code --> bằng đoạn mã bên trên và lưu lại.

Box này chỉ xuất hiện phía dưới bài viết ở trang con. Nếu bạn không sử dụng Readmore hãy comment để được giúp đỡ.

Xong!