Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia
Showing posts with label Blogspot Effect. Show all posts
Showing posts with label Blogspot Effect. Show all posts

Thursday, December 18, 2014

[Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger

by
Sự khác biệt cho website của bạn sẽ được chứng minh qua thủ thuật blog này!

Wednesday, November 19, 2014

Chống copy nội dung bài viết và click chuột phải trên Blogspot

by
Chống Copy, Pate và Click chuột phải trên Blogspot
Bạn không muốn cho người khác copy nội dung bài viết của bạn trên internet nhưng vẫn muốn chia sẻ một nội dung đó với mọi người thông qua mạng internet. Bài viết này sẽ hướng dẫn các bạn cách để chống mọi hành vi muốn sao chéo nội dung bài viết trên website của bạn thông qua việc chống quét khối (bôi đen) văn bản, chống click và vô hiệu hóa các tùy chọn trên menu chuột phải để chọn các tùy chọn như copy hay xem mã nguồn.

Wednesday, April 23, 2014

Hiệu ứng List nudging từ CSS3 cho blogspot

by
Hiệu ứng Link nudging từ CSS3 cho blogspot
Hiện nay hiệu ứng CSS 3 được sử dụng rất nhiều thay thế cho một số scripts đơn giản vì tính tiện lợi cũng như load nhanh của nó. Bài viết này mính sẽ giới thiệu đến với các bạn một hiệu ứng chuyển động thụt đầu dòng (tương tự như hiệu ứng Link Nudging từ Jquery) khi dê chuột vào thẻ ul hoặc li cho blogspot.

Saturday, March 29, 2014

Đổi màu thanh cuộn bằng CSS3 cho blogspot

by
Hẳn các bạn đều biết thanh cuộn Scrollbar là gì rồi phải không? Nôm na nó là một thanh mà bạn có thể dùng chuột bấm vào đó để cuộn trang web lên xuống hay từ phải qua trái, Bạn có thể tìm thấy nó ở phía bên phải của mỗi trình duyệt. Giờ đây ta có thể thay đổi màu sắc và thiết kế cho nó bắt mắt hơn so với màu xám truyền thống thông qua các đoạn mã CSS3 webkit.
Đổi màu thanh cuộn bằng CSS3 cho blogspot

Saturday, March 15, 2014

Tạo hiêu ứng xoay 360 độ cho trang blog của bạn

by
Bài viết này mính sẽ hướng dẫn các bạn cách để trang blog của bạn xoay 360 độ khi bạn tải lại trang hoặc truy cập vào đọc một bài viết bất kỳ trên trang của bạn. Thủ thuật sẽ giúp cho trang blog của bạn đặc biệt hơn trong mắt độc giả.
Đoạn mã được sử dụng hoàn toàn là CSS3 sẽ giúp tốc độ tải trang của bạn không bị ảnh hưởng khi áp dụng thủ thuật này trên trang blog của bạn. Vì đoạn code là CSS3 nên trên một số trình duyệt như IE5,6,7 sẽ không hoạt động. Hoạt động tốt trên chroome, firefox, sarafi, IE9-10,....

Friday, January 03, 2014

Popup Đồng hồ đếm ngược chào đón năm mới cho blogger

by
Tết âm lịch với người việt nam nói riêng và người châu á nói chung là một ngày tết vô cùng ý nghĩa. Nhà nhà đều sắm sửa đón tết, còn những blogger chúng ta cũng dộn dịp trang trí blog bằng những hiệu ứng đẹp như: Thay đổi hình nền ngày tết, trang trí hoa đào tết,... Để góp phần đưa không khí tết đến với mọi nhà Bài viết này namkna sẽ hướng dẫn các bạn cách tạo một cửa sổ Popup đồng hồ đếm ngược khi độc giả truy cập vào trang của bạn đọc nội dung.

Popup Dồng hồ dếm ngược chào năm mới

Tuesday, December 17, 2013

Hiệu ứng loadding sử dụng cho blogger

by
Hiệu ứng loadding sử dụng cho blogger
Hiện nay hiệu ứng loadding được rất nhiều blogger vì nó giúp blog của bạn đỡ nhàm chán hơn khi chuyển đổi qua lại giữa các trang trên blog, ngoài ra nó còn giúp blog bạn tạo được phong cách riêng so với các blog khác. Nếu áp dụng một cách hợp lý blog của bạn sẽ trở nên chuyên nghiệp hơn và mượt mà hơn.

Bài viết này mình sẽ hướng dẫn các bạn tạo hiệu ứng tải trang sử dụng hình ảnh dộng kết hợp với một file javascripts có dung lượng rất nhỏ nên bạn khỏi lo làm chậm tốc độ trang của bạn.

Sunday, November 03, 2013

Hiệu ứng hover ảnh sử dụng CSS cho blogger

by
Hiệu ứng hover ảnh sử dụng CSS cho blogger
Hôm nay Namkna sẽ hướng dẫn các bạn cách để thêm một hiệu ứng dê chuột tuyệt vời cho hình ảnh Blogger chỉ sử dụng CSS, Với cách này chỉ cần di chuyển chuột qua một hình ảnh từ các hướng khác nhau (từ trên xuống, từ dưới lên, vv) sẽ gây ra một lớp phủ từ các hướng mà bạn di chuột tới. Thủ thuật này sẽ thay đổi không chỉ những hình ảnh xuất hiện khi di chuyển chuột lên chúng, mà cũng cho phép bạn thêm bên trong một văn bản với một mô tả.

Các bạn có thể xem demo ở hình ảnh bên dưới bằng cách di chuột lên hình ảnh từ nhiều vị trí khác nhau nha.

Sunday, October 13, 2013

Tăng độ phân giải ảnh thumbnail của blogger

by
Như các bạn đã biết thì ảnh thumbnail mặc định của blogger là 72x72 px. Do vậy nếu bạn tăng kích thước của ảnh thì ảnh sẽ sảy ra hiện tượng vỡ hạt nhìn rất mất thẩm mỹ cho trang của bạn. Bài viết này mình sẽ hướng dẫn các bạn cách để có thể tăng chất lượng của ảnh thumbnail cho một số tiện ích của blogger như Silder bloglist, Readmore không dùng Javascripts, Popularposst,....
Tăng độ phân giải ảnh thumbnail của blogger

Sunday, October 06, 2013

Tạo Sticky cho nhiều Widget của blogspot

by
Tạo Sticky cho nhiều Widget của blogspot
Thông thương khi các bạn kéo thanh cuộn xuống để xem phần dưới của blog thì các phần trên nó sẽ bị ẩn đi. Vậy nếu muốn hiển thị một tiện ích có ID bất kỳ khi bạn kéo chuột xuống dưới blog dạng Sticky thì phải làm thế nào.

Bài viết này namkna sẽ hướng dẫn các bạn làm điều đó tạo Sticky cho một widget có Id bất kỳ, Bạn có thể áp dụng nó cho các widget chứa các nút like của các mạng xã hội hay hộp đăng ký nhận tin của bạn, hoặc đơn giản hơn là cho một menu, một banner quảng cáo mà bạn muốn. Với cách tạo Sticky này cho dù bạn kéo chuột đến vị trí nào đi nữa thì tiện ích của bạn vẫn luôn xuất hiện tại vị trí mà bạn muốn, trong bài viết này là trên đầu của blog.

Thursday, October 03, 2013

Chống click chuột phải lên hình ảnh trong blogspot

by
Chống click chuột phải lên hình ảnh trong blogspot
Đoạn code này có tác dụng ngăn chặn không cho ai đó click chuột phải lên trên hình ảnh, điều đó cũng đồng nghĩa với việc họ không thể tải và xem URL hình ảnh đó của bạn.

Tuy nhiên nói đi thì cũng phải nói lại vì đây là mã Scripts nên thường với dân web chuyên nghiệp thì họ vẫn có thể copy nó được vì chỉ cần tăt javar của trình duyệt là họ có thể mặc sức copy rồi. Nhưng bạn cũng yên tâm vì không nhiều người biết cách làm đó :)

