Bài viết này mình sẽ hướng dẫn các bạn trang trí nền blog nhân dịp tết nguyên đán 2013.Các bạn hãy chọn một mẫu để áp dụng cho blog của bạn nha.
Các bạn hãy tải các file ảnh về và upload lên blog để láy link rùi thay vào các code bên dưới nha.DOWNLOAD NOW
+ Cách tiến hành!
1. Đăng nhập vào tài khoản Blogger2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML)
4. Tìm đoạn code sau:
body{...}- Và thay thế thành một số mẫu dưới.
Style1: Thay thế nền blog tết
Mẫu 1 Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-1.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}Mẫu 2 Demo
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-2.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}Mẫu 3 (phong cách mp3.zing) Demo
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-3.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}Mẫu 4 (Phong cách zing.me) Demo
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-4.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}Mẫu 5 (Phong cách tv24.vn) Demo
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-5.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Style 2: Thêm một cành đào góc trên bên phải hoặc bên trái blogger.
XEM DEMO
Thêm góc trên cùng bên trái:
<a style="display:scroll;position:fixed;Top:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-KIsXph5wyjwLWpgXBX4HUmBSXXdaVISVUyH4M6GT2zmfASbDxMrhIZ-gJGZpNj_zOhk6_EI4T_bNt24Jpm3OJFqX-Oalf1KFg60bQHmM5a7PwZjbZXbO6QL78Fw1AqJhM7v3dS8jCSQ/s1600/canh-dao-namkna-blogspot-com-1.png" /></a>Thêm góc trên cùng bên phải:
<a style="display:scroll;position:fixed;Top:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWnp4yXvuK480PHpB66rO4Rf-3BUC-WxxKFnPzfw3KrZEUiyGc5ZI4m2Ydl31GDjKG2m_tnZttArmGnSdD1-yef_lnu-jvGEMm8XKJm3bir1czE2Y5jJ0kUgzfq8Ko2NnKz8JDzFCy1ce/s1600/canh-dao-namkna-blogspot-com-3.png" /></a>Thêm góc dưới cùng bên trái:
<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdcyhkQARfzsc5nb31gTOMIA8ShRxqtMgq0ZsdAALsSIbijt4Hh874A_5Qc6_bbWES3-oXLT2Nfuecpfn53J5jbjhvdAys35qBvEjwt1JvBVjvTYyROswNcmcINxCokCy-IiUKjA8WV-U/s1600/canh-dao-namkna-blogspot-com-2.png" /></a>Thêm góc dưới cùng bên phải:
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7g5wde6WQKXwRrmfiQzMc4z2HMxvXumwzaHoMWx-xpA9b3AK_r2hsPSUo7VNebO_hPTpvrVfwtUIKy5myMtarBFje3qMyfQcsuIk5Tu3BwKWrCSCL8PbyQY3ixoXez5nA-RaVtEMatYE3/s1600/canh-dao-namkna-blogspot-com-4.png" /></a>
Style 3: Treo 2 câu đối 2 bên blog.
XEM DEMO
Mẫu này được mình cải tiến từ thủ thuật banner quảng cáo trượt dọc 2 bên.
<script type='text/javascript'> //<![CDATA[ document.write(' <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInp2wHnCE9yolZgu3CnTdY8OQxx4TOvwW5XrkmeCY5EUFoyh7o51ddHJnI8WxAD-BrlNL1Xp_4NsLQn7YuBdcZWbPHGk4mY92hTPbiGjhNGr1TcAl-lYsirwQa18tmnUtxiqlUl1xl_cU/s1600/left-cau-doi-namkna-blogspot-com.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRfbG7-f6sonwJE5C86WrKuIsfoc8ysqQR5eepXKkpjW-b5TaIASnsihvP3SUCmnGLcIIqIX7NHkMBpVwFZyveWTNZ60IZLHsn1fu29END94Ev3M2cVYypBY5EI3fQIXlTkbfs6-vwN2v/s1600/right-cau-doi-namkna-blogspot-com.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVh5kAyJGMdMdCw3drglm-P8KuPTBb1hCg7mkHEl7zctev3by7iukNQzptRwody5tqLfwIyTJWw8IkMQ92B25y9KsWSqNsTlVa2BXFVG1KFqx2bLqZLIUWgHi2vT5npyqd1J-pjGHi-kqe/s1600/bottom-cau-doi-namkna-blogspot-com.png) repeat-x bottom left;"></div><a href="http://namkna.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjx7jyR8XvXntwcW1a3zntvf77uXG5kRq_3KLxydRKmE14yaQgeGLG1RFS-24Q2Qv0ME2HkgWSOCtWQ9W1EAhOYENsB-hdNDYEmzZLhSnctIqnMSS-XNxgOHX3lskiab7A99TIJQWgB-du/s1600/buttom-left-namkna-blogspot-com.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>
Style 4: Treo cau dối 2 bên blog.
Cặp 1: Demo<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPH_d8JYI8_LtqUCiQ7gAaCgBgdxSFWFq68LH-0aRcuRULCq6NdPHxyimnUpNbOsJyVuT35wEf7Vr14Y2TB2ZDJupH6GBxZSinTgXzw_HTus1oTGRXF_mL7dSNc1HlxRKyg-d31Y7D0_ZO/s1600/1b-left_namkna-blogspot-com.png" /></a> <a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbY2TnQ0Kei0ZmAE6WzLqXfu9uWXo8ihKK-n7HYNlwer1uDTPAy3YDvjhooPi1bDCC9jPZh4No9OzsdXkor3ayTCTlv6HgqURkyszF-xbGfGPYfEPukEyfWyrvLL8-jVKdtsaLu7FhQr2I/s1600/1a-right_namkna-blogspot-com.png" /></a>Mẫu 2: Demo
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAO0VPhK0_PFhePSrKluzUpGdcMvZ582jpANzN36r4YvKywSG3S-t_L23U-NVFgJAOkQkmjUyY9NpNjNBwLrw1c0NgT9gnajJbSCWJ-kv0cWCyT52loymKPOdBtcY2C9oczR2D42OJ-TSs/s1600/2a-left_namkna-blogspot-com.pngp" /></a> <a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Yh7SIVrhQP8whvNfBbZGAUes79EJNNY6twpXxLKmVfbi8ELW9icSudTI-QHO03Q_618k1jk95Gnb3FR8CNgLE4hcyyB9Mv_1I6lrl11AaTlO3l9nj6Ja0gNomUjSDPuh3HvmPeDiP82Z/s1600/2a-right_namkna-blogspot-com.png" /></a>
Nhận xét
Cái style1 do mình tự làm vẫn có TrollVL ở bên trái Nam ơi =))
Trả lờiXóaHơn nữa ở blog cậu cái ảnh nền là năm Nhâm Thìn mà :(, edit đi cậu
Xóabài viết hay và có ích
Trả lờiXóaanh Nam ơi thiết kế một cái mẫu để trang trí nhà nhân dịp tết đến đi anh..:v
Trả lờiXóaCảm ơn đã chia sẻ code, rất bổ ích +1 nhé
Trả lờiXóacái đấy là của năm 2013 nha
Trả lờiXóahay quá a ơi, i <3 u
Trả lờiXóahay quá a ơi, i <3 u
Trả lờiXóa