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

Người đăng: Unknown on Thứ Ba, 27 tháng 12, 2011

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


More about

Mình không muốn viết blog nữa

Người đăng: Unknown on Thứ Hai, 26 tháng 12, 2011

Có người nói rằng, “Nếu bạn không viết blog để kiếm sống thì thôi hãy dừng lại. Còn không thì hãy viết blog ít lại”.

Điều đó hoàn toàn đúng.

Nếu viết blog trở thành một gánh nặng thì cũng nên nghĩ đến việc từ bỏ cho xong.

Tuy nhiên một số người sẽ tiếp tục viết blog như thế đấy là bổn phận.

Ai cũng biết các blogger bắt đầu viết blog vì nhiều lý do khác nhau và một khi các nhận xét bắt đầu xuất hiện trên blog thì việc viết blog trở nên thú vị hơn. Chúng ta có thêm những người bạn mới, đọc các blog khác và gặp gỡ giao lưu với người khác trong quá trình phát triển các mối liên hệ thực sự.

Tùy thuộc vào quy mô cộng đồng tạo ra mà chúng ta có thể tự mình tìm thấy vị thế của mình ở nơi ấy.

Tôi muốn từ bỏ viết blog, nhưng tôi có những độc giả đang phụ thuộc vào tôi. Hoặc …

Vâng. Câu đó hoàn toàn đúng.

Khi bạn viết blog, những người đến đọc thường có những kỳ vọng nhất định đối với bạn.

Tuy nhiên, mình không nghĩ bạn cảm thấy phải có bổn phận viết blog (trừ khi đó là công việc bạn được trả tiền) mà cũng không nên cảm thấy bạn là người bỏ cuộc nếu bạn dừng lại.

Những gì chúng ta chia sẻ đều có thể giúp người khác và những mối liên hệ chúng ta tạo ra trên mạng là những mối liên hệ chân thực. Nếu trái tim chúng ta không còn ở trong đó thì niềm vui viết blog cũng mất đi, khi đó có thể đến lúc phải đánh giá lại vị thế là blogger của chúng ta.

Cũng giống như đời người, nghiệp viết blog cũng có một tuổi thọ và đối với một số trường hợp nó có thể rất ngắn ngủi.

Vậy thì theo bạn, mình có nên từ bỏ nghiệp viết blog hay không?

Bạn đã từng nghĩ đến việc từ bỏ viết blog?

Điều gì đã thay đổi ý định của bạn?

Bạn có còn quan tâm chia sẻ với người khác?
More about

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

Người đăng: Unknown on Chủ Nhật, 25 tháng 12, 2011

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


More about

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

Người đăng: Unknown on Thứ Sáu, 23 tháng 12, 2011

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/AVvXsEgnWeGN-h4DglSLSY6xchTlV7YCnQZ8vT0l_1vJEF2DfiR0LNJECzJKYb09YWDR8cwfmylyK2KFejAjKIDM4RIHVQwJSGffmf_3yY44LKVBTsfYUhsDFmGLjpOBKBXr9uc6budWKkOrfOc/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/AVvXsEg7baMoiXd0-p-2SW-WkcWB_u1osudaDf2xZN5SqeGIM22I11qy76RMvRLq2mTZhu-5tERKynZsMJun97XzCiccD1oYMNSTU-E2pHiaeftyx-zlUQxNImiuYeB00HnZbZu1haagzOgGYFU/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




More about

FLASH ĐẸP NOEL (PHẦN 4)

Người đăng: Unknown on Thứ Sáu, 16 tháng 12, 2011

Để 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 031









Thiệp 032










Thiệp 033











Thiệp 034











Thiệp 035










Thiệp 036










Thiệp 037










Thiệp 038










Thiệp 039










Thiệp 040



More about

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

Người đăng: Unknown on Thứ Năm, 15 tháng 12, 2011

Để 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/AVvXsEgdYDMgRaqiLkZmbjR1TzDZ3tBIqvt0wEFORVCtpAboJuSslY9cs-3rBp7sOYUYL9WoInZWWjRS2tpZtkEbtaEimYJ3My2Tyr_Sgp0adwCwoSfoltBYAMl9gPdrhbH7bwdgw7gqetnstnCa/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.
More about

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

Người đăng: Unknown

Để 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
More about

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

Người đăng: Unknown on Thứ Ba, 13 tháng 12, 2011

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
More about

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

Người đăng: Unknown

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




More about

FLASH ĐẸP NOEL (PHẦN 3)

