Ẩn hiện nội dung sử dụng hiệu ứng chuyển đổi trong Blogger

Chắc có lẽ giờ này ai ai cũng có tâm trạng nghỉ lễ 30/4 và 1/5. Và để chia sẻ một bài viết trong dịp này thì ITViet360 đã lựa chọn việc đem lại cho người dùng Blogger 1 thủ thuật hay. Đó là tuỳ chỉnh ẩn hiện nội dung của bài viết sử dụng hiệu ứng chuyển đồi. Bằng việc chỉ đưa vào 1 đoạn mã CSS, bạn sẽ làm được việc này như theo demo trực tiếp. Và nếu thích thú và bạn cần sử dụng thì làm theo hướng dẫn ngay dưới đây.

chi tiết

Tạo một tiện ích nằm bên cạnh post body của Blogger

Có lẽ đây cũng là một thủ thuật khá quen thuộc bởi vì đã có một bài viết mà IT Việt 360 chia sẻ với bạn đọc về cách chèn quản cáo vào Blogspot ở nhiều vị trí đã có nói về nhiều trường hợp chèn tiện ích ở nhiều vị trí khác nhau trong đó cũng có việc chèn tiện ích nằm ngay bên cạnh phần post body.
Và bài viết này để rõ ràng hơn nữa thì mình chia sẻ để trả lời thêm cho bạn đọc vì nhiều bạn có comment hỏi vậy các trường hợp chèn Like Facebook, ảnh quảng cáo,...vào phía đó thì như thế nào.
Nội dung dưới đây sẽ giúp bạn trả lời được những việc đó và nếu bạn thích thú với demo trực tiếp bên dưới thì có thể làm theo hướng dẫn ngay dưới đây

XEM DEMO

chi tiết

Label hiển thị theo dạng Flash chuyển động cho Blogger

Đã khá lâu rồi mình chưa viết 1 bài mới cho IT Việt 360 và cũng hơi chậm trễ ở việc hỗ trợ, trả lời những Comment của bạn đọc. Cũng vì 1 số lý do mà mình để xảy ra những việc này. Và hôm nay, mình muốn giới thiệu với bạn đọc một thủ thuật dành riêng cho người dùng Blogger đó là hiển thị label theo dạng Flash, ở một số cách gọi của Wordpress hay website thì người ta thường dùng từ tags could. Và bạn sẽ thấy thích thú nếu như nó phù hợp với blog của bạn đang cần. Một cái nhìn tổng quát hơn đó là bạn sẽ thấy rõ hơn ở demo trực tiếp. Và nếu bạn thấy thích thì hãy theo dõi nội dung được hướng dẫn dưới đây và làm theo nhé!

XEM DEMO

chi tiết

Hiệu ứng xoay 360 độ cho Blogspot và Website

Một đoạn CSS nhỏ sẽ giúp bạn tạo nên được hiệu ứng xoay 360 độ cho Blogspot và Website. Sự chuyển động có thể sẽ làm người xem web, blog của bạn thích thú hơn và cảm thấy đỡ nhàm chán hơn. Bài viết này ITViet360 chia sẻ với bạn đọc cách thêm hiệu ứng này. Bạn sẽ thấy thích thú hơn khi bạn nhìn vào demo trực tiếp. Và nếu bạn muốn Blog, Web của mình cũng thực hiện được như thế thì hãy xem và làm theo hướng dẫn ngay bên dưới đây.

XEM DEMO

chi tiết

Thêm Author Avatar bên cạnh tiêu đề bài viết trong blogger

Cũng đã có nhiều về thủ thuật thêm Author Avatar vào trong Blogger, như thêm ở cuối bài viết, thêm ở 1 góc của Blog...Còn ở bài viết này sẽ là 1 thủ thuật tuỳ biến hơn rất nhiều nếu như Blog của bạn có nhiều hơn 1 tác giả viết bài và bạn muốn thể hiện rõ Avatar của người viết bài đó.

Dữ liệu hình ảnh này sẽ được lấy tự động, vì vậy khi bạn thay đổi Avatar từ hồ sơ Google+ thì hình ảnh ở tiện ích này cũng tự động thay đổi theo. Hiện tại thì ITViet360 mình cũng sử dụng thủ thuật này, và để chắc chắn hơn nếu sau này ITViet360 có đổi template thì bạn vẫn xem được ở link Demo trực tiếp dưới đây.

XEM DEMO

chi tiết

Tiện ích bài viết xem nhiều với hiệu ứng chữ động cho Blogger

