Ngay từ khi tôi bắt đầu với M21love, tôi luôn tự hỏi làm thế nào để có hình ảnh kiểu Backlink như các blogger khác. Tôi biết điều đó không khó. Copy và Paste code là điều hoàn toàn dễ dàng. Nhưng tôi muốn nhiều hơn thế. Và hôm nay tôi đã biết, đã làm được và giờ đây tôi Post bài này để chia sẻ với bạn.
Với tiện ích này, người đọc có thể liên kết với bạn bằng cách click vào hình ảnh backlink hoặc copy phần code của bạn. Rất tiện dụng và cũng chuyên nghiệp phải không bạn?
Với tiện ích này, người đọc có thể liên kết với bạn bằng cách click vào hình ảnh backlink hoặc copy phần code của bạn. Rất tiện dụng và cũng chuyên nghiệp phải không bạn?
DEMO
Trông nó thế này
<a href="http://m21love.blogspot.com/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-t0VE84ppEmKIkUh1NdYi1afVzxDswQecBlOd3rimKwPImbqJCVT0UivPH6jsrK8hEtiS5K__Oy8atx5Xp2FrGm6hwMBe18JyFCx7GKN4OQYkIUlmDeemhW0-Yfef8Ky_mj6ee6cSkY/s1600/cooltext756883430.gif" title=" M21love"/></a></div></center>
HƯỚNG DẪN
- Bước 1: Bạn vào trang web http://cooltext.com/ và làm theo hướng dẫn sau:
- Bước 2: Click chọn
- Bước 3: Bạn sẽ thấy như hình ảnh bên dưới
- Bước 4: Thay đổi màu sắc và các thông tin hiển thị:
- Left Text: Thường thì phần này dùng để hiển thị tên Blog/Web của bạn.
- Left Font Anti-Alias: Đây là phần màu nền hiển thị bên trái.
- Right Text: Phần hiển thị bên phải của hình ảnh
- Right Font Anti-Alias: Màu nền hiển thị bên phải.
- Outer border/ Inner border: Phần hiển thị khung viền cho hình ảnh. Outer là viền ngoài, Inner là viền trong.
- Image Width: Kích thước chiều ngang của hình ảnh.
- Bước 5: Sau khi chỉnh sửa các thông số, bạn Click vào chữ Render Logo -> Rồi Download hình ảnh bạn vừa tạo về -> Upload lên Host/trang của bạn.
- Bước 6: Copy link của hình ảnh rồi thay thế vào phần sau:
- Bước 7: Thay đổi các phần màu sắc ở trên.
<center><div dir="ltr" style="text-align: center;" trbidi="on">
<a href="Blog URL"><img alt="" src="IMAGE URL" title="Title On Mouse Hovering" /></a></div></center>
- Bước 7: Thay đổi các phần màu sắc ở trên.
THÊM TIỆN ÍCH VÀO BLOG
- Vào Phần tử trang -> Click chọn Thêm tiện ích/ HTML
- Đến đây bạn có 2 việc để làm. Một là thêm hình ảnh. Hai là thêm phần Code:
- Thêm hình ảnh: Bạn Copy và Paste đoạn code trên vào phần nội dung.
- Thêm phần Code: Có nhiều cách để bạn làm điều đó
+ Dùng <pre>NỘI DUNG CODE</pre> hoặc <code>NỘI DUNG CODE</code>
+ Dùng đoạn code sau: <center>
<input type="text" onclick="this.focusundefined);this.selectundefined)" readonly value="NỘI DUNG CODE" />
</center>
- Lưu lại là xong