26 thg 3, 2016

Tạo Image Slider với ảnh Thumbnails bằng CSS3 cho Blogger

Image galleries/sliders đặc biệt hữu ích cho các photoblogs, nó giúp các bạn quản lý và trình diễn ảnh cho người dùng. Có rất nhiều cách để làm các image slider, và trong bài viết này, chúng ta sẽ tạo chỉ với bằng CSS3.



Tạo hiệu ứng bông tuyết rơi cho Blogger


Cùng tiếp nối những hiệu ứng đẹp cho ngày lễ Giáng Sinh ,hôm nay mình xin chia sẻ một thủ thuật cho các bạn từng bước làm hiệu ứng tuyết rơi. Bài viết này dành riêng cho những bạn đang viết blog bằng BlogSpot, để các bạn có thể  cùng hòa vào niềm vui Giáng Sinh sắp tới. Mình cam đoan rằng, khách viếng thăm blog của bạn sẽ rất thích thú và bất ngờ với hiệu ứng mà bạn mang lại cho họ.
Bước 1 : Đăng nhập vào Blogger Dashboard,  rồi chọn Template -> Edit Html .
Bước 2 : Các bạn nhấn Ctrl + F rồi tìm kiếm với từ khóa sau :
1
</head>


Bước 3 :  Copy đoạn code sau rồi past ngay trên từ khóa mà chúng ta vừa tìm được :
1
2
3
4
5
6
7
<script>
$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});
</script>


Chỉ cần 3 cách đơn giản này thôi, là các bạn đã có ngay hiệu ứng bông tuyết rơi ngay trên trang blog của mình. Tuy nhiên để các bạn dễ tùy chỉnh mình xin giải thích một số thiết lập như sau :
– minSize: 10, : Đây là kích cỡ nhỏ nhất mà bông tuyết sẽ có.
– maxSize: 50, : Đây là kích cỡ lớn nhất mà bông tuyết có.
– newOn: 400, : Ấn định độ xuất hiện thường xuyên của tuyết rơi.
– flakeColor: ‘#ffffff’  : Thiết lập màu sắc bông tuyết.
Các bạn có thể thay đổi các thông số này sao cho phù hợp với mong muốn của mình là được.

Tạo Facebook Like Box hiệu ứng Popup với bộ đếm thời gian

Facebook Like Box là một plugin của mạng xã hội Facebook, cho phép người chủ Page có thể thu hút và giành nhiều like từ những nguồn website khác nhau về cho Page của mình. Nếu bạn có page trên Facebook và muốn có thật nhiều người like cho page của mình thì plugin này thật sự hữu ích.


Chèn hiệu ứng cuốn góc bằng jQuery cho blogger

Chèn hiệu ứng cuốn góc bằng jQuery cho blogger với vài thao tác rất đơn giản

20 thg 3, 2016

Hiệu ứng làm đẹp cho blog

Muốn có một blog đẹp và sinh động hơn , chỉ với vài thao tác đơn giản
Sau đây mình sẽ chia sẻ một số hiệu ứng rất đẹp cho blog không thể bỏ qua  , đảm bảo bạn sẽ vừa ý ..

17 thg 3, 2016

Cách lấy và chèn icon cho blog , website

Bạn muốn lấy và chèn icon cho blog , website sinh động hơn

Rất đơn giản chỉ với vài thao tác nhỏ sau đây :

B1 : truy cập link http://findicons.com để chọn icon mình muốn . Đây là website icon khổng lồ đa dạng không nên bỏ qua , bạn còn có thể tìm kiếm icon mình thích bằng cách gõ vào ô search

 B2 : Khi đã tìm được icon mình muốn , bạn nháy chuột trái vào icon đó và chọn định dạng bạn muốn tải về , nếu muốn định dạng ảnh thì bạn nháy chuột vào dowload png 

Nếu muốn lấy kích thước icon cho phù hợp với nhu cầu của bạn thì ở phần size bạn nháy chuột vào size available

- Cách lấy html của ảnh để chèn lên blog , diễn đàn , website : 

Bạn truy cập  http://www.blogger.com sau đó đăng nhập vào trang tổng quản blogger , kế tiếp bạn nhấn bài đăng mới ở góc trái màn hình và chọn chèn hình ảnh ( bên phải cạnh chữ liên kết ) và tải ảnh lên 



Sau khi đã tải xong bạn nhấn chọn HTML ở góc trái màn hính là đã có link HTML

Hoặc cách nhanh gọn là vào website 

 http://www.upsieutoc.com/  chọn start uploading sau đó tìm và chọn ảnh bạn muốn lấy link ở máy của bạn  , chọn xong bạn nhấn tiếp vào upload 

Cuối cùng bạn muốn lấy link dạng html hay dạng nào khác thì bạn chọn phần mã nhúng .


Tin học - HT .. Blog hiện đang trong giai đoạn phát triển , bạn hãy ủng hộ và đón xem những bài viết bổ ích sắp tới nhé !! Thanks you