Các bạn có thể xem demo bằng cách thử clock chuột phải vào hình ảnh bên cạnh (Lưu ý demo chỉ có tác dụng trong bài viết này)

Friday, September 13, 2013

Hiệu ứng loading đẹp trên đầu blogspot

by
Hiệu ứng loading đẹp trên dầu cho blogspot
Nếu mấy hôm nay các bạn truy cập vào trang youtube sẽ thấy trang đó có một hiệu ứng loadding cực lạ đó là thanh loading chạy ngang ngay trên đầu của trang đó. Bài viết này mình sẽ hướng dẫn các bạn thêm hiệu ứng loadding đó vào blog của các bạn.

Tuesday, June 25, 2013

Thay đổi nền ngẫu nhiên cho blog khi refrest

by
Nếu để ý bạn sẽ thấy có nhiều trang web mỗi lần bạn truy cập lại có một hình nền khác nhau. Hẳn nhiều blogger đang thắc mắc họ làm như thế nào mà nền của họ thay đổi liên tục thế chẳng lẽ họ bỏ thời gian để ngồi thay đổi. Câu trả lời là không nó được cài đặt tự động các bạn ạ. Hiện nay có nhiều đoạn code và nhiều hướng dẫn các bạn làm điều đó tuy nhiên đa phần là không thể làm được trên nền tảng của blogger hoặc có làm được nhưng gây chậm quá trình tải trang và treo trình duyệt khi áp dụng.

