Change background image
LOVE quotion

Bắt đầu từ 4.53' thứ Hai ngày 17/10/2011


You are not connected. Please login or register

LOVE quotion » INTERNET » Forumotion » Code like box Facebook, Twitter, GG+

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Nuts
Nuts Tích cực

Cấp bậc: Tích cực

Bài viết : 300

Danh vọng : 648

Uy tín : 23

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Lưu ý: Nếu forum sử dụng Fancybox có thể gây xung đột

Demo online : http://www.kesachit.net/h8-page

Hướng dẫn: Paste code dưới đây vào nơi nào tùy bạn (tốt nhất là header)

*Lưu ý: - Nhớ phải sửa link để like Facebook nhé

Code:

<link rel="stylesheet" href="http://dl.dropbox.com/u/24716029/libcss/like.css" type="text/css" />
<script type="text/javascript" src="http://dl.dropbox.com/u/24716029/libjs/like2.js"></script>
  <div id="likebox_1" />
    <div id="likebox_1_1" /><img src="http://forum.szone.vn/likebox/images/fb1.png" alt="" />
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px !importal; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://www.facebook.com/plugins/like.php?href=http://quandoi.forumvi.com/&layout=box_count&show_faces=false&width=100&action=like&font=arial" allowtransparency="true"></iframe>
    </div>
  </div>
  <div id="polecam_1" />
    <div id="polecam_1_1" /><img id="polecamy_img" src="http://forum.szone.vn/likebox/images/twitter.png"/>
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://platform.twitter.com/widgets/tweet_button.html?count=vertical&amp;url=http://quandoi.forumvi.com/" allowtransparency="true"></iframe>
    </div>
  </div>
  <div id="google_1" style="top: 52%;" />
    <div id="google_1_1" /><img id="google_img" src="http://forum.szone.vn/likebox/images/google.png">
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px !importal; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://plusone.google.com/_/+1/fastbutton?size=tall&count=true&url=http://quandoi.forumvi.com/" allowtransparency="true"></iframe>
    </div>
    </div>
  </div>

      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Có nhiều kiểu nút chia sẻ nhưng kiểu này nhỏ gọn mà nhiều nút nhất, có muôn trùng nút tha hồ mà bấm, chỉ sợ ... không ai bấm hoặc chỉ mỗi admin bấm. Nó rất nhẹ, không ảnh hưởng gì đến việc load forum. Đầu tiên nó hiện ta như thê này :

Code like box Facebook, Twitter, GG+ CHIASE1-1

Khi rê chuột vào nút + thì:

Code like box Facebook, Twitter, GG+ CHIASE

Nếu ta click vào nút + More...(320) trong hình trên thì nó ra cả đống các nút khác:

Code like box Facebook, Twitter, GG+ CHIASE2

Chỉ cần mang code này chèn vô chỗ nào đó là xong, không cần thay đổi hay sửa chữa gì hết:

Code:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://hunghsmn.ucoz.com/CSS_JS/addthis_widget.js"></script>
<!-- AddThis Button END -->

Ghi chú: Nó chia sẻ đúng trang đang mở

Bạn nào có tài khoản trên mạng xã hội nào thì vào đây bấm thử: http://hunghsmn.ucoz.com/
      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Code lượt xem+ like facebook chạy dọc viền forum pro vbb 3


Code:
<link rel="stylesheet" type="text/css" href="http://sinhvienit.net/@forum/vtlai_css/vtlai_shareside.css" />
<link rel="stylesheet" type="text/css" href="http://sinhvienit.net/@forum/vtlai_css/vtlai_requestdel.css" />

<menu class="shareBar side-sharebar" id="shareBar">

    <div class="item">

        <p class="recentCount"><span class="countNumber">$thread[views]</span><br>Lượt xem</p>
    </div>

    <div class="item">

        <iframe src="http://www.facebook.com/plugins/like.php?href=http://quandoi.forumvi.com/showthread.php?t=$threadid&amp;send=false&amp;layout=box_count&amp;width=52&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:62px;" allowTransparency="true"></iframe>
    </div>

    <div class="item">

        <!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

    </div>

    <div class="item">

        <div class="rqd">

            <div class="rqd_count">0</div>

            <a class="rqd_btn" title="Gửi yêu cầu xóa bài viết này" href="http://quandoi.forumvi.com/showthread.php?t=$threadid" onclick="alert('Chức năng này sẽ hoạt động vào 12h ngày 24/3')">Xóa bài</a>
        </div>

    </div>

</menu>
<script src="http://sinhvienit.net/@forum/vtlai_js/vtlai_shareside.js" type="text/javascript"></script>
      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Finding out some wordpress plugins of Google Plus, Facebook Like and Twitter’s Tweet buttons, some performance and other issues were faced, due to which I thought to find out direct code & scripts of all, and make them self embedded in the theme. If you looking for how to add buttons for Google Plus, Facebook Like and Twitter Tweet in a blog or website, there here are the simple >scripts / code you can add in your site:

Google Plus Button Code

Following is the script, and the div, which you can add anywhere in your code, for adding the Google Plus button in your website. Preferable is to add the script in the header tag, and then the div, where you want the Google Plus button to be shown, but you can also use the script and div together, like below:

Code:
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
<div class=”g-plusone”></div>

Twitter Tweet Button Code

Following is the script, which you can add anywhere in your code, for adding the Twitter Tweet button in your website:

Code:
<a href=”https://twitter.com/share” class=”twitter-share-button”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

Facebook Like Button Code

Following is the script, which you can add anywhere in your code, for adding the Facebook Like button in your website:

Code:
<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script>
<script type=”text/javascript”>[/b]
document.write(‘<fb:like layout=”button_count” show_faces=”false” width=”100″></fb:like>’);
</script>

If you have any other easy solution for any of all of these mentioned above, please share or comment.



Một vài trang có trượt hay:

http://thegioitragop.vn
      
Nuts
Nuts Tích cực

Cấp bậc: Tích cực

Bài viết : 300

Danh vọng : 648

Uy tín : 23

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Đơn giản hơn với kiểu cố định góc dưới bên phải của c3zone:

Code:
<style>
   #FM_widget_share
      {width: 60px;
      position: fixed;
      bottom: 3opx;
      right: -2px;
      padding: 4px;
      background: transparent;
      text-align: center !important;
      }
   #finger {position:fixed;right:0;bottom:232px}
   #FM_widget_share iframe {margin-top: 4px}
   #FM_widget_share iframe:last-child {margin-left: 6px}
</style>
<div align="center" id="FM_widget_share"></div>
<div id="finger"><img src="http://www.c3zone.net/users/1214/94/30/93/album/c3z10.png"></div>

Chèn vào overrall_footer_end, trước thẻ body
      
Nuts
Nuts Tích cực

Cấp bậc: Tích cực

Bài viết : 300

Danh vọng : 648

Uy tín : 23

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
... Và đây là cho http://quandoi.forumvi.com/, chèn vào overall_footer_end trước thẻ </body>:

Code:
<link rel="stylesheet" href="http://dl.dropbox.com/u/24716029/libcss/like2.css" type="text/css" />
<script type="text/javascript" src="http://dl.dropbox.com/u/24716029/libjs/like2.js"></script>
  <div id="likebox_1" />
    <div id="likebox_1_1" /><img src="http://dl.dropbox.com/u/24716029/images/fb.png" alt="" />
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px !importal; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://www.facebook.com/plugins/like.php?href=http://quandoi.forumvi.com/&layout=box_count&show_faces=false&width=100&action=like&font=arial" allowtransparency="true"></iframe>
    </div>
  </div>
  <div id="polecam_1" />
    <div id="polecam_1_1" /><img id="polecamy_img" src="http://dl.dropbox.com/u/24716029/images/tw.png"/>
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://platform.twitter.com/widgets/tweet_button.html?count=vertical&amp;url=http://quandoi.forumvi.com/" allowtransparency="true"></iframe>
    </div>
  </div>
  <div id="google_1" />
    <div id="google_1_1" /><img id="google_img" src="http://dl.dropbox.com/u/24716029/images/gp.png">
        <iframe width="77" scrolling="NO" height="62" frameborder="0" style="overflow:hidden; border:none; border-width:0px; width:77px !importal; padding:0; margin:0; height:62px; margin-top: 18px; margin-left:10px;" src="https://plusone.google.com/_/+1/fastbutton?size=tall&count=true&url=http://quandoi.forumvi.com/" allowtransparency="true"></iframe>
    </div>
    </div>
  </div>

hoặc đơn giản hơn vào socialmediatabs.com để lấy code và làm theo hướng dẫn. Ví dụ, code dưới đây dùng cho forum.lucquan2.com :

Code:
<!-- SocialMediaTabs.com START -->
<script type="text/javascript">
      var smtabs_id = "1.0@2484@e9a3f748f10295c68652b227b589eaa6@com/l//2484";
</script>
<script type="text/javascript" src="http://cdn.socialmediatabs.com/loader/loader.1.0.min.js"></script>
<!-- SocialMediaTabs.com STOP -->
      
Sponsored content

Cấp bậc:

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
      

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

LOVE quotion » INTERNET » Forumotion »Code like box Facebook, Twitter, GG+

Quyền hạn của bạn

Bạn không có quyền trả lời bài viết
free counters



  • Đoàn Ngọc Khánh

    mobile phone 098 376 5575


    Đỗ Quang Thảo

    mobile phone 090 301 9666


    Nguyễn Văn Của

    mobile phone 090 372 1401


    IP address signature
    Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất