Cách làm nút Gửi phản hồi (có đính kèm với nút chia sẻ)

Desnet  - Nếu blog của bạn cần một phản hồi từ độc giả hoặc cần mọt nút chia sẻ thì hãy tìm đến bài viết này để biết cách làm
  • Từ khóa tìm kiếm: thủ thuật blog, blogspot, nút phản hồi, nút chia sẻ
  • Bài viết liên quan: Xem cách làm chatbot bằng JS
  • Bình luận: Bình luận tích cực, văn minh khi có bất kì câu hỏi hoặc ý kiến về bài viết. Dini và cộng đồng sẽ luôn hỗ trợ bạn. 
  • Bản quyền: Bài viết do Desnet viết hoặc tổng hợp. Bạn và Dini hãy ghi rõ nguồn khi sao chép nội dung

LỜI NHẮN NHỎ

Dạo gần đây, những bình luận để đi link rất nhiều. Thế nên Dini muốn nhắn với các bạn 2 điều:
  • Không thể tăng backlink khi đi link trên Desnet đâu vì Dini đã cài đặt trang chuyển hướng cho toàn bộ link ngoài rồi. Muốn đi link thì hãy dùng https://desnetnhaponline.blogspot.com/
  • Bất kì trường hợp bình luận nào có ý định đi link đều bị xóa
Dini hổng có muốn đưa điều này vào quy định blog nên mọi người hãy cùng BÌNH LUẬN VĂN MINH nhé!

CODE VÀ VÍ DỤ

Các bạn biết đấy, với seri này thì Dini sẽ hổng có viết gì, chỉ đưa code thui. Và các bạn hãy chèn code sau vào blog.

Mẫu 1: 

<div class="UZ2cE" onclick="window.open('https://desnetvietnam.blogspot.com/p/lien-he-voi-desnet.html')"><i class="fa fa-commenting fa-lg"></i> Gửi phản hồi</div>

<style>
/* Gửi phản hồi */
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
.UZ2cE {
 cursor: pointer;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 cursor: pointer;
 align-items: center;
    font-family: arial;
 position: fixed;
 right: 20px; /* Gửi phản hồi -> left: hiển thị bên trái */
 bottom: 20px;
 z-index: 9999;
 padding: 8px 16px;
 border-radius: 8px;
 background-color: #ff6550;
 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    transition: all 0.4s;
}
.UZ2cE:hover {
 background: linear-gradient(to right, rgb(0, 198, 255), rgb(0, 114, 255));
}
/* Gửi phản hồi */
</style>


Lưu ý: Trong tất cả các code trên, hãy sửa đoạn màu đỏ (hoặc đoạn https://desnetvietnam.blogspot.com/p/lien-he-voi-desnet.html) thành link form liên hệ của blog bạn.

Hẹn gặp lại bạn vào bài sau!

Comments

Top bài đăng tuần qua

Seri MMO - Bài 4: Làm tiếp thị liên kết

Cười lớn lên (LOL) - Phần 33

Cách làm chatbot bằng Javascript (JS)