Breaking News:

Celebrity Gossip

World News

    FLASH ĐẸP "NĂM MỚI 2012"

    Nhân dịp đón chào năm mới 2012, tôi có sưu tầm một số file Flash ở một số trang Web nước ngoài (khá ấn tượng), đem về chỉnh sửa một số chi tiết cho phù hợp, hôm nay tôi "post" lên Blog để cùng các bạn chiêm ngưỡng...
    Ứng với mỗi file Flash là code để nhúng vào Web/Blog hoặc bạn có thể download về sử dụng
    Mời các bạn cùng xem phía dưới nha




    Xem flash 01  Download










    Xem flash 02  Download









    Xem flash 04  Download









    Xem flash 05  Download










    Xem flash 06  Download









    Xem flash 07  Download









    Xem flash 08  Download









    Xem flash 09  Download









    Xem flash 10  Download









    Xem flash 11  Download









    Xem flash 12  Download









    Xem flash 13  Download









    Xem flash 14  Download








    Chúc các bạn một năm mới vui vẻ và hạnh phúc "HAPPY NEW YEAR"

    TẠO CHỮ CHẠY TRONG KHUNG CÓ MÀU NỀN

    Trước kia, tôi có chia sẻ với các bạn cách tạo các dòng chữ chạy trong khung có viền màu (Xem TẠI ĐÂY), hôm nay tôi chia sẻ thêm cách tạo chữ chạy trong khung có màu nền.
    Các bạn xem các dòng chữ chạy phía dưới sẽ hiểu rõ hơn.




    Các bạn chờ load trang xong sẽ thấy hiệu ứng chữ chạy


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn


    dunghennessy xin chào các bạn

    Các bạn chỉ cần đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào

    <font ><marquee direction="left" style="background:BLUE">Nhập nội dung các dòng chữ tại đây</marquee></font>

    Bây giờ các bạn có thể thay đổi màu nền tại mục Background (Blue, red, black, green, yellow, gray, pink, white...), hướng chạy của chữ ở mục direction (letf, right, down, up...) và thay dòng chữ màu đỏ "NHẬP NỘI DUNG CÁC DÒNG CHỮ TẠI ĐÂY" bằng các dòng chữ mà mình muốn hiển thị, cuối cùng bấm Lưu lại là xong
    Chúc các bạn vui


    GHÉP CHỮ VÀO ẢNH ĐỘNG VÀ ẢNH TĨNH

    Trước đây tôi có chia sẻ với các bạn cách đưa hiệu ứng vào ảnh (Xem TẠI ĐÂY). Hôm nay, tôi chia sẻ thêm với các bạn cách đưa chữ vào ảnh động hoặc ảnh tĩnh.
    Với thủ thuật này, các bạn có thể gởi những thông điệp, những lời chào, những dòng thông báo của bạn đến với khách tham quan vào ngay ảnh động, ảnh tĩnh và background động...
    Mời các bạn xem thử 3 hình ảnh phía dưới.






    DUNGHENNESSY XIN CHÀO CÁC BẠN, CÁM ƠN CÁC BẠN ĐÃ GHÉ THAM QUAN VÀ ỦNG HỘ DUNGHENNESSY






    DUNGHENNESSY XIN CHÀO CÁC BẠN, CÁM ƠN CÁC BẠN ĐÃ GHÉ THAM QUAN VÀ ỦNG HỘ DUNGHENNESSY





    DUNGHENNESSY XIN CHÀO CÁC BẠN, CÁM ƠN CÁC BẠN ĐÃ GHÉ THAM QUAN VÀ ỦNG HỘ DUNGHENNESSY



    Rất đơn giản, bạn chỉ cần đăng nhập vào blog > Chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào

    <div align="center">
    <strong>
    </strong><table style="width: 500px; height: 375px;" bgcolor="#52F3FF" cellpadding="10"><tbody>
    <tr> <td style="color: rgb(174, 24, 112); font-weight: bold;">
    <table style="width: 500px; height:375px;" background="http://dl.glitter-graphics.net/pub/2310/2310691tdj3i5mvr9.gif" bgcolor="#000000" border="1" cellpadding="0" cellspacing="3"><tbody>
    <tr> <td style="color: rgb(174, 24, 112); font-weight: bold;">
    <div />
    <div align="center">
    </div>
    <div align="center">
    <font color="#FF0000" size="3">Nhập nội dung muốn hiển thị trên ảnh vào đây</font></div>
    <div align="center">
    </div>
    </div>
    </td></tr>
    </tbody></table>
    <strong></strong>
    </td></tr></tbody></table></div>
    Bây giờ, bạn thay đổi các dòng lệnh màu đỏ và màu xanh theo ý của mình và bấm Lưu lại là xong. Trong đó:
    Width: 500px; height: 375px; bgcolor="#52F3FF" : chiều rộng chiều cao và màu nền của ảnh.
    Width: 500px; height: 375px; background="http://dl......gif": chiều rộng chiều cao và link ảnh
    Font color="#FF0000" size="3": màu của chữ và kích cỡ của chữ.
    Các bạn có thể VÀO ĐÂY để kiếm cho mình một số ảnh động hoặc một số background động...


    Chúc các bạn vui


    TẠO BẢNG QUẢNG CÁO TRƯỢT DỌC Ở 2 BÊN BLOG

    Trên một số Web/Blog, các bạn sẽ bắt gặp một số bảng quảng cáo để quảng bá thương hiệu hoặc hình ảnh nào đó. Với thủ thuật hôm nay, tôi xin chia sẻ với các bạn code thủ thuật gắn 2 bảng quảng cáo ở 2 bên Blog, bảng quảng cáo này sẽ trượt dọc với blog khi bạn di chuyển blog và khi click vào mỗi bảng quảng cáo thì bạn sẽ được đưa đến trang Web/Blog đã liên kết. Mời các bạn bấm vào Xem thử phía dưới để thấy rõ hơn






    Xem thử



    Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.




    <div style="position: fixed; right: 0%; top: 0%;">
    <a href="http://www.dunghennessy.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji2ZNBLEbF1uxv7R1I-P-yG2Pfb5HzAzSW8W5Bz-acUbCg_rEKKyQHKwfALv-luhroUmiLWcDRShQD766G682Sln1e8fe0KebBo38HYcyQneV2-UKKe8X5VwGQ1RHSAgR0eVFq7zWbEt4/s1600/www.loogix.com_9786918.gif" /></a></div>
    <div style="left: 0%; position: fixed; top: 0%;">
    <a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8iCAFGhBqlwsnGFW6x1XLK2_ElefFnYB8p-0QHsZp6X0lpzmtMBQtaDII4R76kYa-WwoZDE_i_HF2zWKJUgBSWsuF3JVQae2d9vrczk_kXQDX1lUuV8_SAKmjYu7fImkN4lAusLAEqlY/s1600/www.loogix.com_9786920.gif" /></a></div>


    Bây giờ, bạn thay đổi các dòng lệnh màu đỏ:
    "http://www.dunghennessy......com" hoặc "http://www.anh...com" : Link liên kết đến trang Web/Blog
    và các dòng lệnh màu xanh:
    "http://2bp......gif" và "http://4bp...gif" : Linh ảnh bảng quảng cáo
    Cuối cùng bấm LƯU lại là xong

    Các bạn nên chèn ảnh quảng cáo là ảnh động thì sẽ dễ bắt mắt và dễ gây chú ý đến khách tham quan hơn
    Chúc các bạn thành công




    CHỮ "MERRY CHRISTMAS" CHẠY DỌC THEO BLOG

    Để blog của mình thêm sinh động chuẩn bị đón ngày "Noel", các bạn có thể gắn chữ "Merry Christmas" lên Blog và chữ "Merry Christmas" này sẽ trượt dọc theo Blog. Đi kèm với chữ "Merry Christmas" Blog của bạn còn có một trận "Tuyết rơi" cho toàn Blog đúng nghĩa mùa "Noel", chiều rơi của những bông tuyết này sẽ ngược hoặc cùng chiều với chiều rê con chuột, có nghĩa là khi chuột rê qua phải thì hướng tuyết rơi sẽ qua trái hoặc qua phải (tuỳ theo lần load trang).
    Mời bạn bấm vào Xem thử phía dưới để trải nghiệm trước.





    Xem thử


    Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào và bấm Lưu lại là xong.

    <div style='position: fixed; top: 0%; right: 0%;'/>
    <a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJF40dcsfOmyau29BjhpBmyKJbHEBdKpzescwk4FXKpgTqhOWfekJW74vEX3p4Tedps88uxA36AbqhcPtKVRHYFe3I9jaDcB2BFXUnaEX6kyHT_SPEhpsQRnDFudX6R8eHN7GnzQCaeEU/s1600/15.gif"/></a>
    </div>
    <script type="text/javascript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectpart2by-www.bloggertricksandtoolz.com.js" />
    <!-- customize the snowStorm object -->
    <script type="text/javascript">
    snowStorm.snowColor = '#99ccff'; // blue-ish snow!?
    snowStorm.flakesMaxActive = 96; // show more snow on screen at once
    snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
    </script>

    Nếu không thích chữ "Merry Christmas" này, bạn có thể thay đổi nhiều kiểu chữ "Merry Christmas" khác bằng cách thay link màu xanh thành link ảnh của bạn. Các bạn VÀO ĐÂY để kiếm cho mình các kiểu chữ "Merry Christmas" khá đẹp...
    Ngoài ra, bạn cũng có thể thay hoặc thêm nhiều hiệu ứng rơi khác cho Blog xem TẠI ĐÂY
    Để đẹp hơn nữa, bạn cũng có thể gắn những hình động là những biểu tượng cho ngày "Noel" như: quà Giáng Sinh, cây thông, quả châu, Ông già Noel, Người Tuyết... chạy theo con trỏ chuột, xem TẠI ĐÂY.

    Chúc các bạn và gia đình có một ngày Giáng Sinh vui vẻ và hạnh phúc.

    CHỮ "MERRY CHRISTMAS" VỚI HIỆU ỨNG ĐỘNG

    Để trang trí cho Blog mình trong mùa Giáng Sinh, bạn có thể Add vào Blog mình các chữ "Merry Christmas", với sự hỗ trợ của phần mềm nước ngoài tôi đã làm một số chữ "Merry Christmas" với hiệu ứng động khá đẹp mắt, mời bạn xem thử các chữ phía dưới 













    Bạn bấm phải chuột vào hình chọn Save as để tải về
    Các bạn có thể VÀO ĐÂY để chọn cho mình một số kiểu chữ khác.

    Chúc các bạn và gia đình vui vẻ và hạnh phúc trong ngày Giáng Sinh

    TẠO CHỮ CHẠY TRONG KHUNG CÓ VIỀN MÀU

    Bạn có thể dễ dàng gởi những thông điệp hay những dòng thông báo ngắn cho khách tham quan bằng những dòng chữ chạy, và các dòng chữ chạy này sẽ nằm gọn trong một khung có 4 đường viền màu bao quanh.
    Các bạn bấm vào Xem thử phía dưới để thấy rõ hơn.






    Xem thử



    Chỉ cần một đoan code ngắn, bạn sẽ làm được điều này. Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.


    <marquee direction="right" style="border:Blue 2px SOLID">dunghennessy xin chào các bạn</marquee>



    Bây giờ, các bạn thay đổi các chữ màu đỏ theo ý mình
    Chữ "right" : chữ chạy từ bên tay phải, bạn có thể đổi thành "left" (chạy từ bên trái), "up" (chữ chạy lên), "down" (chữ chạy xuống)...
    Chữ "Blue" : đường viền màu xanh, bạn có thể thay đổi thành "Red" (màu đỏ), "Green" (màu xanh lá), "Yellow" (màu vàng), "Pink" (màu hồng), "Black" (màu đen), "White" (màu trắng)...
    Thay dòng chữ dunghennessy xin chào các bạn thành các dòng chữ mà mình muốn hiển thị. Cuối cùng bấm Lưu lại và quay trở vào Blog xem thành quả nha!!!

    Chúc các bạn vui

    HIỂN THỊ TỔNG SỐ BÀI VÀ SỐ COMMENTS TRÊN BLOG

    Với thủ thuật này, trên blog của bạn sẽ có một tiện ích thống kê tổng số các bài đã đăng và tổng số các bình luận (comments) trên blog. Tiện ích này sẽ tự động cập nhật khi bạn đăng bài mới hoặc có comments mới. Tiện ích này có hình dáng như hình cạnh bên.


    Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.





     
    <script style="text/javascript">
    function showpostcount(json) {
    document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
    + '</b></center>');}</script>
    <script src="http://dungheineken.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
    <script style="text/javascript"></script>

    <script style="text/javascript">
    function numberOfComments(json) {
    document.write('<center>Tổng số bình luận: <b>' + json.feed.openSearch$totalResults.$t +
    '</b></center>');}</script>
    <script src="http://dungheineken.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

    Bây giờ, bạn thay đổi địa chỉ của blog mình vào 2 dòng lệnh màu đỏ phía trên và bấm Lưu lại là xong


    Chúc các bạn thành công




    HIỆU ỨNG RƠI CHO TOÀN BLOG


    Có nhiều cách để bạn trang trí cho blog mình thêm sinh động như: "sắm" đồng hồ hoặc một cuốn lịch dễ thương, tạo banner động, hình nền cho toàn blog...
    Hôm nay, tôi xin giới thiệu với các bạn một thủ thuật khá hay là: Tạo hiệu ứng hình ảnh (động hoặc tĩnh) rơi trên toàn blog.
    Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)






    Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các code phía dưới vào và bấm Lưu lại




    <script type="text/javascript">
      //Configure below to change URL path to the snow image
      var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/s1600/749701tyjg9brmps.gif"
      // Configure below to change number of snow to render
      var no = 10;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600;
     
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) {
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
            if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
          } else {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
          }
        }
      }

      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
            doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }

        function hidesnow(){
            if (window.snowtimer) clearTimeout(snowtimer)
            for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
        }
          

    if (ie4up||ns6up){
        snowIE_NS6();
            if (hidesnowtime>0)
            setTimeout("hidesnow()", hidesnowtime*1000)
            }

    </script>



    Tiếp theo, bạn thay đổi link ảnh ở dòng lệnh màu đỏ và số lượng ảnh rơi ở dòng lệnh var no=10 theo ý thích của mình rồi bấm Lưu lại là xong.
    Thủ thuật ở trên chỉ áp dụng cho một hình ảnh, còn bạn muốn rơi nhiều ảnh hơn nữa thì xem thủ thuật phía dưới (bấm vào Xem thử phía dưới).





    Bạn cũng đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các code phía dưới vào.





    <marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkOhYdRx8Lmi8uJrZGBL3bjSr7pBSoFy-dUizVJwSh2PAD81kEE989yvQF8Bd7U8_fBg5lzUOh-OuMHF-yfh3UYpGZklmzT7CvyTl6CRTPOWMoqfeP3YmtXGOHBuqlUMylUisThDuEb8/s1600/4.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkOhYdRx8Lmi8uJrZGBL3bjSr7pBSoFy-dUizVJwSh2PAD81kEE989yvQF8Bd7U8_fBg5lzUOh-OuMHF-yfh3UYpGZklmzT7CvyTl6CRTPOWMoqfeP3YmtXGOHBuqlUMylUisThDuEb8/s1600/4.gif&quot;/" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></span></marquee>


    Bây giờ, bạn thay đổi link ảnh ở dòng lệnh màu đỏ và bấm Lưu lại là xong.
    Nếu muốn tìm ảnh động thì mời các bạn VÀO ĐÂY
    Chúc các bạn thành công

    ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT

    Để tạo cho Blog mình thêm sinh động, bạn có thể gắn thêm hình ảnh cho con trỏ chuột, các hình ảnh này sẽ chạy theo con trỏ chuột đến bất kỳ nơi nào trên Blog...
    Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.






    Xem thử



    Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.





    <script type='text/javascript'>
    /* <![CDATA[ */
    if ((document.getElementById) &&
    window.addEventListener || window.attachEvent){
    (function(){
    var e_img = new Image();
    e_img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPzWyOpI_s8F1gdi-Yt_dXGi_HxitOHCa6UKOzlT_ouM5DRc6zdi7HiwSUXE0qUlKP1bczawEMkPV3ft8HC4A31UPiMZMCLnIKvzNKjQEztqRAnQxZlFXlpdkA0JuMaTIEpN_d-o_Zc0/s1600/bats11.gif";
    var p_img = new Image();
    p_img.src = "";
    var idx = document.images.length;
    if ( document.getElementById("pic"+idx) ||
    document.getElementById("ppl1"+idx) ||
    document.getElementById("ppl2"+idx)) idx++;
    document.write('<img id="eyblls'+idx+'" src="'+e_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:150px;height:120px"/>'
    +'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>'
    +'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>');
    var h,w,r,eyeballs,pupil1,pupil2;
    var d = document;
    var my = 0;
    var mx = 0;
    var fy = 0;
    var fx = 0;
    var pix = "px";
    var domWw = (typeof window.innerWidth == "number");
    var domSy = (typeof window.pageYOffset == "number");
    if (domWw) r = window;
    else{
    if (d.documentElement &&
    typeof d.documentElement.clientWidth == "number" &&
    d.documentElement.clientWidth != 0)
    r = d.documentElement;
    else{
    if (d.body &&
    typeof d.body.clientWidth == "number")
    r = d.body;
    }}
    function winsize(){
    var oh,sy,ow,sx,rh,rw;
    if (domWw){
    if (d.documentElement && d.defaultView &&
    typeof d.defaultView.scrollMaxY == "number"){
    oh = d.documentElement.offsetHeight;
    sy = d.defaultView.scrollMaxY;
    ow = d.documentElement.offsetWidth;
    sx = d.defaultView.scrollMaxX;
    rh = oh-sy;
    rw = ow-sx;
    }else{
    rh = r.innerHeight;
    rw = r.innerWidth;
    }
    h = rh;
    w = rw;
    }
    else{
    h = r.clientHeight;
    w = r.clientWidth;
    }}
    function scrl(yx){
    var y,x;
    if (domSy){
    y = r.pageYOffset;
    x = r.pageXOffset;
    }
    else{
    y = r.scrollTop;
    x = r.scrollLeft;
    }
    return (yx == 0)?y:x;
    }
    function mouse(e){
    var msy = (domSy)?window.pageYOffset:0;
    if (!e) e = window.event;
    if (typeof e.pageY == 'number'){
    my = e.pageY - msy;
    mx = e.pageX;
    }
    else{
    my = e.clientY - msy;
    mx = e.clientX;
    }}
    function makefollow(){
    var sy = scrl(0);
    var sx = scrl(1);
    //Keep eyes on screen.
    var chy = Math.floor(fy-50);
    if (chy <= 0) chy = 0;
    if (chy >= h-50) chy = h-50;

    var chx=Math.floor(fx-34);
    if (chx <= 0) chx = 0;
    if (chx >= w-69) chx = w-69;
    //eyeball1 centre.
    var c1y = chy+17;
    var c1x = chx+17;
    //eyeball2 centre.
    var c2y = chy+17;
    var c2x = chx+52;
    var dy1 = my - c1y;
    var dx1 = mx - c1x;//80
    var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
    var dy2 = my - c2y;
    var dx2 = mx - c2x;
    var d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
    var ay1 = my - c1y;
    var ax1 = mx - c1x;
    var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
    var ay2 = my - c2y;
    var ax2 = mx - c2x;
    var angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
    var dv = 1.7;
    var onEyeBall1 = (d1 < 17)?d1/dv:10;
    var onEyeBall2 = (d2 < 17)?d2/dv:10;
    eyeballs.top = chy+sy+pix;
    eyeballs.left = chx+sx+pix;
    pupil1.top = c1y-6+onEyeBall1*Math.sin(angle1*Math.PI/180)+sy+pix;
    pupil1.left = c1x-6+onEyeBall1*Math.cos(angle1*Math.PI/180)+sx+pix;
    pupil2.top = c2y-6+onEyeBall2*Math.sin(angle2*Math.PI/180)+sy+pix;
    pupil2.left = c2x-6+onEyeBall2*Math.cos(angle2*Math.PI/180)+sx+pix;
    }
    function move(){
    dy = fy += (my-fy) * 0.05;
    dx = fx += (mx-fx) * 0.05;
    makefollow();
    setTimeout(move,30);
    }
    function init(){
    eyeballs = document.getElementById("eyblls"+idx).style;
    pupil1 = document.getElementById("ppl1"+idx).style;
    pupil2 = document.getElementById("ppl2"+idx).style;
    winsize();
    move();
    }
    if (window.addEventListener){
    window.addEventListener("resize",winsize,false);
    window.addEventListener("load",init,false);
    document.addEventListener("mousemove",mouse,false);
    }
    else if (window.attachEvent){
    window.attachEvent("onresize",winsize);
    window.attachEvent("onload",init);
    document.attachEvent("onmousemove",mouse);
    }
    })();
    }
    /* ]]> */
    </script>


    Bây giờ, bạn thay đổi các dòng lệnh màu đỏ:
    "http://3.bp............./bats11.gif" : Link ảnh chạy theo chuột của bạn
    Width: 150px Chiều rộng của ảnh
    Height: 120 px Chiều cao của ảnh
    và bấm LƯU lại là xong


    LƯU Ý: Thủ thuật này áp dụng thành công cho giao diện Blog V2 (giao diện tải trên mạng). Nếu giao diện blog của bạn là giao diện mặc định, thì bạn đăng nhập vào Blog > chọn Thiết kế > chọn chỉnh sửa HTML, sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh <head>, bây giờ bạn chép code dán vào sau dòng lệnh <head> đó, bấm Lưu mẫu là xong.



    Các bạn nên chèn ảnh động thì con trỏ chuột sẽ sinh động hơn rất nhiều, các bạn có thể vào đây để chọn cho mình một số ảnh động khá đẹp Ảnh động cho Blog
    Chúc các bạn thành công




    GẮN BẢNG QUẢNG CÁO CÓ NÚT ẨN HIỆN


    Bạn có thể dễ dàng chèn vào Blog mình một bảng quảng cáo giới thiệu về trang Web/Blog nào đó, bảng quảng cáo này sẽ xuất hiện khi một khách bất kỳ vào tham quan blog của bạn và nó sẽ có một nút ẩn hiện nằm ở góc phải của bảng quảng cáo, nếu không muốn xem, các bạn bấm vào nút dấu trừ ( - ) và khi click vào bảng quảng cáo này sẽ đưa các bạn đến đúng trang Web/Blog mà bạn đã liên kết...
    Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.



    Xem thử



    Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.


    <style type="text/css">
            * html div#fl813691 {position: absolute; overflow:hidden;
            top:expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop
            +(documentElement.clientHeight-this.clientHeight)
            : document.body.scrollTop
            +(document.body.clientHeight-this.clientHeight));}
            #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
            #eb951855{ width:279px; padding-right:7px; background:url(http://img98.imageshack.us/img98/9400/rightp.gif) no-repeat right top;}
            #cob263512{background:url(http://img205.imageshack.us/img205/2176/fulld.gif) no-repeat left top; height:150px; padding-left:7px;}
            #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
            #coh963846 a{color:#690;text-decoration:none;}
            #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
                        #coc67178 li{display:inline;}
                        #coc67178 li a{background-image:url(http://img205.imageshack.us/img205/9837/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
                            #coc67178 li a.close{background-position: 0 0;}
                            #coc67178 li a.close:hover{background-position: 0 -15px;}
                            #coc67178 li a.min{background-position: -30px 0;}
                            #coc67178 li a.min:hover{background-position: -30px -15px;}
                            #coc67178 li a.max{background-position: -60px 0;}
                            #coc67178 li a.max:hover{background-position: -60px -15px;}
            #co453569{display:block; margin:0; padding:0; height:123px;  border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
            </style>
             <div id="fl813691" style="height: 152px;">
                <div id="eb951855">
                <div id="cob263512">
                    <div id="coh963846">
                        <ul id="coc67178">
                            <li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="&#7848;n &#273;i">&#7848;n</a></li>
                            <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hi&#7879;n l&#7841;i">Xem </a></li>
                        </ul>
                    dungheinken - dunghennessy
                   </div>
                    <div id="co453569">  
    <!-- code ads -->
    <a target="_blank" href="http://www.dunghennessy.blogspot.com" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzYyuwYX9uR4Hrxm9eZUAZ-5F7sP7ukQ8MEk-VK1xsZDIIIVz6yDicLD4YO6494H3WmdsJC4KrZDcN7mGOBk3N9cbehs3CGdxGK0RdXoSKT8A6KjXrvkcK6M7EmHSAULib6TFSLnTKOtD/s1600/www.loogix.com_9715320.gif" height="115" title="dunghennessy - Thủ thuật blogspot"/></a>
    <!-- code ads -->
                    
    </div>
                </div></div></div>
            <script>
            pf204652bottomLayer = document.getElementById('fl813691');
            var pf204652IntervalId = 0;
            var pf204652maxHeight = 150;//Chieu cao khung quang cao
            var pf204652minHeight = 20;
            var pf204652curHeight = 0;
            function pf204652show( ){
              pf204652curHeight += 2;
              if (pf204652curHeight > pf204652maxHeight){
                clearInterval ( pf204652IntervalId );
              }
              pf204652bottomLayer.style.height = pf204652curHeight+'px';
            }
            function pf204652hide( ){
              pf204652curHeight -= 3;
              if (pf204652curHeight < pf204652minHeight){
                clearInterval ( pf204652IntervalId );
              }
              pf204652bottomLayer.style.height = pf204652curHeight+'px';
            }
            pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
            function pf204652clickhide(){
                document.getElementById('pf204652hide').style.display='none';
                document.getElementById('pf204652show').style.display='inline';
                pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
            }
            function pf204652clickshow(){
                document.getElementById('pf204652hide').style.display='inline';
                document.getElementById('pf204652show').style.display='none';
                pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
            }
            function pf204652clickclose(){
                document.body.style.marginBottom = '0px';
                pf204652bottomLayer.style.display = 'none';
            }
            </script>



    Bây giờ, bạn thay đổi các đường link màu xanh (http://www.dungheineken.blogspot.com.......) là địa chỉ trang Web/Blob mà bạn muốn liên kết, (http://3.bp......gif) link ảnh quảng cáo, (dungheineken - dunghennessy) tiêu đề bảng quảng cáo
    và bấm LƯU lại là xong.
    Mách nhỏ: để bảng quảng cáo thu hút khách tham quan thì bạn nên để hình động (.gif) thì đẹp hơn, nếu muốn làm ảnh động từ các ảnh tĩnh (giống như bảng quảng cáo của tôi) thì bạn VÀO ĐÂY để tạo nha (đây là trang Web hỗ trợ tạo ảnh động Free).

    Chúc các bạn thành công



    Nguồn: Itech Plus