Chèn nút để bookmark bài lên Google Buzz trong WordPress



Xin chào toàn thể các bạn,

Trước khi bắt đầu khai bút đầu xuân 2010, tôi mong muốn gửi đến toàn thể các bạn bè thân hữu gần xa những lời chúc tốt đẹp nhất. Chúc các bạn một tnăm mới tràn đầy hạnh phúc, sức khoẻ và thành đạt.

Ở bài viết khai bút đầu xuân mới này, tôi xin chia sẻ một kinh nghiệm nhỏ giúp các bạn chèn vào blog WordPress nút bookmark bài lên Google Buzz. Nếu các bạn không rành lắm về WordPress, HTML, JavaScript, tôi khuyên bạn nên sử dụng plugin có sẵn để tránh làm hỏng blog của các bạn.

Mạng xã hội Google Buzz

Mạng xã hội Google Buzz

Bài viết khá đơn giản nhưng để tiện theo dõi tôi sẽ cùng các bạn đi qua từng bước nhé:

0. Hãy đảm bảo tài khoản Google của bạn đã kich hoạt chức năng Reader. Nhấn vào đây để kiểm tra Google Reader

1. Chuẩn bị hình ảnh của nút  Google Buzz:

Các bạn dễ dàng tìm thấy nó trên Internet:

Tuy nhiên hình trên, nếu các bạn để ý kỹ sẽ thấy nó màu nền là màu trắng, như vậy sẽ không thích hợp với một số blog có màu nền khác. Do vậy, tôi đã dùng Photoshop để chỉnh sửa nó có màu nền trong suốt :

google-buzz-button-transparent

google-buzz-button-transparent

Hãy download nó về, upload lên WP của bạn và ghi nhớ đường dẫn nhé

2. Tiếp theo, hãy xem đoạn code dưới đây:

Ở đây, có một số chỗ bạn sửa lại cho phù hợp với blog của bạn, như dòng số 10, 11 và 17.

3. Bạn đăng nhập vào AdminCP của  WordPress, tìm đến phần Appearance > Editor > Single.php. Chèn đoạn code trên vào chỗ nào bạn muốn nó hiển thị. Save lại  !

[warning]
Lưu ý là ở bước này, bạn phải hiểu rõ một chút về HTML và CSS để chèn được đoạn code vào đúng chỗ bạn muốn mà không làm hỏng layout của blog. Do có rất nhiều theme WP đang được sử dụng nên tôi không thể nói chính xác là bạn nên chèn vào chỗ nào. Hãy cẩn thận !
[/warning]

4. Thế là hoàn tất, thử nghiệm thôi nào 🙂

Đây là kết quả mà chúng ta đạt được:

Tích hợp Google Buzz vàoWordPress

Tích hợp Google Buzz vàoWordPress

(Copyright © 2010 by Hoàng  Tuấn  Anh -Shinichi @ Shinichi Blog – http://vietcoding.com)

About Author

Tuấn Anh

Là một người đam mê lập trình, hiện tập trung mảng phát triển ứng dụng web dựa trên nền tảng của WordPress. Đồng thời, nhằm đạt sự trọn vẹn trong công việc freelance, tôi đang học đồ hoạ, để có thể tự mình thiết kế layout, logo và những thứ khác liên quan đến đồ họa. Mục tiêu vài năm tới: Tôi sẽ là Full Web Developer = Graphics Design + Coding. Vietcoding Blog viết về WordPress, chia sẻ kinh nghiệm, mẹo vặt, viết plugin, làm theme và ôm ấp ý tưởng viết một Web Application Framework dựa trên WordPress. Đồ hoạ là chuyên mục đang được chuẩn bị trong tương lai.



3 thoughts on “Chèn nút để bookmark bài lên Google Buzz trong WordPress

  1. EThongTin.Net says:

    Oh ! hay quá ! Anh cho em post lại bài này lên blog của em nhé ! hi hi!
    Anh ơi ! Em có ý kiên này ! Đầu năm mới , em với anh trao đôi logo hoạc linh cho may mắn đi anh ! Anh đặt của em chỗ nào cũng ddc , còn em sẽ đặt cho anh vị trí tốt nhất !
    Chỉ là lời cảm ơn vì bài viết hay này của anh ý mà !:x
    .-= EThongTin.Net´s last blog ..Top 10 Công Cụ Nghiên Cứu, Tìm Kiếm Thông Tin Thông Minh =-.

    1. Shinichi says:

      Happy new year!

      Tôi rất hoan nghênh việc trao đổi links. Hiện đang ở Gia Lai, truy cập qua đt nên thao tác hơi khó khăn đợi có wifi dùng laptop rồi tôi add link của bạn nhé 🙂

      Thanks!

  2. Kenny Tran says:

    Thanks
    bài viết này rất hữu ích cho webmasters


Got Something To Say:

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

GENESIS FRAMEWORK