Tuesday, December 13, 2011

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




Monday, December 12, 2011

FLASH ĐẸP NOEL (PHẦN 3)

Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.









Thiệp 021








Thiệp 022








Thiệp 023









Thiệp 024









Thiệp 025









Thiệp 026








Thiệp 027








Thiệp 028








Thiệp 029








Thiệp 030



Sunday, December 11, 2011

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/AVvXsEhvCk7EVFY1qjbByOHs-mzZaggj3dlHWWH5SbnEOLjj2u7Ow2fQ0hwlfISRcRnMA8Lbrxz0PrOT3qyjn2BEh5d-jpxn8DxD_WwEQV0IhQ24mpoCn1PbXmg8ZloilgSe5JECvKaQhnx3wi4/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/AVvXsEigMQ_lpO8u_2VVzkiPssXHzM8UXgbxHWk5EOk8S8BjJfIhsqQ3UC1MOXdwUcLDY9TyfexWlOXSPXiSEpp6vHh6L1cwXItmDP1UrCCcOgjmKFPpxg5-LeMPxmahWksewsUyuzIWhx1er6Q/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEigMQ_lpO8u_2VVzkiPssXHzM8UXgbxHWk5EOk8S8BjJfIhsqQ3UC1MOXdwUcLDY9TyfexWlOXSPXiSEpp6vHh6L1cwXItmDP1UrCCcOgjmKFPpxg5-LeMPxmahWksewsUyuzIWhx1er6Q/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEhvCk7EVFY1qjbByOHs-mzZaggj3dlHWWH5SbnEOLjj2u7Ow2fQ0hwlfISRcRnMA8Lbrxz0PrOT3qyjn2BEh5d-jpxn8DxD_WwEQV0IhQ24mpoCn1PbXmg8ZloilgSe5JECvKaQhnx3wi4/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEhvCk7EVFY1qjbByOHs-mzZaggj3dlHWWH5SbnEOLjj2u7Ow2fQ0hwlfISRcRnMA8Lbrxz0PrOT3qyjn2BEh5d-jpxn8DxD_WwEQV0IhQ24mpoCn1PbXmg8ZloilgSe5JECvKaQhnx3wi4/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEhvCk7EVFY1qjbByOHs-mzZaggj3dlHWWH5SbnEOLjj2u7Ow2fQ0hwlfISRcRnMA8Lbrxz0PrOT3qyjn2BEh5d-jpxn8DxD_WwEQV0IhQ24mpoCn1PbXmg8ZloilgSe5JECvKaQhnx3wi4/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEhvCk7EVFY1qjbByOHs-mzZaggj3dlHWWH5SbnEOLjj2u7Ow2fQ0hwlfISRcRnMA8Lbrxz0PrOT3qyjn2BEh5d-jpxn8DxD_WwEQV0IhQ24mpoCn1PbXmg8ZloilgSe5JECvKaQhnx3wi4/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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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/AVvXsEj60t5Kq39-UYbISzL-YNPXvwccrswYbPL2Y3O-WRkOdkRoanaBLNPwfA9IIVyedcTfWe5uMbAj3yu_tO4gfhScs_jGTt-63WO3kx_bDIST_rrB69v6C3P-Ak2gJMe4BTBbTOMe5vyo2FE/"/></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

Tuesday, December 6, 2011

Ả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/AVvXsEhiPPE9OKWkBQxauzw6rOwDG9DgGZjI-6IUvNOzyfF-S90KYSM_KcPUVj4qjhg7kyXAxd60Xg3_oZzvoio4Rh2Z5TU_UAeceEODU4HXf0Q28N33xSNtm3PI_aSw_my9AYGnCDNDBKWy5Sk/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




Saturday, December 3, 2011

FLASH ĐẸP NOEL (PHẦN 2)

Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.









Thiệp 011







Thiệp 012







Thiệp 013







Thiệp 014







Thiệp 015







Thiệp 016







Thiệp 017







Thiệp 018







Thiệp 019







Thiệp 020



Friday, December 2, 2011

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/AVvXsEgBlU10Vqh_5qjh4shWCp-zRSe33QVdGU8CUMdzp_1kXHSjtOlGGGgNAOpBV3xAE3hKvB36HEGtEi0RxfGLnCdxnYkAuU3u99z5j9VKVIeo4V_-CHDKMi6U00Bfbn8C_a5rjme9FXLJyO_U/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

Thursday, December 1, 2011

FLASH ĐẸP NOEL (PHẦN 1)

Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.







Thiệp 001





Thiệp 002





Thiệp 003





Thiệp 004





Thiệp 005





Thiệp 006





Thiệp 007





Thiệp 008





Thiệp 009





Thiệp 010