Thêm Twitter và Facebook Like buttons vào Drupal site của bạn

Thursday, July 19, 2012  Rua  0 nhận xét

 A. Adding Twitter and Facebook Like buttons to your Drupal site:

<div class="social-buttons">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php $curr_url = check_plain("http://" .$_SERVER['HTTP_HOST'] .$node_url); echo $curr_url; ?>&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="<?php $curr_url = check_plain("http://" .$_SERVER['HTTP_HOST'] .$node_url); echo $curr_url; ?>" data-text="<?php echo $title; ?>" data-via="hunglxh">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>.
  1. Tìm và mở tập tin node.tpl.php trong thư mục sites/all/themes của bạn. Nếu bạn muốn thêm các nút cho mỗi nút, sau đó chỉnh sửa tập tin này. 
  2. Sau đó sẽ chèn đoạn mã trên giữa <div class="content"> và  <?php print $content ?>
  3. Thay thế "hunglxh" từ các mã trên và chèn tên đăng nhập riêng của bạn trên Twitter.
  4. Lưu và tải lên tập tin đã thay đổi lên máy chủ của bạn.
Chèn những dòng css sau vào file style.css trong  theme bạn đang sử dụng:
.social-buttons{   width: 125px;
   float: right;
   padding: 10px 10px 6px;
   border: 1px solid #EFEFEF;
   margin-left: 15px;
}
Bạn có thể thay đổi các thuộc tính CSS theo ý thích của mình

Chủ đề:

0 nhận xét:

Post a Comment