VIEW:


BÀI LIÊN QUAN

 Tạo nút like và share Facebook cho Blog cực chuẩn. Giúp tăng khả năng SEO cho blog của bạn và tăng lượt like share cho Blog.


 Bắt đầu thôi!!

  Bước 1: Vào Blogger dưới quyền admin, vào Mẫu, chỉnh sửa HTML
  Bước 2: Tìm tới thẻ đóng <body> copy đoạn code dưới đây vào phía dưới thẻ <body>

thangbme.com
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;appId=1158845450850167&amp;version=v2.7&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
  Bước 3: Vào Bố cục, Thêm tiện ích HTML/Javascript. Sau đó copy đoạn copy đoạn code phía dưới vào tiện ích, lưu tiện ích và thưởng thức kết quả

thangbme.com
<div style='padding:10px 8px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-top: -25px; margin-left: -673px;border-radius: 0;border: 0px solid #d9d9d9;'>
<div class="fb-like" data-href="" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div>
</div>
 Lưu ý: thay các phần màu đỏ cho phù hợp với Blog của bạn.

Thêm tiện ích fanpage như trong blog mình, bạn chỉ cần copy đoạn code dưới đây, vào một mẫu HTML mới trong phần bố cục, vị trí bạn muốn hiển thị Fanpage cho Blog 




<div class="fb-page" data-href="
https://www.facebook.com/topviet247tk-ID/"
 data-width="350px" data-small-header="
false" data-adapt-container-width="false"
 data-hide-cover="false" data-show-facepile="
true"><blockquote cite="
https://www.facebook.com/topviet247tk-ID/"
 class="fb-xfbml-parse-ignore"
><a href="https://www.facebook.com/topviet247tk-ID/"
>topviet247.tk</a></blockquote></div>
Thay phần màu đỏ phù hợp với blog của bạn, Thay ID bằng ID của fanpage Facebook của bạn

Xem thêm: Tạo hộp like Fanpage dạng popup( xổ xuống) cho blogspot


Chúc các bạn thành công!! Nếu có gì thắc mắc hãy để lại comment cho tôi, nếu hay hãy like và share cho mọi người.


0 nhận xét Blogger 0

Đăng nhận xét

 
ThangShare © 2016. All Rights Reserved. Design by: Thắng BME - Sitemap
Top