Thứ Ba, 2 tháng 4, 2013

Những dấu chân tình nhân:Recent Visitors: Hiển thị Avatar bạn bè ghé thăm cho Blogspot


 

Một tính năng rất được yêu thích của Multiply là hiển thị danh sách những người dùng truy cập gần nhất vào các nội dung trên blog của bạn. Điều này ít nhiều mang lại cảm giác gần gũi và ấm áp hơn cho chủ blog, nhất là những khi cần chia sẻ, tâm sự. Cũng như những người bạn ghé thăm khi không biết comment chia sẻ thế nào thì ít ra cũng vẫn có thể "im lặng ngồi bên bạn" :)

Khi Multiply tuyên bố đóng cửa, cộng đồng này tản mác khắp nơi, song không mạng xã hội và dịch vụ blog nào có chức năng tương tự thế. Nhu cầu này ít nhiều sẽ được giải quyết ở tiện ích này: Recent Visitors - tiện ích được phát triển và hoàn thiện bởi Karthik's Tech Blog (hiện đã đóng góp cho Google).

Trước khi bắt đầu, mình xin trình bày về tính năng của tiện ích này và những điểm giống - khác so với chức năng lưu dấu chân của Multiply:

- Tiện ích này hoạt động dựa trên nền tảng cơ sở dữ liệu của Google Friend connect. Do đó, để nó hoạt động hiệu quả, bạn nhất thiết cần phải đăng nhập vào gói dịch vụ này của Google. Google Friend connect đã được Google tích hợp cho Blogspot - chính là tiện ích Người theo dõi, tuy nhiên nó không được mặc định hiển thị trên trang chủ, vì thế chúng ta cần cấp phép cho nó theo các bước sau:

  1. Đăng nhập Blogspot
  2. Vào Thiết kế
  3. Vào Bố cục
  4. Thêm tiện ích => Người theo dõi
Đặt nó vào vị trí mà bạn muốn trên trang blog.


Nhấn vào Tham gia trang web này để đăng nhập vào nó. Chỉ khi bạn đã đăng nhập và theo dõi blog của bạn bè thì khi ghé thăm trang của họ, tiện ích này mới hoạt động.


Lí do là chỉ có Google mới có quyền sử dụng toàn bộ cơ sở dữ liệu của họ và làm được điều này nhưng họ lại không chú trọng đến nó. Điều này có nghĩa là, không phải bạn cứ đăng nhập vào Blogspot, thì khi ghé thăm bạn bè mình (những người có sử dụng tiện ích Recent Visitors này) thì sẽ để lại dấu chân đơn giản như Multiply. Ở đây, khi muốn lưu lại dấu chân mình trong nhà bè bạn, bạn sẽ phải làm thêm 1 bước là đăng nhập vào Google Friend connect, dĩ nhiên cũng rất nhanh chóng vì nó dùng chung tài khoản với Blogspot của bạn - tức là khi đăng nhập Blogspot (tài khoản Google) là bạn cũng đã đăng nhập Google Friend connect, chẳng qua là bạn chưa bật nó lên thôi.

- Tới đây chắc bạn đã hình dung được sự giống và khác nhau của tiện ích này so với chức năng tương tự ở Multiply. Thực ra chúng cũng khá giống nhau, chỉ khác chút ít ở các bước cấu hình. Vd như khi không muốn để lại dấu chân mình ở Multiply thì bạn cần logout khỏi tài khoản Multiply, còn ở Blogspot bạn chỉ cần Logout khỏi tính năng Google Friend connect là được. 1 điểm khác nữa là ở Multiply, chỉ cần bạn là 1 người dùng (có tài khoản) thì dấu chân của bạn sẽ hiện ra ở bất kỳ nơi nào bạn đến, còn ở đây, dấu chân bạn sẽ chỉ hiện ra ở những nhà mà bạn đã kết nối bằng cách Theo dõi blog họ thông qua Google Friend connect.

- Có lẽ bạn đã nắm khá rõ về tiện ích này để quyết định có sử dụng nó hay không. Sau đây là các bước tiến hành:

  1. Vào Thiết kế
  2. Vào Bố cục
  3. Thêm tiện ích
  4. Chuyển sang thẻ Tiện ích khác, trong khung tìm kiếm gõ vào Recent Visitors rồi nhấn Enter.
Hình:

     5. Thêm tiện ích này vào blog.
     6. Căn bản đến đây là xong, nhưng để cho giống Multiply, tức là chỉ có chủ nhân Blog mới thấy ai vào thăm nhà mình, thì các bạn cần làm thêm 1 bước nữa, đó là chỉ hiển thị tiện ích này với Người quản trị blog.
          Tiến hành như sau:
- Xác định ID của tiện ích. Việc xác định ID của tiện ích mình đã trình bày trong thủ thuật trước Các Bước Tiếp Theo Để Có Được Giao Diện Multiply Cho Blogspot Của Bạn
Ví dụ tiện ích của bạn có ID là Gadget1, 
- bạn vào Thiết kế => Mẫu => Chỉnh sửa HTML.
- Nhấn Mở rộng mẫu tiện ích
- Nhấn tổ hợp phím Ctrl + F để bật khung Tìm kiếm
- Gõ vào Gadget1 và nhấn Enter.
- Code của tiện ích đó sẽ có dạng như sau:
<b:widget id='Gadget1' locked='false' title='Recent Visitors' type='Gadget'>
<b:includable id='main'>  
  <!-- only display title if it's non-empty -->
  <b:if cond='data:renderingUrl != &quot;&quot;'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
    <b:if cond='data:gadgetSnippet != &quot;&quot;'>
       <data:gadgetSnippet/>
    <b:else/>
      <div class='widget-content'>
        <b:if cond='data:nonSocialFragment != &quot;&quot;'>
          <data:nonSocialFragment/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <data:errorMessage/>
  </b:if>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
- Thêm vào đoạn code trên dòng lệnh  tô màu xanh  bên dưới:
<b:widget id='Gadget1' locked='false' title='Recent Visitors' type='Gadget'>
<b:includable id='main'>  
  <!-- only display title if it's non-empty -->
<span class='item-control blog-admin'>
  <b:if cond='data:renderingUrl != &quot;&quot;'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
    <b:if cond='data:gadgetSnippet != &quot;&quot;'>
       <data:gadgetSnippet/>
    <b:else/>
      <div class='widget-content'>
        <b:if cond='data:nonSocialFragment != &quot;&quot;'>
          <data:nonSocialFragment/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <data:errorMessage/>
  </b:if>
</span>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>
- Lưu mẫu. Bây giờ, tiện ích này sẽ chỉ hiển thị với riêng bạn (Quyền quản trị blog), ngoài ra không ai khác có thể thấy nó.



Chúc các bạn thành công và blogging vui vẻ!
                                                                    Bóng người lặng lẽ
-------------------------------------------------------------------
http://bongnguoilangle.blogspot.com/2013/01/nhung-dau-chan-tinh-nhan-recent.html?showComment=1364543878410#c3698889727020351236

Không có nhận xét nào:

Đăng nhận xét