Tạo khung profile nho nhỏ về thông tin của bạn ở sidebar
Thứ Bảy, 16 tháng 5, 2009
[FD's BlOg] - Với thủ thuật nhỏ này bạn có thể tạo một tab nhỏ để hiển thị các thông tin của bản thân.Hình minh họa:
Để thực hiện, bạn chỉ cần tạo một widget HTML/javascript rồi dán đọan code HTML bên dưới vào:
<a href="http://YOURBLOG.blogspot.com"><img alt="My photo" src="link ảnh của bạn" class="profile-img"width="54" height="48"/></a>
<dl class="profile-datablock">
<dt class="profile-data">YOURNAME</dt>
<dd class="profile-textblock">HCM city, Viet Nam</dd>
<dd class="profile-textblock">My site : <a href="http://YOURBLOG.blogspot.com">YOURBLOG Name</a></dd>
</dl>
<a class="profile-link" href="http://www.blogger.com/profile/08808753602484246084">Xem hồ sơ hòan chỉnh</a>
Chú ý :
- width="54;, height="48" : hãy điều chỉnh theo đúng khung hình của bạn, hoặc có thể điều chỉnh sao cho hợp lý là được.
- http://YOURBLOG.blogspot.com : địa chỉ blog của bạn
- 08808753602484246084 thay bằng số ID của bạn (vào trong bảng điều khiển của blog bạn để lấy thông tin này, xem hình minh họa)
Như vậy đã xong, quá đơn giản phải không!,
Chúc các bạn thành công.
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Giải pháp Blogger bị chặn 02/07/2012
- Các truy vấn cơ bản với Blogspot
Comments[ 0 ]
Đăng nhận xét