Người đăng: Unknown on Thứ Hai, 12 tháng 12, 2011

Để 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



More about

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

Người đăng: Unknown on Chủ Nhật, 11 tháng 12, 2011


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/AVvXsEilE0Dp784mkmpaLArIFsIrUseFhfvn3QmTBBE7Qx8ELzAHD6lL2pS0PPVz4USI2NUXkcFkNPyBSGs-nQ_1xRO9FPJBCqazGiyStGgN1EgiAagyiX4mRtjNVywdlPuzfXgCPdYXCMgpltY/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/AVvXsEgALZlw5gQgDDKYuGUtykf0miNaFi6PpM2iV6KP9dgP_MVV-R9_TyiyBJPQr_KnBqwHzSTqhMBafPpRhyphenhyphenuN7GGnpdZdVO4DmJWMVjZnDpP0DY0BqkIRq-lIVTiWhruHSbJfzkEKOwseF_o/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEgALZlw5gQgDDKYuGUtykf0miNaFi6PpM2iV6KP9dgP_MVV-R9_TyiyBJPQr_KnBqwHzSTqhMBafPpRhyphenhyphenuN7GGnpdZdVO4DmJWMVjZnDpP0DY0BqkIRq-lIVTiWhruHSbJfzkEKOwseF_o/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEilE0Dp784mkmpaLArIFsIrUseFhfvn3QmTBBE7Qx8ELzAHD6lL2pS0PPVz4USI2NUXkcFkNPyBSGs-nQ_1xRO9FPJBCqazGiyStGgN1EgiAagyiX4mRtjNVywdlPuzfXgCPdYXCMgpltY/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEilE0Dp784mkmpaLArIFsIrUseFhfvn3QmTBBE7Qx8ELzAHD6lL2pS0PPVz4USI2NUXkcFkNPyBSGs-nQ_1xRO9FPJBCqazGiyStGgN1EgiAagyiX4mRtjNVywdlPuzfXgCPdYXCMgpltY/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEilE0Dp784mkmpaLArIFsIrUseFhfvn3QmTBBE7Qx8ELzAHD6lL2pS0PPVz4USI2NUXkcFkNPyBSGs-nQ_1xRO9FPJBCqazGiyStGgN1EgiAagyiX4mRtjNVywdlPuzfXgCPdYXCMgpltY/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEilE0Dp784mkmpaLArIFsIrUseFhfvn3QmTBBE7Qx8ELzAHD6lL2pS0PPVz4USI2NUXkcFkNPyBSGs-nQ_1xRO9FPJBCqazGiyStGgN1EgiAagyiX4mRtjNVywdlPuzfXgCPdYXCMgpltY/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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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/AVvXsEifR4HICPOKMa-OduI9Hcgg8TZFegSRr1vY8I-CLjjdVKARzagN2YBuNpMUFXhV8P0xRXypRD4y58MBTW-ffRwNn_etE4iBZyuNBhN1P-dZtfkgr5m8SZ9NwnZ2Y3j98bwAtAcB6FQMq-M/"/></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

More about

Petkute Blogger

Người đăng: Unknown on Thứ Bảy, 10 tháng 12, 2011

Định rip làm trang Auto Game thấy kute lại làm site truyện, post đc 2 bộ truyện chán lại bỏ =))
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.

Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))

Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)


Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)
More about

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

Người đăng: Unknown on Thứ Ba, 6 tháng 12, 2011

Để 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/AVvXsEhhxNZCY7WDowQsVwV1-EldTk6ZJesVsmVR3FAjjzaAe5UAYSr-iLNUnJKI-UCZkLFePQd0kv_OE8PXFf-TnKK34D5t6ZpNJw053OU6TCNuoyTr0tT_CBkf8PmnOrWheZddSakdZ-uQfKw/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




More about

FLASH ĐẸP NOEL (PHẦN 2)

Người đăng: Unknown on Thứ Bảy, 3 tháng 12, 2011

Để 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



More about

FLASH ĐẸP NOEL (PHẦN 1)

Người đăng: Unknown on Thứ Năm, 1 tháng 12, 2011

Để 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



More about

HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 7)

Người đăng: Unknown on Thứ Hai, 28 tháng 11, 2011


