Thêm button share, nút chia sẻ mạng xã hội cho Blogspot

Thủ Thuật 3S 14/05/2017 14-05-2017 3 Bình Luận

Nửa tháng nay mình phải đi thực tập, chẳng có thời gian update thủ thuật Blogspot hay chia sẻ những widget tiện ích cho blog được, hôm nay trời lạnh xin nghỉ nằm nhà để viết blog đây.

Như các bạn cũng biết thì button share (nút chia sẻ lên mạng xã hội) hầu hết giờ template Blogspot nào cũng có, rất nhiều mẫu khác nhau, mà nếu không có thì chỉ với từ khóa thêm button share, nút chia sẻ lên mạng xã hội cho Blogspot thì kết quả ra một đống, công dụng của nó thì giúp người dùng có thể chia sẻ bài viết của blog lên các mạng xã hội nhanh chóng và tiện lợi hơn, đồng nghĩa với việc chúng ta sẽ có thêm nhiều lượt truy cập….

Mẫu button share mình sắp chia sẻ dưới đây đang được sử dụng cho blog của mình, được tách ra từ một theme WordPress, nhìn khá đơn giản nhưng mình thích vậy, widget được cố định ở bên cạnh trang, ẩn khi vào bằng mobile, các bạn có thể xem demo trực tiếp trên blog của mình

Cách thêm button share, nút chia sẻ cho Blogspot

Lưu ý: Widget này mình đặt chỉ hiển thị ở bài viết, các bạn nào muốn nó hiện ở toàn blog thì bỏ dòng điều kiện của Blogspot đi nhé

Bước 1: Các bạn vào Chủ đề (Mẫu) => Chỉnh sửa HTML sau đó thêm đoạn CSS bên dưới lên trên thẻ </head>

Các bạn lưu ý ở đoạn code .shareit.floating, điều chỉnh 2 thuộc tính này theo ý của các bạn cho phù hợp với từng template.

(top: 263px;) khoảng cách so với phần trên của blog

(margin: 0 0 0 -60px;) các bạn điều chỉnh -60px theo ý mình để sao cho khoảng cách với bên trái phù hợp nhất

Bước 2: Các bạn đặt code bên dưới sau thẻ <div class=’post-header-line-1’/>

Bước 3: Lưu mẫu lại hoặc chỉnh sửa theo ý bạn (bạn cần một chút kiến thức về HTML và Share)

Kết luận

Như vậy mình vừa hướng dẫn các bạn cách thêm button share, nút chia sẻ lên mạng xã hội cho Blogspot rồi, nếu có thắc mắc hoặc không làm được bạn có thể comment ở phía dưới mình sẽ cố gắng trả lời trong thời gian sớm nhất.

Thêm button share, nút chia sẻ mạng xã hội cho Blogspot
5 (100%) 13 votes

Để lại bình luận

3 Bình luận trên "Thêm button share, nút chia sẻ mạng xã hội cho Blogspot"

avatar
Sắp xếp theo:   mới nhất | cũ nhất
Doãn Bắc Tâm
Khách

nhìn nó hiện đại thật

Cao Hiếu
Khách

Có xài được với WP k bác ơi

wpDiscuz