Star Tuấn IT
  • Trang chủ
  • Photoshop
    • PSD Ảnh bìa
    • PSD CMND
    • Tài nguyên đồ họa
    • Tải Photoshop CS6
  • Thủ thuật
    • Thủ thuật facebook
    • Thủ thuật blogspot
    • Thủ thuật photoshop
    • Thủ thuật game
  • Hình nền
    • Ảnh bìa đẹp
    • Hình nền máy tính
    • Hình nền điện thoại
  • Hướng dẫn
    • Bỏ qua quảng cáo
    • Edit PSD Ảnh bìa
    • Edit PSD CMND
    • Lấy font trong file PSD
No Result
View All Result
  • Trang chủ
  • Photoshop
    • PSD Ảnh bìa
    • PSD CMND
    • Tài nguyên đồ họa
    • Tải Photoshop CS6
  • Thủ thuật
    • Thủ thuật facebook
    • Thủ thuật blogspot
    • Thủ thuật photoshop
    • Thủ thuật game
  • Hình nền
    • Ảnh bìa đẹp
    • Hình nền máy tính
    • Hình nền điện thoại
  • Hướng dẫn
    • Bỏ qua quảng cáo
    • Edit PSD Ảnh bìa
    • Edit PSD CMND
    • Lấy font trong file PSD
No Result
View All Result
Star Tuấn IT
No Result
View All Result
Home Thủ thuật Thủ thuật blogspot

Tiện ích Facebook Messenger Chatbox Cho Blogspot

Star Tuấn by Star Tuấn
02/02/2019
in Thủ thuật blogspot
0 0
0
Tiện ích Facebook Messenger Chatbox Cho Blogspot
0
SHARES
17
VIEWS
Share on FacebookShare on Twitter

Thêm tiện ích Facebook Messenger Chatbox Cho Blogspot – Blogger

Giới thiệu:

Đây là code  Facebook Messenger Chatbox dành cho Blogger do mình rút code ra từ plugin của WordPress. Giúp liên hệ giữa khách xem blog và admin website rất tiện lợi. 🙂

Demo:

http://startuandemo1.blogspot.com


Xem thêm:Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Code:

<!-- StarTuanIt.Net Facebook Messenger  -->
<div class="drag-wrapper drag-wrapper-right">
<div data-drag="data-drag" class="thing">
<div class="circle facebook-messenger-avatar facebook-messenger-avatar-type0">
<img class="facebook-messenger-avatar" src="https://rawgit.com/tuan2308/fm/master/facebook-messenger.svg" />
</div>
<div class="content">
<div class="inside">
<div class="fb-page" data-width="310" data-height="310" data-href="https://www.facebook.com/Admin.StarTuan" data-tabs="messages" data-small-header="true" data-hide-cover="false" data-show-facepile="true" data-adapt-container-width="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/Admin.StarTuan"><a href="https://www.facebook.com/ninjateam.org">Loading...</a></blockquote></div></div>
</div>
</div>
</div>
<div class="magnet-zone">
<div class="magnet"></div>
</div>
</div>
<link type='text/css' rel='stylesheet' href='https://rawgit.com/tuan2308/css/master/style.css' />
<script type='text/javascript' src='https://rawgit.com/tuan2308/js/master/jquery.event.move.js'></script>
<script type='text/javascript' src='https://rawgit.com/tuan2308/js/master//rebound.min.js'></script>
<script type='text/javascript' src='https://rawgit.com/tuan2308/js/master/index.js'></script>
<!-- StarTuanIt.Net Facebook Messenger -->

Hướng dẫn thêm vào blog:

  1. Copy toàn bộ code trên
  2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
  3. Thay Admin.StarTuan/ thành địa chỉ fanpage của bạn
  4. Lưu mẫu và xem kết quả

Lưu ý:

Nếu như click vào icon Messenger mà không hiện lên là do blog bạn chưa thêm jQuery
Chèn đoạn code sau trước thẻ </head> trong html:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'></script>

Nếu Fanpage tin nhắn không hiện là do chưa thêm Fb root
Chèn đoạn code sau trước thẻ </body> trong html:

<div id="fb-root"></div>
<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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.7&amp;appId=802908549822264";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Tags: Thủ thuậtThủ thuật BloggerThủ thuật BlogspotWidget
Previous Post

Update phiên bản template blogspot by Star Tuấn

Next Post

chia sẻ ảnh bìa facebook Việt Nam đi yêu và hôn đẹp

Star Tuấn

Star Tuấn

Next Post
chia sẻ ảnh bìa facebook Việt Nam đi yêu và hôn đẹp

chia sẻ ảnh bìa facebook Việt Nam đi yêu và hôn đẹp

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết mới

  • Tuyển tập 30 hình ảnh động bánh kem chúc mừng sinh nhật lung linh
  • Top những hình ảnh bánh kem chúc mừng sinh nhật đẹp
  • Top những bức thiệp động chúc mừng năm mới – Happy New Year 2020 đẹp lung linh
  • Tuyển tập hình ảnh chúc mừng ngày nhà giáo Việt Nam 20/11
  • Tuyển tập hình ảnh và hình nền chúc mừng năm mới 2020 đẹp lung linh
Sàn giao dịch tiền ảo, thiết kế sàn giao dịch tiền ảo

Liên kết

  • Công ty Blockchain
  • Blockchain Việt Nam
  • Ứng dụng Blockchain
  • Sàn giao dịch tiền ảo
  • Thiết kế web exchange
  • Sàn giao dịch Bitcoin
  • Sàn giao dịch Ethereum
  • Sàn giao dịch tiền điện tử
  • Sàn mua bán tiền điện tử
  • Sàn mua bán ethereum
  • Chợ Bitcoin Hà Nội
  • Chợ Bitcoin Đà Nẵng
  • Chợ bitcoin Sài Gòn
  • Chợ Bitcoin Việt Nam
  • Spa làm đẹp tại Hà Nội
  • Bánh sinh nhật
  • Ảnh động mừng năm mới
  • Hình ảnh chúc mừng năm mới
  • Onlinegeeks

© 2019 Copyright 2018 Designed by Vakaxa.com.

No Result
View All Result
  • Trang chủ
  • Photoshop
    • PSD Ảnh bìa
    • PSD CMND
    • Tài nguyên đồ họa
    • Tải Photoshop CS6
  • Thủ thuật
    • Thủ thuật facebook
    • Thủ thuật blogspot
    • Thủ thuật photoshop
    • Thủ thuật game
  • Hình nền
    • Ảnh bìa đẹp
    • Hình nền máy tính
    • Hình nền điện thoại
  • Hướng dẫn
    • Bỏ qua quảng cáo
    • Edit PSD Ảnh bìa
    • Edit PSD CMND
    • Lấy font trong file PSD

© 2019 Copyright 2018 Designed by Vakaxa.com.

Login to your account below

Forgotten Password? Sign Up

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In