Saturday, April 18, 2009

Thêm "Tweet this" vào Template của Blogger




[Info Tech] Twitter là một trong những ứng dụng phổ biến nhất trong thế giới blog. Chia sẻ một điều gì đó trên Twitter được gọi là "Tweet this" và được dùng để chia sẻ đường dẫn tới thông tin thời sự, blog post hoặc bất kỳ thứ gì mà bạn muốn chia sẻ với những người bạn của mình.




Đặt nút "Tweet this" vào bài viết của bạn sẽ giúp cho khách viếng thăm blog có thể dễ dàng chia sẻ bài post của bạn. Điều này sẽ đem lại traffic cho blog của bạn. Traffic nhiều hay ít còn phụ thuộc vào sự nổi tiếng của người đó và số lượng người trong danh sách bạn bè của người đó. Nhưng đó luôn luôn là một ý tưởng hay để có thể dễ dàng thu hút khách cho blog của bạn.

Nếu bạn add đoạn code sau vào template của bạn trong blogger thì chắc chắn bạn có thể có "Tweet this":
<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @YOURTwitterUSERNAME " + data:post.url' title='Tweet it on Twitter'><img src='http://LINK TO TWITTER IMAGE ON YOUR SERVER'/></a>
Xin được giải thích thêm cho phần được highlight trong đoạn code:


  • Thay thế YOURTwitterUSERNAME bằng tên đăng nhập của bạn trong twitter, Nếu bạn muốn biết ai là người chia sẻ bài post của bạn. Nếu không thì đơn giản chỉ việc xóa @YOURTwitterUSERNAME đi là xong.

  • Thay thế URL hình ảnh http://LINK TO TWITTER IMAGE ON YOUR SERVER Bằng link tới hình ảnh twitter của bạn.

  • Tôi vừa thêm 'Reading' trước trạng thái của twitter, nếu bạn muốn thay đổi có thể thay đổi hoặc bỏ nó đi cũng được.

  • Bây giờ thì hãy thêm code của chính bạn vào trong template của blogger. Nó sẽ xuất hiệ ở phần footer. Nếu bạn cần giúp đỡ về phần này xin hãy để lại lời nhắn.
Code cuối cùng:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @knowliz " + data:post.url' title='Tweet it on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-USzCLkhoskU1R2ONIaoVjle3dqyDVy1ItN3FAGuvom1kPWZqiSlliVnrZ6ydd_Lt-9W_aQ8VyosvwnEUl0LwhtYNGKVrMWA2EZ61ZhlSTyqfsgI4uCss5dE4cg5QBbe_P2sKaXy1H8k/s144/itwitter.png'/></a>

Thêm vào template:

  1. Đi tới Layouts.

  2. Expand template của bạn dưới phần Edit HTML.

  3. Tìm tag 'p class='post-footer-line post-footer-line-3'.

  4. Sao chép và thêm đoạn code trên vào. (Nhớ là hãy backup template của bạn trước đó.)

  5. Thêm đoạn code mà bạn vừa hòan thành ngay sau Tag trên.
Chú ý:

Một khi bạn đã thêm code sau vào template:

  • 'Tweet this' sẽ tự động xuất hiện sau mỗi bài viết.

  • Bạn chỉ được làm một lần.

  • Kể cả những post cũ trong blog của bạn cũng sẽ tự động có nút này.

  • Khi người đọc ấn nút này, nó sẽ tự động bao gồm cả URL của bài post của bạn trừ pho người đó chủ ý gỡ bỏ link khi edit tweet.
Nếu bạn có thêm gợi ý nào cho bài post, hãy để lại comment. Và nếu bạn thích hãy "tweet" bài post này trên twitter nhé!

0 comments:

Post a Comment

Please leave your comment here. Làm ơn ghi rõ nguồn khi lấy thông tin từ INFO TECH.

» Có thể sử dụng các tài khoản tại Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, hoặc sử dụng Tên/URL-Website [có thể bỏ trống URL], hoặc Ẩn danh để đưa ra comemnt - nhận xét, nếu muốn.

» Đặc biệt - có thể đăng trực tiếp ảnh, mp3, video [của youtube] bằng cách copy - paste rõ ràng link trực tiếp của ảnh [.jpg, .gif, .png], mp3 [.mp3], video [từ youtube.com] vào comment form.

» Ngoài ra có thể bấm vào Preview bên dưới comment form để xem trước conment đã viết, trước khi post-đăng. Tương tự, bấm vào Subscribe by email để đăng ký theo dõi comments của bài này.

» Vui lòng đăng những nhận xét lịch sự và cố gắng gõ tiếng Việt có dấu, đúng chính tả nếu có thể. Rất vui vì những comment thiện ý, thanks!

Latest Posts

Label tag

Page copy protected against web site content infringement by Copyscape
 
About Me
Info Tech provies IT tips, Applications, Blogger, Blog, Adsense ... Use Firefox to open this site!