Sunday, January 18, 2015

Một số code index tết 2015 ất mùi đẹp cho website và Blogger ..........

Hôm nay  xin chia sẽ các bạn một số code trang trí website của các bạn nhân dịp xuân ất mùi 2015 sắp đến.Chúc các bạn năm mới hạnh phúc và tràn đầy niềm vui

  1. Code banner cho website
    <a style="display:scroll;position:fixed;Top:0px;left:5px;" href="#"><img src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/tet1-left.png" /></a>
    <div style="width: 140px; left: 0px; bottom: 0px; position: fixed; z-index: 50; " id="columnleft">
    <div align="center"> <div class="clear"></div>
    <div style="margin-top:2px;position:relative;margin-bottom: 25px;">
    <img alt="quy ngo trai" style="border-width:0px" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/quyngo_left.png" width="140" height="229">
    </div>
    </div>
    </div>
    <a style="display:scroll;position:fixed;Top:0px;right:5px;" href="#"><img src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/tet2-right.png" /></a>
    <div style="width: 140px; right: 0px; bottom: 0px; position: fixed; z-index: 50; " id="columnright">
    <div align="center"> <div class="clear"></div>
    <div style="margin-top:2px;position:relative;margin-bottom: 25px;">
    <img alt="quy ngo phai" style="border-width:0px" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/quyngo_right.png" width="140" height="229">
    </div>
    </div>
    </div>
    Bạn chép phần code này trong phần </footer> của webiste đối với blog củng như vậy còn phần mình đánh dấu màu đỏ là hình ảnh banner các bạn có thể thay bằng hình nào các bạn muốn
  2. Code pháo bông JS

    <script type="text/javascript" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/FireWorksNewYear.js"></script>
    Chép đoạn code này vào trước </head> của website hay blog nhé.
  3. Code hoa mai trang trí cho website


    <script type="text/javascript" src="http://vipprao.wap.sh/holiday_tet/hoa-mai-roi.js"></script>
    code này cũng chép vào trước thẻ </head> của website cũng như blog nhé.
    "
    http://vipprao.wap.sh/holiday_tet/hoa-mai-roi.js" đây là code js các bạn có thể tải về save lại và chỉnh sửa lại theo ý thích của mình.
  4. Thêm 1 code hoa mai rơi khác dành cho các bạn

    ode hoa rơi trang trí website ngày tết để làm cho website nhà mình sinh động hơn, Có không khí tết nhiều hơn qua bánh chưng, câu đối đỏ và vài bông hoa rơi rụng lả tả ..
    Lưu ý là: code java script này không khiến website bạn chạy chậm hơn nhưng bạn hãy cân nhắc trước khi làm, vì mình thấy nó sến sến…

    Code hoa rơi trang trí website ngày tết

    Code hoa rơi trang trí website ngày tết
    Code hoa rơi trang trí website ngày tết
    Bước 1: các bạn tải file này về nhé.  code hoa roi trang tri website ngay tet
    Bước 2: các bạn giải nén file ra và up lên host của bạn.
    Bước 3: các bạn chèn đoạn code này vào phần header của website bạn.
    <script src=”/hoadao.js” type=”text/javascript”></script>
    Code hoa rơi trang trí website ngày tết
    Code hoa rơi trang trí website ngày tết nên để trong thẻ /head  nhé
    Lưu ý: nếu bạn thay đổi thư mục (ở đây mình không đặt trong thư mục con nhé.) thì phải thay đổi đường link cho chính xác.
    quay lại trang web của bạn và xem thử ok chưa ..
    Nếu bạn không thích thì các bạn có thể thay đổi đường link hình ảnh thành hình khác. bằng cách sau:
    Sử dụng phần mềm noterpad ++ miễn phí. 
    Click chuột phải vào file hoadao.js và chọn open with noterpad ++
    Code hoa rơi trang trí website ngày tết  noterpad
    Code hoa rơi trang trí website ngày tết noterpad
    Sau đó thay thế đường dẫn của link ảnh mà bạn muốn.
    Code hoa rơi trang trí website ngày tết  với link hình ảnh bạn muốn
    Sau đó bạn lưu file này lại và up lên host để xem thành quả nhé.

  5. Code index trang chủ đếm ngược đến tếtMình upfile lên host các bạn tải về và chỉnh sửa theo ý thích nhé


    Link tải file :link
  6. Code index đẹp

    Thêm một index đẹp nữa dành cho các bạn

    link tải code :link tải 
  7. Một số code flash đẹp
    Chia sẽ thêm cho các bạn 1 số flash về tết đẹp không phải năm 2015 nhưng cũng đẹp bạn nào biết về flash có thể chỉnh sửa lại nhé
    link tải
  8. Index đẹp 2015 : link tải



Trang trí hiệu ứng Tết 2015 độc đáo cho WordPress-Blogger-Website


Mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình. Đó là dòng cảm xúc vô cùng thiêng liêng khi được sống trong những ngày hạnh phúc, đầm ấm bên gia đình và người thân. Hãy cùng các Blogger tôn vinh những vẻ đẹp truyền thống của ngày Tết với câu đối đỏ, bánh trưng xanh,…cùng trang trí Tết chào đón năm mới độc đáo cho WordPress/Blogger/Website.
Demo: http://kenh76.vn/js/tet-2015.html




Treo câu đối 2 bên Sidebar blog/website

Cách thực hiện 
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.



PHP Code:
<img src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png"  style="display:scroll;position:fixed;top:0px;left:5px;"/> <img src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>  

Source trang trí tổng hợp cho Blog/Website

Source được thiết kế năm 2015 bởi anh Nguyễn Duy. Theo ý của anh, mình chỉnh sửa lại hình ảnh, cập nhật lại Code với năm Ất Mùi 2015 này.



Source tổng hợp bao gồm:

  • Hai câu đối trang trí 2 bên blog/website.
  • Hình ảnh thể hiện khung cảnh Tết bên dưới bottom blog/website.

Source
Cách thực hiện 
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.

PHP Code:
<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://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://2.bp.blogspot.com/-kIyHPSeQClI/VJ-OW0qm8rI/AAAAAAAABu0/r4kQuKdBpUY/s1600/tetnguyendan2.png) repeat-x bottom left;"></div><a href="http://chiasethuthuatpclaptop.blogspot.com/2015/01/hieu-ung-tet-2015-doc-dao-cho-wordpress-blogger.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vLa1Kt6Lt4c/VJ9boHA6XPI/AAAAAAAABuc/7p1KULP5w5g/s1600/tetnguyendan.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>  
Hiệu ứng pháo hoa đẹp cho blog/website


Cách thực hiện 
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.

PHP Code:
 <script src="https://www.googledrive.com/host/0B1EJGJ56bNPuQmpNUDBGbk1ZZGM" type="text/javascript"></script>  
Theo Kenh76.vn

0 comments:

Post a Comment

Powered by Blogger.