Thêm một tiện ích bài viết được xem nhiều là một điều không thể thiếu đối với mỗi người sử dụng Blogger. Tiện ích này được liệt kê tối đa 10 bài viết được xem nhiều nhất theo: mọi thời gian, theo tháng, theo tuần. Và nếu bạn muốn Blog của bạn có 1 tiện ích xem nhiều thì bằng thao tác: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> Bài đăng phổ biến.
Còn ở bài viết này, ITViet360 chia sẻ với bạn một tuỳ chỉnh của tiện ích vừa thêm, đó là thêm hiệu ứng những dòng mô tả của bài đăng đó trong tiện ích. Bạn sẽ thấy được rõ hơn qua link demo trực tiếp dưới đây. Và nếu bạn thích thì có thể tiếp tục theo dõi để thực hiện làm hiệu ứng đó nhé!

XEM DEMO

chi tiết

Menu đa cấp sử dụng CSS3 Animated Lava lamp làm hiệu ứng đẹp và nhẹ

Mở đầu cho bài viết trong đầu năm mới 2015, ITViet360 chia sẻ 1 menu được khá nhiều bạn đọc yêu cầu, và hy vọng trong năm 2015 sẽ nhận được nhiều chia sẻ hơn nữa từ bạn đọc về các thủ thuật của Blogspot, kiến thức công nghệ,...
Thông thường, nhiều bạn sử dụng Jquery để làm việc với chức năng làm menu trỏ xuống. Nhưng ở nội dung bài viết này bạn sẽ thấy việc sử dụng thuần tuý CSS3 Animated Lava lamp nhưng vẫn làm được chức năng và hiệu ứng tương tự. Giúp cho blog của bạn không bị ảnh hưởng bởi tốc độ load JS của menu. Bạn sẽ xem trực tiếp ở demo và nếu bạn thấy phù hợp để thêm vào Blog hoặc web của mình thì hãy sử dụng nhé!

XEM DEMO

chi tiết

Recent Posts Widget với Thumbnails cho blogger

Nếu bạn theo dõi những thủ thuật Blogspot tại ITViet360 thì bạn sẽ thấy có khá nhiều widget về recent posts (bài viết gần đây) được giới thiệu. Sẽ có nhiều Widget phù hợp với template của bạn, và ở bài viết này mình sẽ giới thiệu với bạn ngay dưới đây 1 widget recent posts widget với thumbnails rất tuyệt cho Blogger. Bạn sẽ thấy được ở demo trực tiếp và nếu bạn thấy thích thú với nó thì hãy sử dụng nó cho 1 widget nhé!

Đây là một widget được kết hợp CSS và JS để lấy và trình bày hiệu ứng đẹp những bài viết mới nhất của blogger, một nét nhìn tươi trẻ của tiện ích này đó là khi rê chuột vào bạn sẽ thấy sự khác biệt.

XEM DEMO

chi tiết

Bảng mục lục liệt kê nội dung cho Blogger

Mục lục nội dung là tất cả những gì có trong Blogger được liệt kê ra. Nó giúp cho việc giảm tỷ lệ thoát khỏi Blog của bạn và hơn nữa nó rất phù hợp cho việc bạn sử dụng nó làm sitemap cho người dùng xem blog của bạn.
Hôm nay, itviet360 sẽ chia sẻ với bạn thủ thuật tạo bảng mục lục nội dung này cho blog. Tiện ích này được khá nhiều Blog sử dụng và một số bạn cũng có hỏi về hướng dẫn của thủ thuật này. Và dưới đây là hướng dẫn, bạn có thể thao khảo trực tiếp ở Demo và nếu thấy thích thú thì hãy sử dụng nó làm sơ đồ trang của Blog nhé! Bảng được chia làm 2 cột, 1 bên là Label của bài viết và một bên là danh sách bài viết thuộc những label tương ứng đó.

XEM DEMO

chi tiết

Hộp khung Subscribe cực Cool theo phong cách giống Facebook

Chào các bạn!
Hôm nay, itviet360 muốn chia sẻ với các bạn về làm thế nào để có thêm hộp theo dõi (Subscribe) cực Cool theo phong cách của Facebook để nhận được bài đăng mới của Blog. Subscribe là một tiện ích rất quan trọng đối với các blog muốn người truy cập của họ trở lại xem. Hộp khung dưới đây như là một bản sao của khung đăng nhập Facebook nên tạo 1 cảm giác rất quen thuộc với mọi người. Điều kiện tiên quyết của mẫu này là phải làm trên tài khoản của Feedbuner - đây cũng là nơi những email đăng ký được kích hoạt.
Tiện ích này có một cái nhìn rất thân thiện và đẹp. Thanh và nút nhấn theo dõi được làm hiệu ứng sáng khi người dùng chuyển đổi (nhấp chuột vào nó).

XEM DEMO

chi tiết

Quảng cáo bằng văn bản với hiệu ứng tuyệt vời

Mỗi Blogger được lập ra với mục tiêu kiếm được tiền, trang web cũng vậy. Có rất nhiều hình thức kiếm tiền khác nhau được khai thác từ Blog, trang web của bạn: cung cấp dịch vụ, sản phẩm, đặt banner quảng cáo, Google Adsense, đặt một quảng cáo bằng đoạn văn bản (text), hay đơn giản là đặt link liên kết. Vì vậy, hôm nay ITViet360 sẽ tập trung vào quảng cáo ở vị trí trống, những vị trí trống là một tiềm năng lớn. Bạn có thể thêm một hình ảnh / một thông báo ở không gian mà bạn mong muốn để người khác chú ý tới và liên hệ với bạn. Một điều cũng nên lưu ý đó là không làm cho không gian đó trở nên nhàm chán, và thủ thuật dưới đây sẽ giúp bạn cải thiện được bằng việc sử dụng quảng cáo bằng văn bản với hiệu ứng rất tuyệt vời dưới đây.
Tiện ích này được tạo ra hoàn toàn từ CSS và không sử dụng hình ảnh hoặc Javascript. Khi xem DEMO bạn hãy rê chuột tới những chữ có ở demo và bạn sẽ thấy hiệu ứng tuyệt vời đó

XEM DEMO

chi tiết

Tạo tiện ích Form liên hệ tuyệt vời cho Blogger

Có một bài viết mà ITViet360 đã hướng dẫn bạn đọc tạo Form liên hệ ngay ở giao diện ngoài trang của Blogger với cách làm đơn giản đó là chúng ta thêm một tiện ích liên hệ, bạn có thể xem bài viết đó TẠI ĐÂY.
Còn ở bài viết này là một tầng nâng cao hơn nữa, đó là chúng ta tùy chỉnh thiết kế cho Form liên hệ đó trở nên tuyệt vời hơn, đẹp mắt hơn và dễ gây sự chú ý với người xem Blog hơn. Bằng cách tùy chỉnh CSS mặc định, Form này sẽ làm hài lòng bạn bởi tính chuyên nghiệp và nét đặc trưng của nó.
Nội dung dưới đây sẽ là hướng dẫn bạn có được một form liên hệ như hình ảnh ở bên dưới.

XEM DEMO

chi tiết

Treo banner, câu đối tết 2015 2 bên cho Blogger, Web

Bạn có muốn Blog, Website của mình có 1 chút chuẩn bị để đón năm mới. 1 câu đối, 1 banner ngày tết cũng làm blog, web của bạn hòa vào cùng không khí vui xuân đón tết. Ở thủ thuật này mình hướng dẫn các bạn cách đơn giản nhất để có được câu đối, banner đó.

PS: Code này các bạn có thể dùng ở những mục đích khác nhau như: Tạo quảng cảo 2 bên cho web, blog...

- Ở đây mình sử dụng CSS: Ưu điểm của code này là ngắn gọn, nhẹ và thích hợp cho các trình duyệt...Một điều cần thiết cho mỗi Blogger đó là sự tối ưu trên mỗi giao diện. Cập nhật năm 2015, có khá nhiều câu đối tết được mình giới thiệu và chia sẻ với bạn

chi tiết

Vubetube Basic Blogger Template reponsive cực đẹp

Thêm 1 Template nữa được thiết kế dành riêng cho Blogspot có nội dung về Videos, hình ảnh. - Vubetube Basic Blogger Template là sự bổ sung khá tốt vào bộ sưu tập templates blogspot tại website ITViet360. Nó là một mẫu thiết kế chuyên nghiệp đáp ứng với nhiều tính năng mà chắc chắn bạn cần có của 1 Blog. Nếu bạn cần tạo ra 1 Blog về Videos chuyên nghiệp, 1 Blog về hình ảnh thì bạn có thể tham khảo và sử dụng Vubetube Basic Blogger Template reponsive
Bạn sẽ thấy những ưu điểm vượt trội đó ở link demo trực tiếp, và bạn không cần sử dụng thêm thủ thuật lấy hình ảnh Youtube này nữa bởi đây sẽ có tự động trong template này.

chi tiết

Tùy chỉnh widget Popular Posts thanh lịch cho Blogger

