Bài đăng

Hiển thị các bài đăng có nhãn Blog Hiệu ứng

Tạo hiệu ứng cho link liên kết phần 2

Hình ảnh
` Hôm nay, ketoanthanhtu tiếp tục chia sẻ với các bạn cách tạo hiệu ứng cho link liên kết (phần 2). Với phần 2 này, khi các bạn rê chuột vào mỗi link liên kết thì sẽ có các chữ hoặc các symbol toả ra khá đẹp và ngộ nghĩnh. Mời bạn bấm vào Xem thử phía dưới để thấy rõ hơn hiệu ứng này. Xem thử Để làm được điều này, các bạn đăng nhập vào blog > Chọn thiết kế (nếu sử dụng giao diện mới thì các bạn chọn thẻ Bố cục ), sau đó thêm tiện ích HTML/Javacript. Sau đó dán toàn bộ các code dưới vào. <script> /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE ///////////////////////////////////////////////////////////////////////////        // Đặt số lượng chữ hiển thị theo ý thích của bạn  var sparklenumber=20 // Đặt lại font chữ theo ý thích của bạn var sparklefont=new Array("Arial","Times","Comic Sans MS") // Đặt lại kích thước chữ theo ý thích của bạn var sparklesize=new Array(5,10,15,20) // Đặt lại mã...

Cách tạo box Like facebook ẩn hiện bên trái Website, Blogspot

Hình ảnh
     Có nhiều cách để hiển thị box like facebook, ở đây mình không nói đến những cách đơn giản để tạo ra một box like Facebook cho blog hay website của bạn, mà ở đây thủ thuật này dùng Jquery để tạo Box like Facebook ẩn hiện bên trái hoặc bên phải Website, Blog. Thủ thuật này giúp tiết kiệm diện tích hiển thị trên blog và tạo cho blog của bạn chuyên nghiệp hơn.       Live Demo:  Tại đây  (Rê chuột vào ảnh Facebook bên trái Blog)      Cách làm: Các bạn chỉ cần copy đoạn code bên dưới và dán vào Mẫu, hoặc trong một widget bất kỳ trong Bố cục (Đối với blog). <style> #facebook_div{ width:300px; height: 271px; overflow: hidden;} #facebook_left{ z-index: 100; border: 5px solid #3B5998; background-color: #fff; width: 300px; height: 271px; position: fixed; left: -308px; border-radius:5px 5px 5px 5px; } #facebook_left img {position: absolute;top: 5px;left: 300px;} #facebook_left div .fb-like-box {border:0px solid #3c95d9...

Tạo hiệu ứng chuột đẹp cho blog: hiệu ứng 3 màu xoay quanh chuột

Hình ảnh
     Với đoạn code dưới đây, con trỏ chuột của bạn được "tô điểm" xung quanh "nó" 3 màu sắc khác nhau, 3 màu sắc này sẽ xoay quanh con trỏ chuột với hiệu ứng hình xoắn ốc khá đẹp.     Bạn có thể xem thử con trỏ chuột của ketoanthanhtu nha.      Thủ thuật này chỉ áp dụng cho các Blog sử dụng giao diện V2 (giao diện được tải trên mạng về), không áp dụng cho giao diện mặc định của Blogspot...      Bạn chỉ cần  đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML   (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML)  rồi dán đoạn code phía dưới vào. <script type="text/javascript">  if  ((document.getElementById) &&  window.addEventListener || window.attachEvent){ (function(){ //Configure here... var xCol = " #ff0000 "; var yCol = " #ffffff "; var zCol = " #0000ff "; var n = 6;   //number of dots per trail. va...

Ảnh động chạy theo con trỏ chuột

Hình ảnh
Để 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/AVvXsEiX6CcfavApCIC_XQyPikeWrYG5zD3h1_FWeVFnONTZ6Ip1PXP4PGw4UZ1o8AcmxGG12Ye5ZGNrLZjhMttIgl7lOW1Xd7-N3IB4HIXpH4h3rcJ_Mki5yO5LbQdUoXz89CTgUigCEdDjt04/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...

Cách upload và chèn file flash vào Blog

Hình ảnh
[right-post] UP LOAD VÀ CHÈN FILE FLASH NHƯ THẾ NÀO? Trước đây, tôi có chia sẻ với các bạn phần mềm tạo Banner flash động để trang trí cho Blog. Sau khi tạo xong file flash, các bạn phải up load files flash này lên host để lấy link chèn vào blog. Hiện tại thì có rất nhiều host free để các bạn sử dụng nhưng tôi thường sử dụng Google Sites . Hôm nay, tôi chia sẻ với các bạn cách upload files Flash và code để các bạn chèn file Flash vào Blog. Đầu tiên, bạn VÀO ĐÂY và đăng nhập bằng tài khoản Gmail của mình. Bước kế tiếp, bạn tạo cho mình một trang Web mới (chủ yếu để mình upload file Flash nên bạn không cần chú ý đến giao diện hoặc bố cục của trang Web này).        Sau khi tạo được trang Web mới, bạn đăng nhập vào trang Web bấm chọn thẻ Tác vụ khác và chọn Quản lý trang Web .        Tiếp theo một trang mới xuất hiện, bạn chọn mục Tài liệu đính kèm nằm ở khung bên trái của trang Web.        Kế tiếp, bạn bấm thẻ Tải lên ở menu t...

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

Hình ảnh
     Ngày càng đến gần ngày Noel, không khí ngày càng lạnh. Thành phố Hồ Chí Minh nay trời âm u cả ngày, ra đường se se lạnh mang cho con người ta cảm giác Giáng sinh đang đến gần. Tạo giàn chuông Giáng sinh trang trí cho Blogspot       Tiếp tục tiết mục  trang trí Giáng sinh  đầy độc đáo và màu sắc cho Blogspot, sau khi đã giới thiệu với các bạn cách làm ông già Noel chạy tung tăng trong blog của mình và cách làm tuyết rơi, thì hôm nay,  _Thanh Tú_  sẽ hướng dẫn các bạn làm một  dàn chuông Giáng sinh có âm thanh  khi rê chuột vào treo trên cùng của web (Như blog của mình chẳng hạn). Không quá rườm rà, lại cực kỳ độc đáo. Cùng theo dõi nhé: Xem thêm:  Cách tạo ông già Noel trang trí Giáng sinh Hướng dẫn trang trí Giáng sinh với dàn chuông độc đáo - Như thường lệ ở các bài viết  thủ thuật Blogspot  mà _CTPG_ đã giới thiệu, đầu tiên luôn là truy cập vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML). - Sau đó, hãy...