Cách làm nút "vỗ tay" cho blogspot
Desnet - Thấy Medium có cái "vỗ tay" hay quá nên Dini đã đi tìm hiểu từ Bắc xuống Nam để có cái nút vỗ tay bé tí trên blog. Và sau đây xin share lại cho anh chị em cùng nghề
Như cái tiêu đề, Dini cũng chả mún nói nhiều. Dini share lên cho các bạn chứ hông các bạn lại bảo giấu nghề thì chết Dini à.
Làm theo từng bước dưới đây nhé, hông làm đúng là Dini giận hà:
Bước 1: Copy code sau:
<b:if cond='data:view.isPost'> <link href='https://unpkg.com/applause-button/dist/applause-button.css' rel='stylesheet'/> <script src='https://unpkg.com/applause-button/dist/applause-button.js'/> <applause-button color='blue' multiclap='true' style='width: 50px;height: 50px;position:fixed;cursor:pointer;bottom:50%;left:164px; z-index:99999999999999'/> </b:if>
Bước 2: Sửa code theo nội dung sau:
- Màu xanh: Chiều dài và chiều rộng của icon. Nên để giống nhau
- Màu cam: Khoảng cách với phía dưới trang
- Màu đỏ: Khoảng cách với bên trái trang (có thể sửa thành right nếu muốn là bên phải)
Lưu ý: Code trên chỉ xuất hiện trên bài viết (post), nếu bạn muốn nó xuất hiện trên tất cả các trang thì bạn bỏ dòng <b:if cond='...'> và </b:if> đi là ok ngay.
Bài viết ngắn, gọn, dễ làm, dễ hiểu. Đúng không cả nhà ? Ok, hẹn gặp lại các bạn vào bài viết sau!!!
Comments
Post a Comment