Trang trí nền blog ngày tết cho blogger

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

body{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/AVvXsEjIVBFP7EJIjVaoG-R0Tjya0fXDA6xSc8IF96U7G7oDmGk9kbiU859X45WkIXpvdEBoEtZODHmVvtcM-_hfcxrlt7EgwgHpb523FeRbs54lBQOVHUPu2GvY_S5EwaFiWe9VYUyEzB-vm-b2/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/AVvXsEjdRXIItyeq4Fak63rBd6XTOA9mdLYjywipAzPbnZcfexVV-yeTgIq2EfKhZ_q8D2JsNC6ZVvTWgGWLB3-3KnSTxp-qPH21EsIFMK7HYk3Vj3GQXlkeIhUihesxOI6_iRULBOuNTuBwmRvP/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/AVvXsEg_xqohFBAXswYtmuwrUrZC1zS7fwx7pytiE90ItAVGmugjBRXkde3VJmAQmGrgr4-lcHKuaVGqpy0zK8ycYNctyW-AOPwWee78MOZbp9gbGUYvCaQj04wAd9TMgLBOZedCMygbTY_z7rXA/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/AVvXsEhpnBw0JJksQvJJLizq7GMHLjmCBdDiKGiYtiDDE_D6O1mbz9S3e0Sp5jl3Y8gUUxLLhwwAQwJrBJRpjkPmUGcnbzaSmNn3pBUj0UkvgDWkuJvW_2J9_EVLVjBSlbxavtER4pVS3HVUG3uO/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/AVvXsEgCP5ZUbwP1MORdRUYlY5bfc4TJxER8f05sY2xuwbie9vVCFD7n0vkpT3ZtZ_PsktUclSdegUCtQ88jk1jd8-0hG8Qm2kQOYfvKHLUpSuOMGxkoSglaBuB_EwjYTQfkYIoKyAjSS97zjvnL/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/AVvXsEhNHldoBK-w6Mj3Hw_gnXcARmcM4PA0qIg207t1DRLtAaW36AigO3obPepOm6q8S81xr5ck4WGNWdmU5clz39RNz76dPdmMapd7DraV3qAMUJJoW30Xpln1iYvqAomSk0bsnpvhIWRLau2D/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/AVvXsEhkQmWhv_njROjqY-ZfqtRmzS5pjnok1jUypJG3d_VeyMPcBMhHkWIJleSFApf_9SSGYhpcDrCX9n7dMCiu4hiuX-TT1X4GkrSmQQi37pAWw-4aV3_XBUYSEm3I2qecjiKOGqwgncb0VOqD/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/AVvXsEh1dq6NyRyi3D2Naw7sZ9TDXigQnQG5YIcvf0K3NRbjghVorz1HMlh2XICslN6v-iIN0HS74fOUqi2mdmdBTgJ8r_4vyiEJZv5EeGbP9Tv7LsjdTqkpm0fZ66iaBEoCwuS_ij7VPwAbKS-n/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/AVvXsEgx-bLAyCLr20ppK3Ug7MNwcR4WRNUxoLIxiL_kgSXb3hSuo1VXEpR8RBl2iGbyLI1EHuyeDaWGzRtgyyRwyclvm-LTfe3_1pkBLk31M5gN9ZkOBVH5YcTGwL-LB4HxBGXxDwdXWmgjra79/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/AVvXsEg38MOgES1_T5KvijkHkQLwtKlxcv35qREMlw9Axf5nyps7pV2U2P_RuRRqpxERnA9-hC0254mFcrUhaP44w8fo2RCkY514gh5n3Wao4CiFWj_vFk-YkMw0mYBBvxqL0wZzeKsyRlZq-Fi5/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/AVvXsEh7p9VL1ULWhwlAH9Gq9SfW9OTr5P4DE84uQ4naCPKw3iJEMpnz4baCkt1BNUXscntizXbelMktqeA1Joz-2ZtzMxLXVKL9zLgkX4tAyBrXu2Ct_xn5VJvVGRRFpy3NQWRprWG-_3L677pY/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/AVvXsEhpdd38Om7yTbAe2Q1Y-2-cPOENJY56BUuGDQR-L-Qg1vBmFkdXpzVCTrJo3K5Iw_874JFWD82rptU1d0bN6SzB8UofP80-troOlhBuIv7Cdcnazaaz5LWWaOaL2Jp1q6pa3rW5RB0HazML/s1600/2a-right_namkna-blogspot-com.png" /></a>