Cảm nhận tư duy và tổng hợp kiến thức

Thứ Bảy, 6 tháng 2, 2016

Hướng dẫn tạo thanh Floating Social Sharing Bar cố định cực đẹp

Hướng dẫn tạo thanh Floating Social Sharing Bar Widget cho các bạn


Thanh widget này sẽ xuất hiện khi bạn kéo xuống ,cố định ngay trên đầu bài viết.Tuy nhiên nó chỉ hỗ trợ cho các social sau :  Twitter, Facebook, Google plus, Pinterest, StumbleUpon, Digg buttons.
blogger

How to Add Floating Social Sharing Bar Widget?

Trước tiên
  1. Login vào New Blogger Dashboard > chọn More Options
  2. Chọn  > Edit HTML > Proceed
  3. Chọn Expand Template Widgets .
Tiếp tục,gắn code dưới vào trước thẻ </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
Và cuối cùng bạn là code The Social Scripts ,cũng gắn vào trước thẻ </head> nhé
Vậy là xong 2 bước rồi,bước cuối cùng là bạn chèn code vào Widget
Thêm code sau vào trước thẻ <data:post.body/>

Save Template và refresh để xem kết quả bạn vừa làm !

Chú ý : bạn muốn thay đổi màu sắc Horizontal bar ,nhìn màu trắng mờ quá thì ctrl F tìm dòng code sau

Nguồn Đôiguốcmộc.com
Socializer Widget by Nguyen D. Khanh
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé.

Share:
LIKE and Share this article: :

0 Comments:

Đăng nhận xét

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa



Thống kê Blogspot

Lưu trữ Blog

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP