Banner Trang Trí Tết Cho Blog/Wepsite

Ngày tết đã đến gần! Lượn một vòng thì thấy các anh em blogger đã và đang rục rịch trang trí blog cho ngày Tết cổ truyền. Với mục đích chia sẻ và lưu trữ lại các thủ thuật hay, DLHH xin chia sẻ lại hai cách trang trí blogger, blogspot cho ngày tết rất đẹp này, hi vọng anh em sẽ thích và áp dụng cho blog của mình. Một lần nữa chúc anh em có một cái tết, một năm mới bình an hạnh phúc!

Thực hiện:
Đầu tiên bạn đăng nhập vào blogger.com - Chọn blog bạn muốn trang trí - Vào phần cố cục - Chọn tạo thêm một tiện ích mới (HTML/Javascript) hoặc dùng cái đã có sẵn rồi cũng được - Chọn chỉnh sửa và copy một trong hai code bên dưới paste vào và lưu lại là ok!

Code 1: Treo câu đối Tết hai bên cho blogger, blogspot. 

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://1.bp.blogspot.com/-ggZV3TobCTQ/UPuyJ4fsg2I/AAAAAAAACjo/g3SiPwd6cUE/s1600/tet1.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="http://1.bp.blogspot.com/-A9IhakAQfck/UPuyJkPRa-I/AAAAAAAACjk/LWo2xFK8LF8/s1600/tet2.png" /></a>

Hoặc:

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://2.bp.blogspot.com/-9f6AZqoryhY/UPwK7ZcDhyI/AAAAAAAACkE/aA4YP0DScfc/s1600/left.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="http://3.bp.blogspot.com/-aeTypUdEflg/UPwK7gGuOlI/AAAAAAAACkI/7bhrDZm2824/s1600/right.png" /></a>

Code 2: Treo câu đối Tết hai bên và phong cảnh ngày ết ở bên dưới trang cho blogger, blogspot. 

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://2.bp.blogspot.com/-ft2o54AdRc8/UQyiJQP7JPI/AAAAAAAAISU/JAkdryENARA/s1600/left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://2.bp.blogspot.com/-DUFbGwF5_xo/UQyiMciJDbI/AAAAAAAAISc/0Idx9YdpoUU/s1600/right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://1.bp.blogspot.com/-dsGkK8sD1zU/UQyiOwgAZgI/AAAAAAAAISk/ofH_qM2jdcM/s1600/bottom.png) repeat-x bottom left;"></div><a href="http://www.hanhhuong.info/2013/01/Du-lich-hanh-huong-Duc-Me-Ta-Pao.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vntrnUTDNVk/UQyiJMFxeJI/AAAAAAAAISM/hH7CBJFagpk/s1600/buttom-left.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>

Cập nhật:

Code 3: Treo cành đòa đón lộc xuân và tết mơi:

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://2.bp.blogspot.com/-UzjhY_4ZQnk/UQ0pbuVsDqI/AAAAAAAADuE/bnYIF_KXXXQ/s200/hoadao.png" /></a>

Trong code này bạn thay đổi thông số 5px để dịch chuyển cành đào nhé!

Categories: blogger