Hướng dẫn tạo Ông già Noel cho Blogspot đón giáng sinh
- B1: Truy cập vào trang quản trị Blogger,
- B2: Vào Mẫu (Template), chọn Chỉnh sửa HTML (Edit HTML)
- B3: Click vào vùng code, tìm đoạn code sau:
</body>- B4: Thêm đoạn code này vào ngay bên trên nó, đây chính là đoạn code tạo Ông già Noel với đàn tuần lộc bay qua bay lại trên blog của các bạn:
<script type='text/javascript'>Chú ý: bạn thay hình ảnh gif của ông già noel tại text mình tô đỏ.
//<![CDATA[
$(function(){
$('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NY88Fjdj-OKM-ZIFP0n1hks7JbW5FUgC39p_Ux9OYVhrlhidwh6soHX5pGrSEEZc64wGURJti7_NtSFPPoH_IZWmZjUKH-pF3ch67kiPpB7i-0oXYcinKzDzRcnk8VYx8655RxDhmEc/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif"/>')
setInterval(function(){
var $X=Math.ceil(Math.random()*$(window).width())
var $Y=Math.ceil(Math.random()*$(window).height())
$('img#halo').animate({'left':$X,'top':$Y},5000)
},5000)
$('img#halo').click(function(){
window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NY88Fjdj-OKM-ZIFP0n1hks7JbW5FUgC39p_Ux9OYVhrlhidwh6soHX5pGrSEEZc64wGURJti7_NtSFPPoH_IZWmZjUKH-pF3ch67kiPpB7i-0oXYcinKzDzRcnk8VYx8655RxDhmEc/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')
})
})
//]]>
</script>
- B5: Lưu lại
CHÚC BẠN THÀNH CÔNG!
Hướng dẫn tạo Ông già Noel cho Blogspot đón giáng sinh
Reviewed by Quốc Cường
on
1:23:00 AM
Rating:
No comments: