Nếu bạn là 1 fan trung thành của haivl.com, nay là xem.vn thì có lẽ các icon như hình trên đã trở nên quá quen thuộc. Ngày hôm nay, mình sẽ chia sẻ với các bạn cách để chèn icon vào trong tiêu đề bài viết giống như vậy.
Code chèn icon vào tiêu đề bài viết giống xem.vn
<script type=”text/javascript”>
var a = “Nam đẹp trai :))“
//cắt hết khoảng trắng của tiêu đề
a = a.trim()
//lấy ra 3 ký tự cuối cùng
var b=a.substr(a.length-3,3)
//cắt đi khoảng trống nếu có
b = b.trim()
//đoạn lệnh xử lý
if (b == “:)”)
{
var c = a.replace(b,’<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPagzfhOlZzYNbkmmTsh-6p3-dkB1hlXF2fhyke3iPuz9nlrnShxb1bDZfe9D1geNzWvNrnPz-K0DHIaeyhGlYLpEFZdLUvteu874Kb7gTmxhn9nR7KTXrBlgQ9Ht7MNOLCCfUVOOefnI/s1600/%2529.png”>‘)
}
else if (b == “:))”)
{
var c = a.replace(b,'<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl53mPYa4MDQabOChsqi3gcIikSj2AZ9slheG4BwSNmC4MXCkyJWb1cAbpoecKW-QTpYgowP01Jmuz1k8WjBRl0JJl6MhMJW5c41oAIEgZxYJwwAsG5etwg895AvTMWrvrkI90qeYCG0/s1600/%2529%2529.png”>’)
}
else (c=a)
document.write(c)
</script>
Đoạn code trên có 3 phần mình đôi đậm
- Biến a – Nam đẹp trai :)) : biến này được sử dụng để lấy tiêu đề của bài viết, tùy theo ngôn ngữ lập trình bạn có thể thay cụm từ này bằng code khác cho phù hợp nhé.
- Biến b : ký tự của icon đầu vào Ví dụ : :D, :P, :v, …
- Biến c : URL của hình ảnh đầu ra.
Ưu điểm
– Bạn có thể bổ sung thêm nhiều hình ảnh khác bằng việc copy-paste đoạn code mày đỏ in nghiêng.
– Load nhanh, không làm ảnh hưởng đến tốc độ tải trang.
Nhược điểm
– Mỗi tiêu đề chỉ có thể chèn vào tối đa 1 icon, cái này do mình chưa mày mò thêm nên hiện tại code chỉ hỗ trợ được có thế :D
– Icon phải nằm ở cuối cùng ở tiêu đề.
– Ký tự của icon đầu vào có độ dài tối đa là 3.
Dành riêng cho anh em chơi blogspot (blogger)
<!–ST – CHÈN KÝ TỰ VÀO TIÊU ĐỀ BÀI VIẾT Ở TRANG CHỦ–>
<a expr:href=’data:post.url’ target=’_blank’>
<script type=’text/javascript’>
a = "<data:post.title/>"
//cắt hết khoảng trắng của tiêu đề
a = a.trim()
//lấy ra 3 ký tự cuối cùng
var b=a.substr(a.length-3,3)
//cắt đi khoảng trống nếu có
b = b.trim()
//đoạn lệnh xử lý
if (b == ":)")
{
var c = a.replace(b,"<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPagzfhOlZzYNbkmmTsh-6p3-dkB1hlXF2fhyke3iPuz9nlrnShxb1bDZfe9D1geNzWvNrnPz-K0DHIaeyhGlYLpEFZdLUvteu874Kb7gTmxhn9nR7KTXrBlgQ9Ht7MNOLCCfUVOOefnI/s1600/%2529.png’/>")
}
else if (b==":))")
{
var c = a.replace(b,"<img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl53mPYa4MDQabOChsqi3gcIikSj2AZ9slheG4BwSNmC4MXCkyJWb1cAbpoecKW-QTpYgowP01Jmuz1k8WjBRl0JJl6MhMJW5c41oAIEgZxYJwwAsG5etwg895AvTMWrvrkI90qeYCG0/s1600/%2529%2529.png’/>")
}
//trường hợp tiêu đề không có ký tự
else (c=a)
document.write(c)
</script>
</a>
<!–FN – CHÈN KÝ TỰ VÀO TIÊU ĐỀ BÀI VIẾT Ở TRANG CHỦ–>