Bài viết này Namkna sẽ hướng dẫn các bạn các bước để có thể thay đổi hình nền blog của bạn sau mỗi lần bạn tải lại trang web (hoặc bấm phím F5). Blog của bạn sẽ trở nên đặc biệt hơn trong mắt của độc giả, và tạo cho bạn có một phong cách riêng không lẫn với các blog khác.

Thay đổi nền ngẫu nhiên cho blog khi refrest

Saturday, April 27, 2013

Thanh cuộn vô hạn từ Jquery cho Blogger

by
Thanh cuộn vô hạn (Infinite Scrolling) đề cập đến khả năng tiếp tục tải các bài viết mới trên trang web,blog mà không phải phải bấm vào các nút phân trang trên blog của bạn. Nó sẽ tự động tải thêm các bài viết mới khi bạn kéo thanh cuộn xuống phía dưới chân blog, website của bạn. Phân trang vô hạn này được sử dụng nhiều trong các trang web lớn như Google +, Facebook, Twitter và được đánh giá khá cao ở đó.

Lợi ích lớn nhất của thủ thuật này là không cần bấm chuột để tải thêm bài viết do vậy sẽ giúp độc giả tiếp xúc một cách tự động với các nội dung trên trang của bạn và đồng thời cũng giúp việc duyệt web nhanh hơn.

Bài viết này Namkna sẽ hướng dẫn ccs bạn làm thế nào để tích hợp tiện phân trang tự động tải bài viết cho Blogger của bạn bằng cách sử dụng Ajax Infinite Scroll jQuery plugin.

Sunday, April 21, 2013

Code Popup hỏi trước khi thoát khỏi blog/web

by
Bình thường khi muốn thoát khỏi một web site bạn chỉ cần bấm vào dấu x màu đỏ góc trên bên phải của trình duyệt. Nhưng bạn nghĩ sao khi blog/web của bạn sẽ xuất hiện một thông báo popup yêu cầu độc giả xác nhận việc họ muốn rời khỏi blog của bạn như hình dưới đây:
Popup hỏi trước khi thoát khỏi blog/web

Xem demo: VIEW DEMO


Với thủ thuật này của namkna khi độc giả lỡ tay click chuột nhàm vào nút tắt thì cũng không thoát ra khỏi trang web của bạn nếu họ chưa xác nhận.

Wednesday, March 27, 2013

Xoay và lật hình ảnh với hiệu ứng 3D từ CSS3

by
3D Style Rotate image with css3 that flip two sides
Các thuộc tính CSS3 có khả năng xoay các thành phần html theo phong cách 3D. CSS3 3D này sẽ giúp bạn biết cách làm thế nào để xoay hoặc lật hai mặt của hình ảnh hoặc thành phần html để tiết lộ nội dung ở phía sau của hình ảnh ban đầu. Khi người sử dụng di chuột lên các hình ảnh hoặc thành phần  html ban đầu họ sẽ thấy hình ảnh lật và xoay với hiệu ứng 3D.

Thursday, February 28, 2013

Khung Blockquote với hiệu ứng chuột cho Blogger

by
 Khung Blockquote với hiệu ứng chuột cho Blogger
Namkna đã tạo codes Css  đơn giản cho Blockquote. Không code Blockquote Highlighter này rất đẹp và bắt mắt. Blockquote rất quan trọng với Blogs nó được rất nhiều blogger hướng dẫn  khác nhau, mỗi Blogger giới thiệu một site khác nhau nhưng tất cả đề dùng CSS, JavaScript, Script, jquery,..
Demo bên dưới mỗi mẫu trong bài viết này!

Thursday, February 14, 2013

Trang trí blog ngày Valentine's day (14/2)

by
Trang trí blog ngày Valentine's day (14/2)
Ngày 14/2 là ngày lễ dành riêng cho tình yêu, là ngày để các cặp tình nhân trên khắp thế giới bày tỏ tình yêu của mình qua những tấm thiệp, viên Socola, những bông hồng. Bài viết này mình sẽ hướng dẫn các bạn tạo hiệu ứng trái tim rơi và thay đổi nền backgroud cho blog nhân ngày 14/2 cho anh em blogger.