[tintuc]Bạn quá nhàm chán với con trỏ chuột bình thường giống với các website khác, hãy thay đổi nó đi, sẽ làm blog/website của bạn trở nên tuyệt hơn đấy.

Dưới đây là một vài hình dáng con trỏ mình hay dùng:

Ngoài các con trỏ chuột này, các bạn cũng có thể tham khảo thêm các mẫu con trỏ chuột đẹp khác tại cursors-4u hoặc nếu bí quá thì vô freecursors cũng được. (Lưu ý: nhấn download rồi up lên host để có link con trỏ là đuôi .cur, nếu ko thì sử dụng chuột phải, mở ảnh tab mới, copy link ảnh rồi dùng nhé)

Cách sử dụng

1. Để sử dụng đối với con trỏ chuột bình thường, ta dùng cú pháp css:

html,body{cursor: url("link_con_trỏ_chuột"), progress;}

Ví dụ: html,body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqbgwXLa1fX68I19mudq6VAm6FrNUAV7iQ0lNrpBSUV413kHk1Nao7oOSqObfldW2fx_PoaX6usAm8nUyOg1bwIfLIVQBSzJ1noPGrJ6xp28zJk0WIBAK_mtIMHrVQ4rjPRMeiQkkT2Uc/s1600/khoirom3.png"), progress;}

2. Để sử dụng đối với con trỏ chuột khi rê vào link, ta dùng cú pháp css:

a:hover{cursor : url("link_con_trỏ_chuột"), progress;}

Ví dujL a:hover{cursor : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVISXiyhP5hVVN23bO8hqYdOLW5w_7_vGM9KJM2exqAR6U8b0a7VZ89srLeaITE0plwdHlXSnuJyJb7-HLI-c07K3A3wOlypBGTkYgB0SOURT4pedstFT1JP6p1UOxQeQ8v_Q1fiUQiCk/s1600/khoirom4.png"), progress;}

Tổng kết

Vậy là đã xong bài rồi, hãy tìm ra những con trỏ chuột ưa thích cho mình và thay đổi cho blog/website nhé.
Like + Comment cho mình có động lực viết tiếp đi!

Đây là demo
nhé

[/tintuc]

[tintuc]Thủ thuật này các bạn có thể áp dụng để tạo ra một trang web tỏ tình crush ... hoặc cũng có thể trang trí blog/website.

Cách thực hiện

Bước 1: Truy cập blogger.com > dán đoạn code font chữ vào trên thẻ đóng

</head>

<link href="https://fonts.googleapis.com/css?family=Montez" rel="stylesheet">

Bước 2: Chèn CSS

#love{width:1000px;height:500px;margin:0 auto;background-color:mistyrose;font-family:'Montez',cursive}
span{color:transparent}
#left{float:left;height:500px;width:500px;shape-outside:polygon(51.33% 12px,100.03% 2.17%,97.87% 19.59%,92.11% 16.84%,83.26% 12.61%,72.27% 12.33%,59.8% 17.47%,53.86% 27.8%,52.21% 37.23%,58.14% 52.53%,68.47% 64.73%,99% 87%,217px 86.93%)}
#right{float:right;height:500px;width:500px;shape-outside:polygon(70.33% 13px,0.92% 2.68%,0.92% 19.57%,5.42% 18.47%,9.85% 15.59%,23.11% 11.65%,32.26% 13.97%,38.67% 16.73%,43.4% 23.07%,47.06% 29.8%,46.41% 44.23%,38.14% 57.33%,26.67% 68.73%,0.4% 87%,353px 84.73%)}
p{text-align:justify;color:#922a2a}
p:before{content:"Hello World";position:absolute;font-size:75px;top:40px;letter-spacing:8px;word-spacing:11px;white-space:nowrap}
#span2{color:inherit}

Bước 3: Dán HTML vào nơi cần hiển thị

<div id="love">
  <div id="left"></div>
  <div id="right"></div>
  <p>Lorem ipsum dolor siet amett yes<span>oern</span>etur adipisicing elit. Magni repellat recusandae quisquam distinctio excepturi tempore odit! Doloribus doloremque quisquam quasi cum deserunt illo neque, ea fugiat unde libero eaque sit.Lorem ipsum dolor
    sit amet consectetur adipisicing elit. Magni repellat recusandae quisquam distinctio excepturi tempore odit!. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni repellat recusandae quisquam distinctio excepturi tempore odit! . Lorem ipsum
    dolor sit amet consectetur adipisicing elit. Magni repellat recusandae quisquam distinctio excepturi tempore odit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni repellat recusandae quisquam distinctio excepturi tempore odit!Lorem
    ipsum dolor sit amet consectetur adipisicing elit. Magni repellat recusand! adipisicing elit. Magni repellat recusand! adipisicing elit. Magni repellat recusand recusan som et. Lorem ipsum dolor Lorem ipsum dolor Lsores! <span id="span2">X<span> </p>
</div>

Lưu ý cẩn thận bị trùng CSS nhé các bạn. Bước 4: Lưu lại và hưởng thụ

Chúc các bạn thành công!

[/tintuc]