Trang chủ \ 21:48

Mang tuyết và cây thông Noel vào blog

Không khí Giáng sinh đã bắt đầu trên các con phố, các bạn đang trang hoàng nhà cửa để đón một mùa Giáng sinh mới? Đừng quên ngôi nhà ảo trên Blogger cũng cần được trang trí. Bài viết này sẽ giúp bạn mang tuyết và cây thông Noel về cho blog của mình.



Thêm đoạn mã dưới đây vào sau thẻ <body> trong template của bạn.
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://lh6.googleusercontent.com/-kph53UsoxM4/UMczVhTsCVI/AAAAAAAABcs/DVTyvtz7blc/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://lh4.googleusercontent.com/-mEgGUg-ou4k/UMcz0qy2NhI/AAAAAAAABc0/gF1uW4iE6y0/s180/bottom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>

Chúc các bạn một mùa Giáng sinh an lành và hạnh phúc!
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

44

Nhận xét
1

tks anh em làm được rồi mong anh thường xuyên viết bài nhiều hơn nữa

Reply
2

Chúc Duy có 1 giáng sinh an lành hạnh phúc bên gấu yêu :D
p/s: Hy vọng Duy viết nhiều bài về cấu trúc template của blogspot cho mọi người ngâm cứu nha.

Reply
3

Hy vọng năm nay sẽ vẫn còn Giáng Sinh :D
Lâu lâu mối thấy bác Duy ra bài mới nhỉ ^^

Reply
8

Hi vọng vậy :D Nếu k có Giáng sinh thì ít nhất em vẫn còn ngày sinh nhật tới đây để mà tự sướng =))

Reply
4

Thank Duy, mình đã làm được theo cách bạn chỉ nhưng hình như phần nền của tuyết phía dưới hơi bị cao nhỉ? Mình chỉnh bớt chiều cao đó như thế nào vậy Duy? Bên cạnh mình có email hỏi cậu về phần sắp đặt bài viết theo vị trí ưu tiên mà mình muốn khi xem bài theo nhãn. Mong bạn có hướng giải quyết thủ thuật này giúp mình nhé! Thanks Duy

Chúc cậu có 1 kỳ Giáng sinh vui vẻ!!!!
Diemanuong365

Reply
9

Bạn giảm height:104px xuống, giảm luôn padding-bottom:150px cho cân đối.

Mình bận quá nên k có tg support email, số lượng email chưa trả lời giờ chắc nhiều lắm rồi làm mình k dám đọc nữa :(

Reply
15

Ví dụ giờ mình muốn height:104px xuống còn height:80px thì mình giảm padding-bottom:150px xuống còn bao nhiêu? Sao mình giảm thử mà thấy nó ko còn tuyết bồng bềnh nữa mà thành hình khối chữ nhật màu trắng luôn. =)).

Mong đón nhật thêm hiệu ứng đẹp trang chứ cho Tết 2013 nhé cậu. ^^

Reply
5

Dạo này có phong trào vlog chắc mình cũng phải học tập để làm thôi các bác ợ... :)

Reply
7

Vlog nhiều cái cũng dở hơi thí mồ

Reply
10

Bác cập nhật nhiều thông tin thật, em mới thử Google hóa ra vlog lâu nay có xem mà k biết, dạo này mù thông tin quá :D

Reply
6

cảm ơn nhiều

Reply
11

Người VN mình rất tiết kiệm lời, mình cũng thuộc dân máu đỏ da vàng. Gần noel bạn ra thủ thuật này là rất có tâm với blogger. Chúc bạn noel ấm áp - hạnh phúc - vui vẻ và an lành.

Reply
12

K hiểu ý bạn lắm? Nói về tiết kiệm lời thì k ai bằng mình đâu :D Giáng sinh an lành!

Reply
13

thanks bác nha!

Reply
14

Email nhiều thế ah! Thôi để mình nói lại ý kiến về tạo bài viết ưu tiên ở đây nhé!

Thứ 1: Ví dụ, mình có 1, 2 bài viết mà mình đã post nằm tuốt ở trang 3,4 chẳng hạn hoặc 1, 2 bài mới mà giờ mình thấy thông tin hữu ích và muốn nó nằm ở vị trí đầu tiên (1,2 vị trí đầu tiên chẳng hạn) theo 1 nhãn nào đó để mình xem thì làm cách nào cho bài viết ấy nằm ở vị trí mình mong muốn đó?

Thứ 2: Bài viết khi mình ấn định ở các vị trí 1,2 đó thì mình có thể làm nổi bật lên để đọc giả biết dó là bài viết đang hot, đang nổi bật, mà admin web muốn đọc giả xem thì có được ko? Vì dụ như có biểu tượng nổi bật, hay background điểm nhấn v.v...

Thứ 3: Mình có thể tạo cho bài viết đó nằm ở vị trí đó theo 1 thời gian ấn định (Ví dụ 5-7 ngày chẳng hạn) rồi khi hết hạn đó thì nó tự động trở về mặc định như vị trí ban đầu đã post bài có được ko?

