• Home
  • Tổng hợp: Trang Trí Tết cho Blogger, blogspot

Tổng hợp: Trang Trí Tết cho Blogger, blogspot

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. Demo

<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. Demo
Trang tri tet 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>
Tổng hợp - Theo: Blogger Việt, Đinh Công Thành
Cập nhật:
Code 3: Treo cành đòa đón lộc xuân và tết mơi: Demo
<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

Recent News

[latest][5][recentright]

Toggle Content

Anext Introduction
Anext is a super flexible Theme with a modern backend that makes it incredible easy to build unique layouts by simply dragging and dropping your content into place
Layout Builder with dozens of easy to use elements
Just change the contents and everything done in minutes
Content Importer, to easily setup your site
With one click you get a site very similar to the theme demo.
Many layout styles
Lots of beautiful interactive elements like slideshows, galleries, tabs, toggles that help you showcase your best work
Responsive Layout and High Resolution Display
Works beautiful on modern high resolution displays: Smarthpones, iPads, Retina MacBooks, etc