Thêm Socialmedia bên phải bài viết

// TheSis Tips

Ngày nay, mạng xã hội đã trở nên rất phổ biến. Việc thêm các nút Link Hay, ReTweet,… để mọi người tiện chia sẽ bài viết lên mạng xã hội là điều cần thiết đối với mỗi blog. Đã có nhiều bài viết về mảng này, nhưng theo yêu cầu bạn Hùng, HT sẽ hướng dẫn các bạn thêm các nút mạng xã hội Socialmedia vào bên phải bài viết như HT đang sử dụng.

Bài viết này HT giới thiệu cách làm đối với theme TheSis, đối với các theme khác cũng tương tự, nhưng các bạn cần đặt thủ công.

Chúng ta đi vào vấn đề nhé.

Bạn thêm đoạn code sau vào file custom_functions.php (functions.php với các theme khác)

/***** htr_social http://hutruc.com *****/
function htr_social() {
if (is_single()) {?>
<div style="float:right; padding-left: 5px;text-align:center;">

<!--- linkhay --->
<div>
	<script type="text/javascript">var linkhay_title = '';</script>
	<script type="text/javascript">var linkhay_url = '';</script>
	<script type="text/javascript">var linkhay_desc = '';</script>
	<script type="text/javascript">var linkhay_style = '1';</script>
	<script language="javascript" src="http://linkhay.com/widgets/linkhay.js"></script>
</div>
<!--- #linkhay --->

<!--- tweetmeme --->
<div>
	<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<!--- #tweetmeme --->

<!--- ban cung co the theme cac nut mang xa hoi khac tai day --->

</div>
<?   }
}
add_action('thesis_hook_before_headline', 'htr_social');
/***** end htr_social http://hutruc.com *****/

Với những bạn dùng theme thesis thì như vậy là xong.

Với những theme khác thì bạn hãy xóa dòng

add_action('thesis_hook_before_headline', 'htr_social');

trong đoạn code trên. Sau đó, bạn cần thêm đoạn code sau vào trước tiêu đề bài viết trong file single.php

<?php htr_social(); ?>

Bạn có thể đưa vào các nút mạng xã hội khác mà bạn thích (Google Buzz,FaceBook,…). Demo chính là bài viết này :) Chúc bạn thành công!

P/s: Bạn cần HT viết những thủ thuật gì, hãy yêu cầu bài viết tại đây.

