(VL thật.Com) - Hôm nay mình xin chia sẻ cùng các bạn một "thủ thuật blog" đó là "code" về "nút share" lên 3 mạng xã hội, đơn giản nhưng mà hiệu quả. Nếu đối với một số người thích "hiệu ứng đẹp" thì nó không phải là lựa chọn, nhưng đối với những bạn muốn đơn giản để "tăng tốc độ cho blog" thì có lẻ nó sẽ phù hợp hơn.
Ở một số trang đã hướng dẫn về bài tương tự, mình cũng có tham khảo trong đó. Nhưng mình cũng có một cách khác ngoài cách đó, vì mình nghĩ đôi lúc những cách đã viết đó thực sự không hiệu quả trên một số trang vì xung đột một số lỗi nào đó.
I. Chèn nút share ở chân bài viết
để tìm đến dòng sau <data:post.body/> (Đây là cách dùng nhiều ở các trang nhé) nó áp dụng khi bạn chèn 3 nút share này ở chân bài viết, nên phải tìm cho đúng cái dòng này <data:post.body/> thì các nút nó mới giống như hình dưới được.
Sau đó copy dòng code dưới và dán vào bên dưới dòng tìm được nhé
Tiếp tục dùng Ctrl + V tìm đến </b:skin> và copy tiếp dòng code dưới dán phía trên dòng code </b:skin> này nhé. "VL" Lưu ý khi nhấn Ctrl + V bạn nhập vào dòng tìm kiếm nếu sau này quên thì hãy nhớ b:skin và enter 2 lần là nó tìm được, không nhất thiết dài dòng nhé.
Lưu lại thế là xong.
II. Cách khác:Chèn nút share ở đầu hoặc chân bài viết hoặc cả 2(xem trang mình)
Dùng tổ hợp phím Ctrl + F để tìm đến dòng sau <data:post.body/> ở cách này nếu muốn hiện ở đầu tìm dòng đầu tiên, hiện ở cuối thì chọn dòng cuối cùng hoặc có thể bạn chèn ở vị trí khác cũng được không nhất thiết là dưới <data:post:body/> cũng có thể là dưới <div class='post-body entry-content'...
Rồi tiếp tục copy dòng code dưới, ở đây code này cũng giống trên nhưng thay vì dùng đoạn thứ 2 cho vào <b:skin></b:skin> thì ta cho nó vào thẻ <style></style> và đặt kèm phía trên dòng code 1 thế là được.
Chia sẻ cùng các bạn một số nút share đẹp
Đầu tiên bạn đăng nhập vào blog => Vào Mẫu => Vào Chỉnh sửa HTML. Dùng tổ hợp phím Ctrl + Fđể tìm đến dòng sau <data:post.body/> (Đây là cách dùng nhiều ở các trang nhé) nó áp dụng khi bạn chèn 3 nút share này ở chân bài viết, nên phải tìm cho đúng cái dòng này <data:post.body/> thì các nút nó mới giống như hình dưới được.
Sau đó copy dòng code dưới và dán vào bên dưới dòng tìm được nhé
Tiếp tục dùng Ctrl + V tìm đến </b:skin> và copy tiếp dòng code dưới dán phía trên dòng code </b:skin> này nhé. "VL" Lưu ý khi nhấn Ctrl + V bạn nhập vào dòng tìm kiếm nếu sau này quên thì hãy nhớ b:skin và enter 2 lần là nó tìm được, không nhất thiết dài dòng nhé.
Lưu lại thế là xong.
II. Cách khác:Chèn nút share ở đầu hoặc chân bài viết hoặc cả 2(xem trang mình)
Dùng tổ hợp phím Ctrl + F để tìm đến dòng sau <data:post.body/> ở cách này nếu muốn hiện ở đầu tìm dòng đầu tiên, hiện ở cuối thì chọn dòng cuối cùng hoặc có thể bạn chèn ở vị trí khác cũng được không nhất thiết là dưới <data:post:body/> cũng có thể là dưới <div class='post-body entry-content'...
Rồi tiếp tục copy dòng code dưới, ở đây code này cũng giống trên nhưng thay vì dùng đoạn thứ 2 cho vào <b:skin></b:skin> thì ta cho nó vào thẻ <style></style> và đặt kèm phía trên dòng code 1 thế là được.
Chia sẻ cùng các bạn một số nút share đẹp
Rồi xong, có gì chưa được cứ comment cho mình nhé ! Chúc các bạn thành công cùng "thủ thuật blog" này
Nhãn Tìm Kiếm:
code blogger, Code tạo nút chia sẻ, code tạo nút share, đẹp, đơn giản, Thủ Thuật Blog
Đăng nhận xét
Nhận xét lành mạnh là thể hiện văn hóa Việt. Văn hoá rồng tiên