Monday, September 7, 2015

Có nhiều bạn thắc mắc và muốn hỏi KTheme là làm một Nút Facebook share trượt hai bên cho Blogger như thế nào, thì hôm nay KTheme 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 KTheme


Giờ thì cùng KTheme 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é.

Demo như ảnh trên

Để  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 KTheme.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 KTheme.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.
Tuấn - KTheme

2 comments:

  1. Lớp học kế toán tổng hợp thực hành tại hải phòng
    Lớp học kế toán tổng hợp thực hành tại biên hòa đồng nai
    Lớp học kế toán tổng hợp thực hành tại vinh nghệ an
    Lớp học kế toán tổng hợp thực hành tại hải dương
    Lớp học kế toán tổng hợp thực hành tại ninh bình
    Lớp học kế toán tổng hợp thực hành tại hưng yên
    Lớp học kế toán tổng hợp thực hành tại phú thọ
    Lớp học kế toán tổng hợp thực hành tại hà nam
    Lớp học kế toán tổng hợp thực hành tại vĩnh phúc
    Lớp học kế toán tổng hợp thực hành tại bắc giang
    Lớp học kế toán tổng hợp thực hành tại thái nguyên
    Lớp học kế toán tổng hợp thực hành tại thái bình
    Lớp học kế toán tổng hợp thực hành tại nam định
    Lớp học kế toán tổng hợp thực hành tại thanh hóa
    Lớp học kế toán tổng hợp thực hành tại tphcm
    Lớp học kế toán tổng hợp thực hành tại bắc ninh
    Lớp học kế toán tổng hợp thực hành tại hà đông
    Lớp học kế toán tổng hợp thực hành tại long biên
    Lớp học kế toán tổng hợp thực hành tại thanh xuân
    Lớp học kế toán tổng hợp thực hành tại cầu giấy
    khóa học kế toán toán dành cho giám đốc và nhà quản lý
    công cụ dụng cụ
    thủ tục thanh lý tài sản cố định
    bảng cân đối kế toán
    thuế thu nhập cá nhân năm 2015
    phần mềm htkk 3.3.1

    ReplyDelete