Chia sẻ thủ thuật blogger và bộ mã code hay đón chào mùa giáng sinh noel sắp tới

Khi giáng sinh đến thì cũng như các ngôi nhà được trang trí lộng lẫy với  nhiều thứ đặc trưng cho noel như cây thông, ông già noel, tuần lộc, hay người băng cùng nhiều vật dụng khác như mũ ông già noel, tuyết là những thứ không thể thiếu được.

Mỗi blog cũng như một ngôi nhà nhỏ của chúng ta trên internet vậy nên để cho mọi người khi vào blog của cúng ta có thể cảm nhận được không khí noel thì chúng ta nên sửa sang lại blog cho có màu sắc cũng như không khí noel đang về.
Để các bạn có thể dễ dàng thay đổi mình xin được gợi ý các bạn một số cách như sau.

1. Thay đổi màu sắc blog theo màu noel (Màu xanh, đỏ, trắng), 

Bất cứ một dịp nào khi thay đổi màu sắc một chút là mọi người có thể nhận ra đặc trưng của ngày lễ gì (Dịp Noel có ông già tuyết mặc áo choàng đỏ, cây thông noel màu xanh, quả bóng nhiều màu sắc, )

2. Thay đổi Logo theo phong cách ngày lễ noel


Thêm hiệu ứng tuyết phủ, biểu tượng logo đội mũ noel hay có màu sắc noel.

  Kết quả hình ảnh cho logo noelKết quả hình ảnh cho logo noelKết quả hình ảnh cho logo noel


3. thêm các hình ảnh biểu ngữ chào mừng noel, sự kiện chào đón noel,

Đây cũng là dịp các blog tạo các sự kiện tri ân bạn đọc hay tặng quà, thâm gia hoạt đọng xây dựng cộng đồng.....
Các ứng dụng chat trực tuyến cũng có các skin đi kèm cho sự kiện này các bạn hãy cập nhật ngay nhé
Đây là cập nhật mói cho mùa giáng sinh của Subizhttps://subiz.com/blog/cung-subiz-mang-giang-sinh-ve-tren-website.html. Mt số ứng dụng khác như Vchat, Uhchat cũng có cập nhật theo

4, Thêm các hiệu ứng thú vị khác như tuyết rơi nhạc nền blog về chủ đề giáng sinh noel.

Đây là cách làm có điển cũ nhưng vẫn tạo được nhiều sự thích thú cũng như tầm quan trọng trong tương tác blog giúp bạn đọc lưu lại trên blog của bạn lâu hơn. Đây cũng là cách dễ làm nhất.

Thêm hiệu hứng nhạc nền

Các bạn vào các trang nghe nhạc trực tuyến chọn bài hát về giáng sinh chọn mà embed của nó có phần chỉnh cấu hình nhạc nền rồi chèn code đó vào blog trong mục Mẫu - Chỉnh sửa HTML, hoặc chèn vào một tiện ích html bất kì tren blog
Dưới đây là một số đoạn mã bài hát hay các bạn có thể copy về chèn vào blog
Bài Last Christmas
<iframe scrolling="no" width="0" height="0" src="http://mp3.zing.vn/embed/song/ZWZEC6UZ" frameborder="0" allowfullscreen="true"></iframe>
Bài Jingle Bells - Crazy Frog
<iframe scrolling="no" width="0" height="0" src="http://mp3.zing.vn/embed/song/ZWZEEA9A" frameborder="0" allowfullscreen="true"></iframe>
Tiếng Chuông Ngân - Harmony Band
<iframe scrolling="no" width="0" height="0" src="http://mp3.zing.vn/embed/song/ZW6UDFAF" frameborder="0" allowfullscreen="true"></iframe>

Playlist Chúc Mừng Giáng Sinh
<iframe scrolling="no" width="640" height="330" src="http://mp3.zing.vn/embed/album/ZWZA867Z" frameborder="0" allowfullscreen="true"></iframe>
Các bạn có thể thay mã bài trên Zingmp3 vào chỗ màu đỏ

Hiệu ứng tuyết rơi trên blog

Note: Các bạn có thể lưu code lại vào file .js để dùng lâu dài tránh bị mất khi host kia xóa hoặc chết
Mẫu tuyết rơi V1
- Hiệu ứng này hạt tuyết tròn nhỏ chỉ màu trắng rơi theo hướng di chuột
Code:
<script src='http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js'></script><script type='text/javascript'>snowStorm.snowColor = '#fff';snowStorm.flakesMaxActive = 511;snowStorm.snowStick = true;</script>
Mẫu tuyết rơi V2
- Hiệu ứng này tuyết rơi vói hạt nhiều màu có cánh nhỏ
Code:
<script src='http://sharecodevip.mobie.in/luu-tru/snow.js'></script>

Hiệu ứng ông già Noel cưỡi xe tuần lộc đi lại trên blog 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="https://lh3.ggpht.com/-LSDhJFNSG-E/VnQh0rSGAHI/AAAAAAAADoo/3FdK8o-hZ6A/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('http://www.thucle.net/','')
})
})
//]]>
</script>
 Khi nhấn vào ảnh ông già noel có thể trỏ về một bài viết hoặc web khác các bạn có thể thay thế link phần tô đậm. Bạn cũng có thể thay ảnh khác theo ý bạn vào phần màu đỏ
update.....

Hình chuông và cây thông kết hợp tuyết rơi

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">body{background:#0C0C0C;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://smartbb.googlecode.com/svn/trunk/dgm-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>

Kết lời


trên đây la một số hiệu ứng cũng như thủ thuật blogger mà mình sưu tầm được xin chia sẻ với các bạn. Hi vọng sau bài viết này các bạn có thể tạo cho blog mình một phong cách độc đáo đón chào mùa Noel sắp tới nhé 
Chúc các bạn thành công với thủ thuật nhỏ này

Bài viết liên quan

loading...