Showing posts with label Thủ Thuật Blog. Show all posts
Showing posts with label Thủ Thuật Blog. Show all posts

Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot

5:20:00 PM Add Comment
Việc chèn hình ảnh vào bài viết của bạn trên Blogspot là một bài viết nào cũng phải có.Việc chèn ảnh cũng là cách mà người đọc Blog của bạn nắm bắt thêm các thông tin cần thiết.Cũng như hiểu rõ vấn đề mà bạn muốn chia sẻ...Một bức ảnh được phóng to lên giúp người đọc có thể nhìn rõ bức ảnh hơn.Nói tóm lại việc chia sẻ hình ảnh trong 1 bài viết khá là quan trọng.
Tạo hiệu ứng phóng to ảnh khi dê chuột cho Blogspot
Tạo hiệu ứng phóng to ảnh khi dê chuột cho Blogspot

Nhưng nếu bạn muốn hình ảnh được thu nhỏ lại mà muốn người đọc có thể nhìn rõ bức ảnh của bạn thì bạn có thể tạo hiệu ứng phóng to ảnh khi được rê chuột.Cách này là 1 cách khá hiệu quả.

Demo phóng to ảnh tại:  http://blogminhtri.blogspot.com/2016/02/tao-hieu-ung-phong-to-anh-khi-re-chuot-cho-blogspot.html

1:Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot như thế nào?

Copy đoạn code bên dưới và chèn vào trước phần thẻ ]]</b:skin> hoặc ]]></b:skin>
(xem cách tìm kiếm thẻ tại đây).
Code tạo hiệu ứng phóng to ảnh khi rê chuột:

.post img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post img:hover { width: 80%; height:80%; }

2: Một số hình ảnh của hiệu ứng phóng to ảnh khi rê chuột.

Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot
Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot.


Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot
Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot


Code Loading cho Blogspot

4:05:00 PM Add Comment
Code Loading cho Blog giúp bạn có 1 Loading thật đẹp ,bắt mắt nhé...Người đọc BlogSpot có thể thêm hứng thú đó...Bên dưới là đoạn code Loading cho Blogspot.

Một số hình ảnh Demo:
Code Loading cho Blogspot


Các bạn nhất Ctrl + A để chọn tất cả và Ctrl+ C để copy toàn bộ đoạn code Loading cho Blog này nhé :v

 Code Loading cho Blogspot:

B1-Vào quản trị BlogSpot sau đó vào Bố Cục
B2- Vào Bố Cục Chọn Tiện Ích => HTML/Javascript

B3- Chèn đoạn HTML Này Vào

Code trang trí Tết Nguyên Đán cho Blog

10:23:00 AM Add Comment
Bộ sưu tầm code trang trí cho Tết Nguyên Đán 2016 đây!Chúc các bạn một năm mới An Khang-Thịnh Vượng nhé ! Nào chúng ta cùng trang trí cho Blog của mình bằng code Trang trí Tết Nguyên Đán bên dưới nhé!
Code trang trí Tết Nguyên Đán cho Blog
Code trang trí Tết Nguyên Đán cho Blog

I:Code trang trí Tết Nguyên Đán cho Blog:

1:Code câu đối Tết:
Code trang trí Tết Nguyên Đán cho Blog 1
Code trang trí Tết Nguyên Đán cho Blog

 
2:Code câu đối 2 bên và phía dưới là không khí ngày Tết Nguyên Đán:
Code trang trí Tết Nguyên Đán cho Blog
Code trang trí Tết Nguyên Đán cho Blog

3:Cành đào treo hai bên:
Code trang trí Tết Nguyên Đán cho Blog
Code trang trí Tết Nguyên Đán cho Blog

4:Code hoa mai rơi:
Code trang trí Tết Nguyên Đán cho Blog
Code trang trí Tết Nguyên Đán cho Blog


5:Code hoa đào rơi:
Code trang trí Tết Nguyên Đán cho Blog
Code trang trí Tết Nguyên Đán cho Blog


II:Cách sử dụng code trang trí Tết Nguyên Đán cho Blog:

-Các bạn vào Blog của bạn chọn Bố Cục và Thêm bố cục -->HTML,Javascrip sau đó chép đoạn code bên trên vào và nhấn Lưu nhé:
-Xem cách thêm tiện ích chi tiết tại đây:

Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

10:24:00 AM Add Comment
Đây là đoạn code giúp bạn có thể thêm khung hỗ trợ trực tuyến bằng Fanpage Facebook đơn giản dễ làm cho Blog cũng như Website của bạn :v
Code khung hỗ trợ trực tuyến bằng Fanpage cho BlogSpot
Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

*Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog:

Code bên dưới các bạn chỉ cần thêm tiện ích(cách thêm tiện ích cho Blog vui lòng xem tại đây) vào Blog là được.Khung hỗ trợ trực tuyến này có tác dụng giúp người đọc dễ tiếp cận với Fanpage của bạn hơn.Từ đó tăng số like Fanpage của bạn.các bạn nhớ thay địa chỉ Fanpage cho hợp lý nha :v
Nhấn tổ hợp phím Ctrl + A sau đó nhấn tổ hợp phím Ctrl +C để copy tất cả.