Với thủ thuật này, số lượng các bài viết trong cùng một nhãn sẽ hiển thị (do bạn quyết định) thành 2 cột trong khung tiện ích. Mỗi bài viết sẽ hiển thị một hình đại diện nhỏ đi kèm với tiêu đề, khi bạn rê chuột vào một tiêu đề bất kỳ thì sẽ xuất hiện thêm một bảng nhỏ ghi ngày tháng xuất bản, số lượng comments và vài dòng tóm tắt của bài viết.
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ế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh  ]]></b:skin>  và dán tất cả code phía dưới trên dòng lệnh ]]></b:skin> và bấm Lưu mẫu.






/*Tooltip*/
#osdhtmltooltip{
border: #999 1px solid;
padding: 4px;
font-size: 10pt;
z-index: 100;
left: -300px;
visibility: hidden;
width: 350px;
font-family: Arial;
position: absolute;
background-color: #fcfee4;
text-align: left;
}
#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}

#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}

Bạn có thể thay đổi độ rộng của tiện ích ở phần Width: 350px
Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.






<script src="http://dl.dropbox.com/u/66348944/System_Tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
numposts = 12; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "THỦ THUẬT INTERNET";
home_page = "http://www.dungheineken.blogspot.com/";
</script>
<div id="rc-posts-2-col"><h3>Thủ thuật Internet</h3><div id="rc-posts-loading"><img align='absmiddle' src='http://lh6.ggpht.com/_btztxrwc9ik/tsw3lpdf6yi/aaaaaaaage0/lkhkccqnwvw/loading-related.gif'/></div>
<script src="http://dl.dropbox.com/u/66348944/tooltip-rc-post-2cot.js" type="text/javascript"></script>
</div>



Bây giờ, bạn có thể thay đổi các giá trị ở các dòng màu đỏ để phù hợp với blog của mình (có ghi chú trên code)


Lưu ý: Ở code thứ hai, số bài viết hiển thị trong tiện ích phải bằng hoặc nhỏ hơn số lượng bài thực tế trong nhãn (numpost), và các bạn phải điền thật chính xác tên nhãn và đường link địa chỉ blog của mình thì nó mới hiển thị, nếu không nó sẽ bị lỗi ra một khung trắng (không hiển thị).


Nguồn: Trai đất mũi
More about

TẠO BẢNG THÔNG BÁO CHO BLOG (KIÊU 2)

Người đăng: Unknown on Chủ Nhật, 27 tháng 11, 2011

Với bảng thông báo kiểu 2 này, nội dung sẽ được ẩn hiện do tác động vào nút bấm. Khi bấm vào nút "Bấm vào đây để xem thông báo" thì nội dung thông báo sẽ hiển thị phía dưới, nếu không muốn xem nữa, bạn bấm "Đóng thông báo lại", bạn bấm vào xem thử phía dưới nha.




Xem thử



Thủ thuật này khá đơn giản, chỉ cấ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 đoạn code phía dưới vào







Bây giờ, bạn nhập nội dung thông báo vào và bấm Lưu lại là xong
More about

TẠO MENU DỌC CÓ HIỆU ỨNG ĐỘNG

Người đăng: Unknown on Thứ Sáu, 25 tháng 11, 2011

Trước đây, tôi có chia sẻ với các bạn các mẫu menu dọc cho Blogspot (xem TẠI ĐÂY), hôm nay tôi giới thiệu đến các bạn một mẫu menu dọc khá đẹp, khi sử dụng menu này, bạn rê chuột vào một menu bất kỳ thì menu đó sẽ có hiệu ứng lật và chuyển đổi màu khá mướt. Các bạn bấm vào Xem thử phía dưới để xem trước nha.





Xem thử



Thủ thuật này khá là đơn giả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" src="http://dl.dropbox.com/u/66348944/Jquery1.3.2.js"></script>
<script src="http://dl.dropbox.com/u/66348944/flipmenu.js" type="text/javascript"> </script>
<style>
.flipmenu {
font-family: Times new roman;
font-size: 16px;
font-weight: bold;
position: relative;
}

.flipmenu_box {
overflow: hidden;
position: relative;
}

