Thư viện

Trải nghiệm

Chủ Nhật, tháng 11 02, 2014

[Tips] - Nút Facebook share trượt hai bên cho Blogger

Nút Facebook share trượt hai bên cho Blogger, thủ thuật facebook share buttons cho blogspot, nút share facebook cho blogger

Chia sẻ:
Có nhiều bạn thắc mắc và muốn hỏi Terocket là làm một Nút Facebook share trượt hai bên cho Blogger như thế nào, thì hôm nay Terocket sẽ giải đáp các bạn bằng một thủ thuật như yêu cầu. Các làm Nút Facebook share trượt hai bên cho Blogger rất đơn giản. Nó vừa tiện lợi, gọn gàng và cực kỳ chuyên nghiệp.

Nút Facebook share trượt hai bên cho Blogger
Thủ thuật tạo Nút Facebook share trượt hai bên cho Blogger tại Terocket
Giờ thì cùng Terocket tìm hiểu thủ thuật Nút Facebook share trượt hai bên cho Blogger này các bạn nhé.

Live Demo

Để  thực hiện các bạn cần tạo một HTML/JavaScript widget để làm nơi đặt cái mã của tiện ích này. Chỉ cần vào Blogger -> Bố cục -> Thêm tiện ích -> HTML/JavaScript và dán đoạn code sau vào và lưu lại.

<style>
/* Widget by Terocket.com */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
 <div id="fixed-share">
 <div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>  <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget  by Terocket.com -->

Cách thực hiện thật đơn giản đúng không nào, lưu lại và tải lại trang để xem thành quả của thủ thuật blog Nút Facebook share trượt hai bên cho Blogger bạn nhé.

Chúc các bạn thành công, nếu thấy nội dung hay, hãy share và giới thiệu đến bạn bè, và nếu có chổ nào không hiểu, hãy gửi một bình luận ở dưới đây nha.
Trứng Vịt - Terocket

2 nhận xét:

  1. chào
    cho mình hỏi, bây giờ blog mình có tạo được khung chát trò chuyện.. nhưng nếu để khung chát thành 1 widget thì nó cố định quá, bây giờ bạn có cách nào mà khung chat nó ẩn trượt 1 bên sườn ko.. và chỉ cần ấn 1 cái thì nó hiện ra không. cảm ơn nhiều.

    Trả lờiXóa