Cuối cùng Blogger cũng cho phép tùy chỉnh địa chỉ URL mặc định của bài viết trên blog. Đây là tùy chọn được chờ đợi rất nhiều từ người dùng, đặc biệt những người yêu thích tối ưu hóa bộ máy tìm kiếm. Tính năng này không xa lạ gì đối với người dùng WordPress bởi họ thường hay sử dụng để thu gọn địa chỉ url của mình.

Một vài điều cần biết

• Tùy chọn này hiện thời chỉ có mặt ở chế độ Draft (draft.blogger.com) và tất nhiên ở giao diện mới.
• Không bỏ được thông tin tháng và năm trong địa chỉ URL.
• Không bỏ được đuôi .html.
• Không thể tùy chỉnh những bài viết cũ.
• Một khi bài viết được đăng, bạn sẽ không thể thay đổi địa chỉ.
• Phần địa chỉ tùy chỉnh này chỉ chứa số, chữ và gạch ngang.

Thay đổi địa chỉ URL của bài viết như thế nào?

Các thực hiện rất đơn giản, đăng nhập Blogger Draft tạo bài viết mới, gõ tiêu đề, tùy chọn link thường trú (Permanent link) tạo ra URL tự động, bạn chỉ việc nhấp chọn Tùy chỉnh URL (Custom URL) để thay đổi.

Bạn thấy tính năng mới này như thế nào? Hãy để lại nhận xét để chúng ta cùng thảo luận.

Là một fan của Blogger chắc chắn bạn sẽ tiếp tục yêu thích nền tảng này với một tính năng thú vị vừa được công bố: Nhận xét theo chủ đề. Cụ thể hơn tính năng này cho phép tác giả hoặc những bạn đọc khác hồi âm người đã để lại nhận xét trước đó bằng cách trả lời tiếp theo nội dung của họ mà không cần phải trả lời theo thứ tự như trước. Đây là một tính năng rất quen thuộc đối với người dùng WordPress và hôm nay chúng ta đã thấy có mặt ở Blogger.

Để sử dụng tính năng mới này, bạn cần cài đặt Feed ở chế độ đầy đủ bằng cách đăng nhập Blogger, chọn Settings (Cài đặt) -> Site Feed (Nguồn cấp Trang Web), chọn Full (Đầy đủ) tại mục Allow Blog Feeds (Cho phép Nguồn cấp dữ liệu Blog).

Sau đó hãy chọn vị trí khung nhận xét Embedded below post (Nhúng bên dưới bài đăng) như hình:

Bây giờ hãy mở blog của bạn để thử nghiệm tính năng mới này!

Nếu bạn sử dụng một template tùy biến, đã theo các hướng dẫn trên nhưng vẫn chưa thấy xuất hiện, hãy tiếp tục đọc hướng dẫn này.

Nhấn thẻ Design (Thiết kế) -> Edit HTML (Chỉnh sửa HTML), thực hiện sao lưu template đề phòng trường hợp làm sai chúng ta có thể phục hồi, sau đó nhấn Expand widgets templates (Mở rộng tiện ích mẫu) tìm đoạn code sau đây:

        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comments'/>
        </b:if>
        </div>

Và thay thế bằng:

        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>

Lưu lại mẫu và thưởng thức sự khác biệt!

Chúc bạn cuối tuần vui vẻ!

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!

Gần đây Blogger cập nhật nhiều tính năng mới hấp dẫn. Một trong số đó là hệ thống comment mới với khung nhập nội dung nằm ngay sau bài viết. Đây chính là tính năng được chờ đợi nhất vì ưu thế quen thuộc mà người dùng thường thấy trên các nền blog Yahoo! 360, WordPress,...

Để sự dụng tính năng này bạn phải đăng nhập blog của mình theo địa chỉ http://draft.blogger.com và chọn Embedded below post (Bài đăng dưới đây đã được nhúng) tương ứng với Comment Form Placement (Vị trí mẫu nhận xét) ở mục Comments (Nhận xét) của thẻ Settings (Cài đặt). Và nhấn xem blog để kiểm tra khung có xuất hiện hay không.

Với một blog mới vừa được tạo, tùy mẫu có thể đoạn mã quản lý xuất hiện của khung nhận xét đã được thêm trước đó. Trong trường hợp không có hay muốn sử dụng cho mẫu hiện tại bạn cần nhấn phần Expand Widget Templates (Mở rộng mẫu tiện ích) tìm đoạn code sau:

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>

Và thay thế bằng:

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>

Lưu lại, xem blog bạn sẽ thấy xuất hiện như sau:

Để chỉnh sửa định dạng đoạn văn bản ghi dưới Post a comment(Đăng một nhận xét) trong trường hợp có sử dụng Comment Form Message (Thư thông báo Mẫu Nhận xét) bạn chỉ cần tìm đoạn mã:

   <p><data:blogCommentMessage/></p>

Và thêm một đoạn CSS điều khiển định dạng (Ví dụ tôi thêm vào canh đều văn bản và kiểu chữ nghiêng như hình trên):

<p style='text-align: justify; font-style: italic;'><data:blogCommentMessage/></p> 

Nếu gặp vấn đề bạn có thể đăng một nhận xét ngay dưới bài viết này để chúng ta cùng nhau tháo gỡ. Chúc thành công!

BỔ SUNG:

Nếu khung nhận xét vẫn không xuất hiện trên trang của của bài viết cụ thể (trong trường hợp bạn đã chọn chế độ cho phép comment) hãy bổ sung thêm đoạn code màu đỏ theo vị trí của dưới đây:

<b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
   <b:include data='post' name='comment-form'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>