.flipmenu_link,.flipmenu_link_over,.flipmenu_link_active {
width:250px;
text-decoration: none;
text-shadow:1px 1px 1px #fff;
text-transform: uppercase;
color: #000000;
cursor: pointer;
margin-top:2px;
padding: 6px;
position: absolute;
background: #fdd78d;
background: -moz-linear-gradient(top, #fbdc88 0%, #fbbf57 50%, #fac319 51%, #fb9709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdc88), color-stop(50%,#fbbf57), color-stop(51%,#fac319), color-stop(100%,#fb9709)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc88', endColorstr='#fb9709',GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.flipmenu_link_over,
.flipmenu_link_active {
text-decoration: none;
text-shadow:1px 1px 1px #eee;
color: #fa0320;
background: #aebcbf;
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
</style>

<div id="flip_menu">
<a href="#">● Thủ thuật Windows 7</a>
<a href="#">● Thủ thuật Windows XP</a>
<a href="#">● Thủ thuật Internet</a>
<a href="#">● Thủ thuật USB</a>
<a href="#">● Thủ thuật Yaoo-Gmail</a>
<a href="#">● Thủ thuật Windows</a>
<a href="#">● Thủ thuật Blogspot</a>
<a href="#">● Chuyên đề máy tính</a>
<a href="#">● Tổng hợp</a>
<a href="#">● Linh tinh</a>
</div>



Bây giờ, bạn thay đổi các dấu "#" màu xanh thành các địa chỉ tương ứng của các menu và thay đổi các tiêu đề hiển thị trên menu (các dòng chữ màu xanh) theo ý thích của bạn, ngoài ra bạn còn có thể thay đổi:
* Width: 250px (chiều rộng của tiện ích).
* Cỡ chữ hiển thị trên menu (Font-size:16px)

và bấm LƯU lại là xong



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



Nguồn: Trai đất mũi
More about

THAY ĐỔI GIAO DIỆN CHO BLOGGER

Người đăng: Unknown on Thứ Năm, 24 tháng 11, 2011

Một trong những điều kiện để đem đến sự thành công cho một Blogger, ngoài nội dung đặc sắc, phong phú được cập nhật thường xuyên thì hình thức giao diện cũng là một trong những yếu tố cần được các bạn quan tâm. Với giao diện đẹp bóng bẩy, bố cục gọn gàng, màu sắc hài hoà trang nhã sẽ thu hút khách tham quan, làm tăng lượt truy cập vào blog. 
Bạn có thể dễ dàng tìm kiếm một giao diện ưng ý tại thẻ Trình thiết kế mẫu được Blogger cung cấp sẳn (đăng nhập vào Blog > chọn thiết kế > chọn trình thiết kế mẫu). Nếu vẫn chưa hài lòng, bạn có thể truy cập VÀO ĐÂY để chọn cho mình một Themes đẹp. Trang Web này cung cấp cho bạn một số mẫu Themes đẹp, lạ mắt với nhiều bố cục tuỳ chọn (1 cột, 2 cột, 3 cột, cột bên trái, bên phải...), bạn có thể trải nghiệm thử bằng cách bấm trái chuột vào mẫu themes và chọn Demo để xem thử, nếu vừa ý bạn bấm Download để tải mẫu themes đó về máy tính. Khi tải về, bạn giải nén sẽ thu được một files có đuôi .Xml.


Để bắt đầu đổi thems mới, bạn đăng nhập vào Blog > chọn thiết kế > chọn chỉnh sửa HTML


Tại trang chỉnh sửa HTML, bạn bấm thẻ Duyệt để duyệt đến file .Xml mà bạn vừa tải về, sau đó bấm thẻ Tải lên để đổi giao diện. Bạn chờ một lát, khi hoàn thành xong Blogger sẽ báo cho bạn các tiện ích cần giữ lại hoặc xoá nó đi (tuỳ theo mục đích sử dụng, bạn chọn giữ lại hoặc xoá đi cũng được), cuối cùng bấm Lưu mẫu và đăng nhập vào Blog để xem giao diện mới của mình.


nếu bạn đang sử dụng giao diện mới của Blogspot thì bạn phải đăng nhập vào Blog > Chọn MẪU, sau đó bấm vào thSAO LƯU/PHỤC HỒI ở phía trên cùng bên phải đđi đến thBROWSE, các bước còn lại giống như hướng dẫn ở trên.

 
Trước khi đổi theme mới, nếu bạn muốn giữ lại theme cũ để sau này dùng đến, bạn đăng nhập vào Blog > chọn thiết kế > chọn chỉnh sửa HTML và bấm thẻ Tải mẫu xuống đầy đủ. Khi tải về, bạn cũng được 1 files có đuôi .Xml, bạn lưu giữ nó vào máy tính, bây giờ bạn có thể yên tâm để thử nghiệm các mẫu theme mới, nếu không thích mẫu mới bạn có thể sử dụng lại mẫu cũ bằng các bước tương tự như trên.
Với các bước kể trên, hy vọng các bạn có thể tạo cho mình một Blogger có giao diện vừa ý...
Chúc các bạn thành công.
More about