Thêm nút chia sẻ "Sharing is sexy" vào cuối bài viết

Thảo luận trong 'Style & Template Questions' bắt đầu bởi Pino, 29/9/13.

1votes
5/5, 1 vote

  1. Pino

    Pino New Member

    Bài viết:
    61
    Likes :
    5
    Mình qua topic http://vxf.vn/forums/template-modifications.70/ không post được nên post ở đây vậy..
    [​IMG]

    Công dụng :

    • Thêm nút chia sẻ bài viết tiện lợi cho diễn đàn
    Lưu ý :
    Không nên chọn kiểu này nhé, vì sẽ bị lỗi. :) [​IMG]

    Hướng dẫn cách làm :
    1. Các bạn vào trang sau : https://shareaholic.com/, nhấn vào nút Add Shareaholic for your site
    2. Các bạn chọn Share buttons.
    3. Sau đó các bạn tạo tài khoản (nếu có rồi thì đăng nhập).
    4. Sau khi đăng ký (đăng nhập) các bạn vô Site Tool , điền các thông tin theo yêu cầu , phần platform thì các bạn chon Other nhé. Tiếp theo các bạn tự tùy chỉnh tool share.
    5. Sau khi hoàn tất ,nó sẽ cho bạn 2 đoạn code như sau :
    Mã:
    [/FONT][/FONT][/SIZE][/FONT][/FONT][/FONT][/FONT]
    [FONT=Tahoma][FONT=Arial][FONT=Tahoma][FONT=Arial][FONT=Arial][SIZE=13px][FONT=Tahoma]<script type="text/javascript">
    //<![CDATA[
      (function() {
        var shr = document.createElement('script');
        shr.setAttribute('data-cfasync', 'false');
        shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
        shr.type = 'text/javascript'; shr.async = 'true';
        shr.onload = shr.onreadystatechange = function() {
          var rs = this.readyState;
          if (rs && rs != 'complete' && rs != 'loaded') return;
          var apikey = 'fece650b7dca7a3c0a7c30699117a14b';
          try { Shareaholic.init(apikey); } catch (e) {}
        };
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(shr, s);
      })();
    //]]>
    </script>
    
    

    Chèn đoạn code trên trước thẻ </head> trong PAGE_CONTAINER

    6. Và đoạn code sau bạn vào message trong Appearance->template. Tìm đoạn :
    [HIDE-REPLY-THANKS]
    Mã:
    [/FONT][/FONT][/SIZE][/FONT][/FONT][/FONT][/FONT]
    [FONT=Tahoma][FONT=Arial][FONT=Tahoma][FONT=Arial][FONT=Arial][SIZE=13px][FONT=Tahoma]<xen:hook name="message_content" params="{xen:array 'message={$message}'}">
            <div class="messageContent">
                <article>
                    <blockquote class="messageText ugc baseHtml{xen:if $message.isIgnored, ' ignored'}">
                        <xen:include template="ad_message_body" />
                        {xen:raw $message.messageHtml}
                    </blockquote>
                </article>
      
                {xen:raw $messageContentAfterTemplate}
            </div>
            </xen:hook>
    

    [/HIDE-REPLY-THANKS]

    Thêm sau nó đoạn code thứ 2 mà bạn có được.


    Mã:
    <xen:if is="{$message.isFirst}"> <div class='shareaholic-canvas' data-app='share_buttons' data-app-id='341820'></div></xen:if>

    Chúc vui vẻ.
    Demo: http://8-9x.com/threads/phukientonghop-net-si-va-le-mieng-dan-skin-dien-thoai.19/#post-25
     
    Last edited: 29/9/13
    Đang tải...
  2. p3iu18

    p3iu18 Member

    Bài viết:
    298
    Likes :
    123
    Cái này nó bị xung đột với xentag. Bạn thử bấm edit tags xem no load hoài ko chạy
     
    Pino thích bài này.
  3. Pino

    Pino New Member

    Bài viết:
    61
    Likes :
    5
    Thanks bạn. Giờ mới biết :);)
     
  4. p3iu18

    p3iu18 Member

    Bài viết:
    298
    Likes :
    123
    Cái này share lâu rồi và cũng nói về vấn đề xung đột với xentag luôn rồi mà :)
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...