70 Responses

  1. Hùng says:
    March 31, 2010 at 7:02 pm

    Sao bài viết mới thấy comments ở bài viết khác lọt vào đây vậy ta?
    Thanks HT nhiều về tips này (và tips khác nữa).
    .-= Hùng´s last blog ..Barking Video =-.

    • Huỳnh Trung says:
      April 1, 2010 at 7:46 am

      Có lẽ do code HT bị lỗi về phần query, hôm qua vừa nhận được thông báo là fix tạm thời trên mobile rồi.
      Thanks bác đã nhắc nhé, di chuyển cmt về đúng chổ sau :)

  2. LeHienTinh says:
    March 31, 2010 at 7:30 pm

    Thanks bác. em đã add custom by HuTruc.Com :D . Rất cám ơn bác đã giúp đỡ mấy ngày nay.
    .-= LeHienTinh´s last blog ..Chuyển rss sang rss feedburner với plugin FD Feedburner =-.

  3. Hùng says:
    April 1, 2010 at 4:21 am

    Cũng mới add cái này vô.Thanks nhiều.
    Thesis 1.7 có rồi,cập nhật thôi
    .-= Hùng´s last blog ..Cơ hội sở hữu Thesis bản quyền 32$ =-.

    • Huỳnh Trung says:
      April 1, 2010 at 7:49 am

      HT vẫn đang dùng ver 1.6 share của bác Mèo đấy, tham gia Contest hy vọng có hàng để cập nhật, không thì dùng đỡ 1.6 tiếp vậy :(

  4. Lê Hoàng says:
    April 1, 2010 at 7:36 am

    Thank anh, dạo này đua nhau viết bài dữ nhể, hehe :chem:
    .-= Lê Hoàng´s last blog ..Hiển thị bài viết ngẩu nhiên trong wordpress =-.

  5. nguyentrung167 says:
    April 1, 2010 at 8:06 am

    Đúng là trùm code, vô blog toàn thủ thuật coding không… Bác ngâm cứu nhiều nhiều, rồi ra nguyên cái tuyển tập thủ thuật code trên WP cho anh em cùng tham khảo luôn nha, hihihi
    .-= nguyentrung167´s last blog ..Nhớ!!! “Kiền Trắc – Dũng” =-.

  6. Rainbowsmile@Vút Bay.net says:
    April 1, 2010 at 9:58 am

    Nể bác, code thì e chịu :bi:

    • Huỳnh Trung says:
      April 1, 2010 at 10:10 am

      Những thủ thuật HT đều cố gắng viết một cách đơn giản nhất, bạn chỉ việc copy, paste là ok thôi.
      Mỗi người có những cái riêng, HT thì biết chút chút về code, còn về điện tử thì HT cũng yêu thích nhưng mù tịt :bimat:

  7. tuananhg says:
    April 1, 2010 at 11:02 am

    anh HT có thể share cho em code button Buzz như của anh được không ?

  8. Hùng says:
    April 1, 2010 at 2:32 pm

    Làm thế nào để nó “đứng lên’ chứ không nằm xuống vậy HT?add code HT viết trên nó…nằm ngang
    .-= Hùng´s last blog ..Hướng dẫn sử dụng Google Adwords Pay-Per-Click Basics Video =-.

    • Huỳnh Trung says:
      April 1, 2010 at 2:49 pm

      Do code button của linkhay và tweetmeme thế nào ấy nên nó nằm ngang, HT dùng với FB, Topsy,.. vẫn bình thường. Đã fix rồi, bác copy code ở trên sẽ “đứng lên” thôi :D

  9. Tran Quang says:
    April 1, 2010 at 3:51 pm

    Cái này t đã thấy nhiều site dùng và tự hỏi là làm thế nào nhỉ ! May quá ! bây giờ đã có bác Hư trúc trả lời giúp ! thank bác nhiều lắm ! :2:

  10. Tran Quang says:
    April 1, 2010 at 3:53 pm

    à ! nhân tiện bác cho tớ hỏ cách thêm 2 khung ” bài viết liên quan” và ” bìa viết khác ” giống của bác ntn ? ( Nếu dùng code mà lấy trên mạng ấy , thì thì comment nó nhảy lung tung các bài – cáci lỗi mà lần trứoc tớ hỏi bác ây )
    .-= Tran Quang´s last blog ..Flash Gallery Miễn Phí Hỗ Trợ Tự Động Tạo Thumbnail =-.

    • Huỳnh Trung says:
      April 1, 2010 at 4:13 pm

      Bài viết liên quan thì HT đã có viết bài hướng dẫn trên blog rồi, bạn chỉ việc copy về dùng, không còn lỗi đâu :cuoiduyen: . Bài viết cùng chuyên mục, HT đang test thôi, vẫn chưa chắc lắm nên chưa viết được. Mới hôm qua vẫn bị lỗi nhảy comment lung lung :2:

  11. Wan Linh says:
    April 1, 2010 at 10:04 pm

    HT có thể viết bài áp dụng Socialmedia cho Blogspot ko ?
    Nếu dc cám ơn trước nhé :)

    • Huỳnh Trung says:
      April 2, 2010 at 12:11 am

      Blogspot thì HT ít dùng nên cũng không chắc lắm. Nhưng cái này chỉ là CSS thôi nên có lẽ HT thử lấn sân xem sao. Nếu viết cũng khoảng mấy hôm nữa.

  12. V.Linh says:
    April 2, 2010 at 6:42 am

    Thanks !
    Mấy hôm nữa ghé lại :D

  13. Thuan says:
    April 13, 2010 at 8:06 pm

    Em mới làm 1 blog wordpress nên không được rành lắm, Bác HT có thể cho em biết làm thế nào để sử dụng themes trong themes.wordpress.net được không. Cám ơn bác trước!

    • Huỳnh Trung says:
      April 13, 2010 at 8:47 pm

      Blog của bạn dùng trên WP.Com nên việc edit theme rất bất tiện, bạn nên chuyển sang dùng wordpress trên host riêng sẽ tự do hơn :2:

  14. Dzung Nguyen says:
    April 27, 2010 at 11:13 pm

    Xin chào!

    Vậy nếu để các nút link này theo phương nằm ngang
    - horizontal thì thế nào?
    Mình thấy một số bài thì nằm ngang, một số thì nằm dọc.
    Vậy phải một code set ngẫu nhiên theo description nếu đọ dài
    của description ngắn thì xếc các nút này theo phương nằm ngang,
    còn nếu dài ra thì theo phương nằm dọc.
    ví dụ trang social media nổi tiếng này : http://mashable.com/
    Các bác xin chỉ giáo

    Cheers,
    Dzung

  15. ghost_boy1412 says:
    May 11, 2010 at 2:50 am

    hixhix sao mình đã làm y hệt bác mà no ko hoạt động j hết vậy?? :bi:
    Mình chèn doạn code đầu tiên vào file functions.php dưới dòng <?php
    Rùi đoạn code thứ 2 chèn vào page.php dưới dòng
    mà vẫn ko thấy hiện j ra hết :x: xin bác chỉ giáo??

    • Huỳnh Trung says:
      May 11, 2010 at 8:41 am

      Nếu đặt ở page.php thì nó sẽ hiển thị khi nào bạn vào một trang nào đó, còn đặt ở single.php thì sẽ hiển thị khi bạn xem bài viết.

  16. ghost_boy1412 says:
    May 11, 2010 at 2:55 am

    dưới dòng php the_title(); trong page.php .Dưới hay trên j mình cũg test rùi mà cũg ko đc :dauhang:

  17. ghost_boy1412 says:
    May 11, 2010 at 12:48 pm

    but theme mình ko có file single.php chỉ có file page thui.mình add các code khác như số lượt xem vào thì bình thường mà??chỉ có code trên là ko đc thui :bi:

  18. NguyenKhoa says:
    July 30, 2010 at 11:41 pm

    Nhờ HT xem chỉnh giúp mình cho cái thanh Social này nằm giống blog HT với.
    blog mình nó đẩy bài viết xuống, tạo nên khoảng trống xấu quá :never:
    nguyenkhoablog.co.cc/song_khoe/an-hai-san-cho-co-uong-bia.html

  19. NGTHFONG says:
    August 7, 2010 at 12:02 am

    Thanks ^0^ :2:

  20. Lê Hoàng Huynh - Hoàng Huynh Online says:
    March 9, 2011 at 5:43 am

    bất chợt em nghĩ : Zing!Me là một mạng xã hội made in Việt Nam. Tại sao chúng ta không tạo ra nút mạng cho nó nhỉ? em thử làm vài lần nhưng click vào là : Page not … Liền hà ! thấy trang 404 dễ gét thảm hại :andam: :andam: :andam:

  21. Tabin says:
    May 26, 2011 at 11:36 am

    Mình phải thử mới được cũng đang định dùng Plugin mà cố tìm xem có cái nào thêm trực tiếp ko Thanks HT nhé ^^! :2: