Thứ Ba, 29 tháng 1, 2013

Hướng dẫn chèn nút like Facebook, +1 Google Plus, Linkhay vào blogspot

Thực tế, có khá nhiều cách để gán chức năng Share trên blogspot, bao gồm công cụ và dịch vụ hỗ trợ, hoặc trực tiếp trên Facebook và Twitter, tuy nhiên cách đơn giản nhất là sử dụng AddThis - đơn giản, dễ cấu hình và dễ sử dụng.


Sau khi tiến hành đăng ký thành công tài khoản, nhấn vào đường dẫn Get AddThis trên trang điều khiển chính để bắt đầu: 
Lựa chọn hiển thị nút chia sẻ mà bạn mong muốn tại đây: 
Hệ thống sẽ hiển thị 1 đoạn mã HTML phù hợp để bạn nhúng vào blog của mình. 

Code chèn linkhay vào blogspot của bạn:
 <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 src='http://linkhay.com/widgets/linkhay.js' type='text/javascript'></script>
<div style='clear: both;'></div>
</div>


Tiếp theo, các bạn lần lượt làm theo các bước sau:
Bước 1: Đăng nhập vào Blogger : Di chuyển vào Design > Edit HTML
Bước 2: Click chọn “Expand Widget Templates”
Bước 3: Tùy thuộc vào vị trí người sử dụng muốn hiển thị nút chức năng này trên blog, chúng ta sẽ chèn code vị trí code HTML khác nhau. Như ví dụ tại đây, chúng tôi sẽ hiển thị phần này dưới nội dung text, do vậy thay thế mã AddThis vào trên hoặc dưới thẻ <div class='post-footer'>:


Chú ý phần này :
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_preferred_1'/>
<a class='addthis_button_preferred_2'/>
<a class='addthis_button_compact'/>

Thường thì tên một nút chia sẻ thường có dạng:
"addthis_button_" + "Tên mạng xã hội"


Mỗi một link là tương ứng với một nút chia sẻ, chúng ta chỉ cần thay đổi thuộc tính class lại là sẽ có ngay một nút mới. Nếu muốn nhiều nút hơn bạn có thể copy nó ra thành nhiều link. Ví dụ như bạn muốn có nút chia sẻ lên Facebook. Bạn sẽ thêm link:

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>



Ngoài ra còn có thêm nút bộ đếm:
<a class="addthis_counter addthis_bubble_style"></a>

Nút chữ thập, ấn vào sẽ hiện ra danh sách đầy đủ các trang mạng chia sẻ.
<a class="addthis_button_compact"></a>
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2013 Lương Thanh Tường
Liên Hệ : Luongthanhtuong24.6.1997@gmail.com
GoogleComments RSS
Chuyển Lên Trên
Chuyển Lên Trên