Widget Popular Posts - tiện ích những bài viết được xem nhiều trong Blogspot. Đây là tiện ích thống kê rất hay của Blog mà hầu hết người dùng blog đều sử dụng. Một ngày nào đó bạn có muốn thay đổi widget Popular Posts cho nó trở nên thanh lịch hơn, bắt mắt hơn? Nếu có thì bạn hãy thử theo dõi nội dung bài viết dưới đây với một hướng dẫn tùy chỉnh widget Popular Posts rất độc đáo và lạ mắt.
Bạn sẽ nhìn thấy hiệu ứng trực diện của thủ thuật này ở demo trực tiếp. Và để làm được điều đấy, bạn theo dõi nội dung được ITViet360 hướng dẫn dưới đây nhé! Chỉ cần một số thao tác đơn giản sẽ giúp bạn có được 1 widget như ở demo

chi tiết

2 tiện ích Sitemap tuyệt vời cho Blogger

Thêm sitemap hoặc mục lục trong một blog là điều rất cần thiết kể cả blog đó là mới hay cũ. Những sitemap giúp bạn đọc blog của ITViet360 di chuyển dễ dàng hơn và nó cũng giúp trang web của chúng tôi giảm tỷ lệ người thoát nhanh. Cũng đã có một số bài viết trước đây ITViet360 có giới thiệu với bạn đọc về 1 số tiện ích sơ đồ trang này, tuy nhiên trong bài viết hôm nay thì xin giới thiệu với bạn 2 tiện ích sitemap mới. Được thiết kế nhiều hơn và cẩn thận rơi.
Lúc đầu, chúng tôi nghĩ là tách nội dung bài viết này thành 2 bài viết hướng dẫn,, tuy nhiên hướng dẫn khá đơn giản và ngắn gọn nên chúng tôi sẽ trình bày 2 cách đó ở một bài viết dưới đây:

• 1. Tiện ích Sitemap reponsive cho blogger
• 2. Sitemap với hình ảnh trong blogger

chi tiết

Phân chia trang trong chính nội dung của bài viết Blogger

Nhiều bạn đọc có chia sẻ về một cách phân nội dung trong bài viết mà đã nhìn thấy ở trên nền Website Wordpress, vậy Blogger có làm được như thế không? Chi tiết về lợi ích của thủ thuật này bạn sẽ thấy được ở link demo bên dưới.
Để tạo ra một sự phân chia tách hẳn nội dung trong bài viết thì sử dụng phương pháp này là rất hữu ích. Ngoài ra khi bạn viết một nội dung quá dài, thì việc sử dụng thủ thuật này cũng đem lại những lợi ích thích thú cho người đọc. Ít phải kéo xuống hơn, những nội dung ở trang được phân sẽ load ngầm không gây cảm giác khó chịu cho người xem.

XEM DEMO

chi tiết

Camly - Một template reponsive chuyên nghiệp dành cho Blogging

Cũng đã lâu rồi ITViet360 mới quay trở lại với những bài viết về Blogger, thành thật xin lỗi cộng đồng vì thời gian qua đã không theo dõi được hết đóng góp của bạn đọc. Và trong thời gian tới đây, ITViet360 sẽ cố gắng hỗ trợ tốt nhất những vấn đề liên quan tới nội dung bài viết.
Bài viết hôm nay muốn giới thiệu tới các bạn một Template reponsite blogger rất chuyên nghiệp và rất nhiều lợi thế cho một blogging. Hiện tại cũng khá nhiều bạn đọc đang sử dụng temp Camly này. Thiết kế 2 cột với nhiều chức năng tuyệt vời như tùy chọn vào ra (dưới tiêu đề Blog), và nhiều nút theo dõi qua mạng xã hội.

DEMO

chi tiết

Download Squared Portfolio template Blogspot

Cũng thấy có nhiều bạn quan tâm tới những template dành cho Blogspot thiết kế với mục đích nhằm cho dịch vụ, công ty...Và hôm nay ITViet360 giới thiệu với bạn đọc 1 mẫu template khá nổi bật trên nền Wordpress đó là Squared Portfolio, chắc chắn bạn sẽ thấy nó rất hấp dẫn với bạn. Đây cũng là Template được chia sẻ Free và hoàn toàn Full.

Demo tại Blog: Dịch vụ ITViet360

chi tiết

Chỉ hiển thị đuôi Blogspot.com trên tất cả mọi quốc gia

Người dùng Blogger nếu để ý thì biết rằng, những truy cập ở các quốc gia khác sẽ có đuôi Blogspot theo quốc gia nếu blog đó chưa đổi bằng tên miền riêng của bạn. Ví dụ như Nhật Bản (abc.blogspot.jp), Ấn Độ (abc.blogspot.in),...
- Vậy làm thế nào để chỉ hiển thị đuôi Blogspot.com trên mọi quốc gia?
Bài viết này ITViet360 sẽ hướng dẫn bạn làm được điều ấy, với cách làm đơn giản dưới đây

chi tiết