Mình search trên google mà ko có thấy thủ thuật nào cho dạng mình tìm cả nên mong có hướng giải quyết của Duy cho mình và mọi người biết nhé.
Thanks Duy.

Reply
16

Cái này khó bạn ạ, để làm dc cũng phải qua nhiều bước phức tạp và ngượng ép, và nó cũng phụ thuộc vào từng temp nữa. Mình có thử nhưng hiệu quả mang lại k đáng với công sức bỏ ra, nó thua kém WP ở điểm này, làm slider thì hay hơn.

Reply
17

Uhm, khó thế ah??? :(. Muốn làm slider cũng được nhưng mình không biết đặt ở đâu trong blog mình cho hợp lý và bắt mắt với nội dung thông tin chú ý cho đọc giả. Mà thêm cái slider nữa chắc blog mình chậm thêm quá! Hiện tại mình thử đặt vài cái banner mà thấy nó chậm khoảng 9,10 giây load trang rồi. :((. Ko biết làm sao cho nó load nhanh 1 tí nữa.

Reply
18

Đoạn code này có lẽ đã đc chuyền tay nhau qua nhiều mùa đông :D

Reply
19

Đẹp lắm bác ^^!
Chúc bác giáng sinh vui vẻ bên gia đình và gấu :D

Reply
20

đang thử hi vọng là đẹp :x

Reply
21

bạn ơi nếu muốn thay theme mới cho blogspot mình làm cách nào ? bạn có thể nói cho mình biết chèn đoạn code trên vào đoạn nào của theme được ko ?

Reply
22

Cho em hỏi anh ngoài lề tí được không anh.Mong được sự trở giúp của anh.
Em muốn bài đăng hiện thị ở trang chủ và trang nhãn chỉ còn lại Tiêu Đề trên,dưới là: Nhãn│Time│LượtXem│NgươiĐăng.
Demo: https://lh4.googleusercontent.com/-HFCFWWmeRkw/UM1FOGAODsI/AAAAAAAACeU/z3Fh5SBmI_0/s620/b%25C3%25A0i%2520%25C4%2591%25C4%2583ng%2520trang%2520ch%25E1%25BB%25A7.jpg

Reply
23

Bạn cứ nghịch nát temp đi sẽ biết cách làm thôi nếu muốn thay đổi :D

Reply
25

saccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
:( coi như là e chưa hỏi vậy

Reply
24

Bác dùng View source đại pháp của Chrome + với vọc temp sẽ mò ra :-d

Reply
26

thanks, hay quá. chúc mọi người giáng sainh an lành http://www.photoshop24h.com/

Reply
29

Nhận xét này đã bị quản trị viên blog xóa.

Reply
27

http://sokyha.blogspot.com

Không biết có lỗi gì không. Hiệu ứng tuyết trong trang mình không di chuyển theo khi kéo trang xuống dưới.

Thành ra phần đầu trang thì có tuyết ầm ầm, khi kéo trang lên thì không còn tuyết...

Reply
28

Mình đã cập nhật lại code cho tương thích với temp mẫu của Blogger :D

Reply
30

Nhận xét này đã bị quản trị viên blog xóa.

Reply
31

Cám ơn Duy Pham rất nhiều!...

Reply
32

Cái này hay , nhưng khi tuyết nó rơi mà mình ddang xem trang ấy CPU nó ngốn 60% lận ,máy yếu vào web của mình có khi treo =) lần sau ko dám vào nữa :( , tuy nhiên mình vẫn để vì nó hợp với cái themes của mình :D , Tết âm sửa lại ảnh thành chủ đề tết :D

Reply
33

mình ko muốn cho tuyết nó rơi nữa thì phải làm sao hả bạn

Reply
34

Làm sao cho nó hết rơi vậy? Cái này làm bây giờ cái chữ thiết kế bị che kín luôn rồi. Ko nhấn vào thiết kế đc sao bỏ giờ

Reply
35

Nhận xét này đã bị quản trị viên blog xóa.

Reply
36

cho mình hỏi, khi đang bài xong về lại trang chủ, nó ko ghi là Tiêu de rồi trích ra 1 đoạn sau đó có dòng continute de ng đọc kich vào mà hiện ra nguyên 1 bài luon làm sao khắc phục ạ

Reply
37

Thank so much.

Reply
39

Xin phép Duy Pham, trả lời 1 số bạn muốn bỏ tuyết rơi:
Muốn không có tuyết rơi, các ban chỉ việc bỏ 1 số đoạn code tao tuyết rơi. Cụ thể sẽ bỏ từ đoạn:
;var no=100;var hidesnowtime=0;var snowdistance='pageheight';
đến hết đoạn:
||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}

Chú ý sao lưu trước khi thực hiện

Reply
40

tuyệt vời quá, thanks bạn nhìu

Reply
41

Hóa ra mấy trang 4rum có hình ông già tuyết chạy và tuyết rơi là thêm đoạn code này, hay, thanks Duy na. ^^

Reply
42

Bạn muốn tìm địa chỉ bán cây thông noel giá rẻ nhất tại Hà Nội. Liên hệ : 0916510289

Reply
43

Quảng cáo hợp lý :))

Reply
44

Đúng bài luôn :)))

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.