Đăng bởi Admin | 16/10/13 | 0 nhận xét
Đã bao giờ bạn muốn chào đón du khách với một thông điệp quan trọng hoặc hoặc muốn có thêm truy cập vào các nội dung quan trọng nhất của trang web của bạn. Tạo một hộp thông báo blogger động là một trong những tiện ích mà bạn đang tìm kiếm? Thu thuat vi tinh sẽ nhanh chóng giúp bạn làm được điều đó.
- Dán đoạn mã dưới đây vào nó:
- Cuối cùng hãy bấm Save Template
- Tải lại trang và xem thành quả nha !...
Bạn cũng có thể tham khảo các mẫu khác dưới đây:
Đã bao giờ bạn muốn chào đón du khách với một thông điệp quan trọng hoặc hoặc muốn có thêm truy cập vào các nội dung quan trọng nhất của trang web của bạn. Tạo một hộp thông báo blogger động là một trong những tiện ích mà bạn đang tìm kiếm? Thu thuat vi tinh sẽ nhanh chóng giúp bạn làm được điều đó.
Làm thế nào để Tạo hộp Thông báo dạng hoạt hình trên blog?
- Đăng nhập vào Blogger --> Giao diện ---> Yếu tố trang --> Nhấp vào Thêm tiện ích và chọn Html / Javascirpt.- Dán đoạn mã dưới đây vào nó:
<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i46.tinypic.com/jzf8tk.jpg');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQct_C6emC4AkLMBvgPTplIO2E2zjB3dBspw7DUd9iFc_jqjVyIdB0wUrq9ff2NUoE4MsGB7dpQqxT5ywIpy_PqFlZNbfgmhtKar4o-P3ycFxzApQ9Qe8Fez1yvmbOD4fnZkwKbic1m1i/s1600/images.jpg" /></a>
Đây là tin nhắn của bạn. Bạn có thể thay đổi nó cho phù hợp với nhu cầu của bạn.Bấm vào nút Close trên bên phải để thoát khỏi hộp này.
* Lưu ý:
- Bạn hãy thay đổi dòng lệnh màu đỏ theo ý của bạn.
- Thay đổi ảnh nền bằng cách thay đổi URL: 'http://i46.tinypic.com/jzf8tk.jpg'
- Bạn hãy đặt tiện ích vào vị trí mình muốn trên giao diện của blog.- Bạn hãy thay đổi dòng lệnh màu đỏ theo ý của bạn.
- Thay đổi ảnh nền bằng cách thay đổi URL: 'http://i46.tinypic.com/jzf8tk.jpg'
- Cuối cùng hãy bấm Save Template
- Tải lại trang và xem thành quả nha !...
Bạn cũng có thể tham khảo các mẫu khác dưới đây:
- Tạo hộp tin nhắn giống như Wordpress với nút close sử dụng jQuery cho blogger
- Tạo hộp thoại thông báo trên blog
Không có nhận xét nào:
Đăng nhận xét
Cảm ơn bạn đã nhận xét !
Mã hóa Code- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.