Hướng dẫn trang trí nền cho blog

Đăng bởi Admin | 5/8/13 | 0 nhận xét

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. Các bạn hãy chọn một mẫu để áp dụng cho blog của bạn hoặc thay đổi các nền tương tự theo ý của mình .

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/AVvXsEj2aK_g6AXJmrzFWlfkUw-EiPjaq9IrsBoqBuAAY7W0FpZYVAf_Yg1PNFHISSwP3ST5F4Ek4Gl9RUR0l7e2NN9Iu0Z_zpyJSPI0NJG6OY_CjYPpQx4HM0Fy4o9PIawNr9hnHztPBFYbJoe7/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/AVvXsEimLiJGqonqVe1En71jbkFdN5HxA_8izl9xw0k0DhELvCRt4GYtgK58BiCdmr164G2F_MN8zOPj9CUob3Cvz_nQCLwJtAkogacS8GX0_0uo-tJ10FeOfk9D-Ht7MuWUsxHt5eQGKWSnmZgo/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/AVvXsEhq0BMpJ4Hq4EEXy2NezHvLfyZZjREIG-kwjwTlWwMhTjbZqw9kflu9OoSCFSQqVqecx6wtDRX2PNyGyAzNlRplsaszzEvKHU9oEJ-4Owocb5VIjp_u_i_4rdzx-Brx7K_o2OsEtGKF34Hv/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/AVvXsEgEqR7EZp1CUNmNunEQ2I7CzqNiwmA7CUu13QVuU3U4CliJpo9_aWXNk-AAvXS8-xhq67STy5RGZUaCUvPbQyqRnKVJVd-FGp51yqDRc5lZy8PuCMb_C1BRPoz4jDvJSUTxe0RiW0E2nU1I/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/AVvXsEih0M8DiMGHMI9WO-1rBhByAO_hSm6t3yAsFz_3HkwKClmVljoGAqjpXpnRKJ9AGi_2ti3ZGKpevupqAeCd3XZwrZAiKyt1Q522mD3txZjdZ4oGgGnZJTFbFwyZO3niGzCWAaF8VeuaDRTW/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/AVvXsEjYfYfr8ANRHYiGC8HoExhfV6Uk-o45xrsh2iXdRS6ewWGgHK-2tjgSKb16LY22HwYp9AFiyvy9M3KspgnsV_WTNeNPdDjPGduU-8Qd1qsXj2arw9tjqq9vckZ3GngxZBbii0nE_S4Inx3I/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/AVvXsEjRPj4SKWLrInnzvXUD3BFC_H7Zbsx72le1LBtjVegbx94yAzZaxW5TB3Yn50XhNdpBZ8zHYO1afkr10NbemN4jbKOfVdzG2f2RdsBqnojsMe9Ijo1Se9ObvrgmRUoBI8ydnqiBLk-kCIZv/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/AVvXsEghFyFp_-wgvtx8I75-EexasNLFPVJWlNCym73lfXfuZPzcr9wirTmowXn_xTh3RB2OBoeTJw8tVETrrxgWeQMjKWdTY_IlVRxaUiLLTGkghti2znhb9MMCy_NOIsHPocEUfrBDzyqAMXCc/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 câu đố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/AVvXsEhdLm80Iii0mk0yXlrQHjNmPFxyBJZuNw8OLyI0jUGKgEaBPJhbpO6NvcnoBgfDib3JiTXWOxbHvtA69p0O1dA3Xa2WWWEWQIjmGL14c8ZxfB4Q5rNkLbV2e8D5sgD1CMxJYprrgCu0IqzO/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/AVvXsEif95M7TJ0rJvDtOpK09yCwOoHUrThyphenhypheny1Pq5QlSETKRRgL8SuC4Nibe0gsUCM7BOGYOHnLLhh-ewmpS3jprFsWA8tjyJ12GFath67taKJFt28fMyUsTJlPpJp_vtqV8K5Uo9_y8I7dlN1OT/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/AVvXsEg4L3Zw9y1pkmyUTEgK8Umasr1qtfoTuN3MkYNX_Avo7LDmuHsOD0TYrYOcZxVkTnMoQ_zD609fveyEXlULLYuFoa9N4jJLgOKLXKn20DfsNWgqYo3Gl-8K6a-PSv6Cytt6MAY7K0yesJQi/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/AVvXsEjEplUO0gk_j7SpYdirt0xzlmjRx_n8ygUVWyp_nub4kmVpaYi5_gO59HwAIGK5m1TcK3EQasGDvu8BfxzZyTtDdX906hVVCEY8vdGhs7WyHYqgB7XgCm5iaxOIOpI_CHCQYIObDShxUbit/s1600/2a-right_namkna-blogspot-com.png" /></a>

                                                                                                               Theo: Namkna
                                                                                                                Thu thuat vi tinh