Hướng dẫn tạo trang web bán hàng chuyên nghiệp với Blogger

How to add an Online Store to Blogger for FREE

Bạn muốn tạo một trang web bán hàng với đầy đủ các chức năng chuyên nghiệp không kém gì nền tảng Wordpress như giỏ hàng, trang thanh toán, gửi email xác nhận cho khách hàng sau khi mua hàng, in hóa đơn... cho Blogger của mình.

Cửa hàng dùng Javascript của bên thứ 3 để nhúng vào Blogger đã tối ưu gần như hoàn toàn, chuẩn responsive trên mọi thiết bị nên hầu như bạn không cần phải chỉnh sửa gì nhiều và các bước thực hiện cũng khá đơn giản. Chi tiết các bạn hãy tham khảo bài viết hướng dẫn dưới đây của Iris Tips nhé.

Ngoài ra bạn có thể kết hợp thêm thủ thuật này để thêm thanh công cụ vào để cửa hàng trông chuyên nghiệp hơn nhé.

Xem thêm: Tạo thanh công cụ chức năng dành cho website bán hàng

• DEMO

Xem thêm

Tạo biểu tượng thông báo các thay đổi trên website (Changelog) cho người dùng

How to create a Changelog for website

Nếu bạn thường xuyên sử dụng trang Jsfiddle để làm demo cho các thủ thuật thì bạn sẽ để ý thấy có 1 icon nhỏ màu đỏ nằm cạnh bên logo. Khi nhấp vào đó nó sẽ hiện lên một thoại hiển thị những thông báo, thay đổi trên website. Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách làm biểu tượng thông báo y như vậy trên chính website của mình.

Xem thêm

Thêm Facebook Reactions vào bài viết và bình luận trên Blogger

How to add Facebook Reactions to your website?

Facebook Reactions là một cách thú vị để bày tỏ cảm xúc về các bài viết trên Facebook. Thông qua Reactions ta có thể dễ dàng bày tỏ quan điểm của mình. Nay Facebook Reactions đã cập bến Blogger. Với Emotional Reactions độc giả có thể dễ dàng bày tỏ cảm xúc của mình về bài viết trên website của bạn.

Xem thêm

Tạo công cụ Up ảnh mini dành cho Blogger

Image Upload Tools for Blogger

Đây là một công cụ up ảnh có tên là zzImgUr do Zzbaivong viết nên. Ưu điểm của tool này là chỉ viết trên nền HTML5, không sử dụng php nên khá nhẹ và không phải setup host rắc rối. Bạn chỉ việc dán đoạn code bên dưới bài viết vào và sử dụng thôi.

Xem thêm

Tạo thông báo đẩy (Push Notification) cho Blogger

Push Notification for Blogger

Thông báo đẩy (Push Notification) hiện nay là một phương thức khá hiện đại để các website gửi thông báo đến độc giả ngay trên chính trình duyệt web. So với các hình thức cổ điển khác như thông báo bằng email rõ ràng thông báo đẩy tiện lợi và trực quan hơn rất nhiều, vì khi vừa mở trình duyệt lên đã thấy thông báo từ website bạn (giống Facebook). Vậy làm thế nào để tạo thông báo đẩy (Push Notification) cho Blogger, hãy cùng Iris Tips thực hiện nhé.

Xem thêm

Summer Note - khung soạn thảo văn bản - web text editor cho Blogger

Web text editor for Blogger

Summer Note - mang trình soạn thảo văn bản khi viết bài của Blogger vào ngay trên website của bạn. Đặc biệt có thêm tính năng chuyển đổi sang code HTML rất thuận tiện khi bạn soạn thảo để dán vào khung bình luận hay 1 trường trong Google Form.

Xem thêm

Ẩn hiện Facebook Comment cho Blogger

Show and hide Facebook Comment

Ngày nay thì việc sử dụng Facebook đã trở nên quá quen thuộc đối với mọi người, hầu như ai cũng đều có riêng cho mình một tài khoản trên Facebook. Trang bị cho website của plugin bình luận của Facebook là việc khá cần thiết nếu như bạn muốn tăng lượng tương tác lên mạng xã hội này, cũng như không cần phải tạo thêm tài khoản để bình luận trên website của bạn.

Nhưng vấn đề đặt ra là plugin này khá nặng sẽ gây ảnh hưởng đến hiệu suất tải trang của website bạn. Vậy làm thế nào để vẫn thêm Facebook vào blog mà không ảnh hưởng nhiều đến hiệu suất blog của bạn? Thủ thuật sau đây có thể giải quyết vấn đề đó bằng cách Facebook Comment sẽ được ẩn theo mặc định khi tải trang, chỉ hiện và load khi độc giả click vào nút "Hiện Comment". Thích hợp cho các website có lượng truy cập từ di động nhiều, việc ẩn hiện Facebook Comment sẽ làm tăng đáng kể tốc độ tải trang cho website của bạn.

Xem thêm

Thêm nút Chia sẻ lên Mạng xã hội khi rê chuột vào Hình ảnh trên Blogger

Add Stylish Share Buttons On Image Hover on Blogger

Iris Tips đã từng chia sẻ khá nhiều về Social Sharing Widgets cho Blogger. Nhưng là chia sẻ bài viết chứ không phải các hình ảnh. Hôm nay Iris Tips sẽ chia sẻ cho các bạn thủ thuật tạo nút chia sẻ lên các mạng xã hội khi rê chuột vào hình ảnh trên Blogger, sử dụng thủ thuật này sẽ góp phần làm tăng traffic từ các mạng xã hội cho website của bạn.

Xem thêm

Thêm Hệ thống Comment Spot.IM vào website của bạn

How to add Spot.IM Conversations to Blogger

Hẳn các bạn đã biết đến Spot.IM khi xem qua bài viết cách tạo chatbox ẩn hiện trước đây trên Iris Tips, giờ đây Spot.IM đã phát triển thêm một công cụ bình luận mới - đẹp, hiện đại và hỗ trợ responsive. Với plugin này bạn hoàn toàn có an tâm thay thế hệ thống bình luận mặc định trên Blogger của bạn.

Xem thêm

Tạo Slider với Hiệu ứng Lật hình đẹp mắt với Flipper jQuery Plugin

Flipper JQuery Plugin: Page Flip Image Gallery Widget

Với plugin này bạn có thể tạo những slide hình ảnh với hiệu ứng lật hình khá đẹp mắt như một cuốn sách vậy. Cùng với hiệu ứng page-turnover bạn có thể dễ dàng di chuyển từ trang này sang trang khác. Bạn có thể tùy biến dễ dàng như lật văn bản đơn thuần hay lật hình ảnh tùy thích.

Xem thêm

Plugin Tự động thêm thuộc tính Alt Text và Title vào Hình ảnh cho Blogger

Plugin Automatically add Alt text and Title on Image for Blogger

Như các bạn đã biết Alt text - Văn bản thay thế và Title - Tiêu đề là khá quan trọng trong SEO-Onpage và trở nên thân thiện hơn trong con mắt các công cụ tìm kiếm. Và với plugin sau đây bạn có thể thêm Alt text và Title một cách tự động. Cụ thể plugin này sẽ dựa trên tên của hình ảnh làm thành Alt text và Title, vì thế bạn hãy chú ý cách đặt tên cho hình ảnh trước khi upload nhé.

Xem thêm

Tạo Bảng - Table đa màu sắc Responsive bằng Blogger Shortcode

Create Shortcode For Responsive HTML Tables!

Bảng HTML là một trong những thành phần quan trọng trong thiết kế giúp bạn sắp xếp nội dung thành các hàng và cột. Cú pháp để thiết kế thường khá rối rắm với các thẻ table, td, tr... và thường không có responsive khi bạn xem bằng di động hoặc máy tính bảng sẽ bị vỡ bố cục. Nhằm khắc phục những nhược điểm trên hôm nay Iris Tips sẽ giới thiệu cho các bạn một plugin khác của Blogger Shortcode đó là HTML Table Shortcode. Chỉ với một vài dòng code đơn giản và có hỗ trợ responsive HTML Table Shortcode đáng là plugin để bạn sử dụng.

• DEMO

Xem thêm

Tạo ra Đường Phân Cách CSS3 với nút Back To Top bằng Shortcode

Horizontal Divider Line With Back-To-Top Button

Tiếp tục Series Blogger Shortcode hôm nay Iris Tips sẽ giới thiệu cho các bạn một tiện ích khác của plugin này. Đó là tạo ra Đường Phân Cách với nút Back To Top bằng Shortcode.

Xem thêm

Plugin SEO Auto Tag Links - Tự động chèn Hyperlink vào từ khóa trong bài viết cho Blogger

Plugin SEO Auto Tag Links

Plugin này có nhiệm vụ tự chèn đường dẫn đến category, tag hay một từ bất kỳ vào đúng từ khóa mà bạn đã định sẵn mỗi lần load trang và có hỗ trợ từ khóa Tiếng Việt. Việc này vô cùng có lợi nếu bạn muốn tiết kiệm thời gian cho việc xây dựng backlink nội bộ, đặc biệt là với các website có nhiều bài viết. Các bạn hãy theo dõi bài viết dưới đây của Iris Tips để chèn plugin này vào Blogger nhé.

Xem thêm

Thêm Bộ gõ Tiếng Việt Mudim Panel ẩn hiện vào Blogger

How to add Vietnamese Input Method - Mudim Panel into Blogger

Bạn muốn độc giả gõ Tiếng Việt có khi thảo luận trên website của mình, nhưng đôi khi độc giả lại không cài đặt phần mềm hỗ trợ gõ Tiếng Viết trên máy tính của họ. Vậy phải làm thế nào? Cách tốt nhất là cài trực tiếp chương trình gõ Tiếng Việt vào chính website của mình. Bài viết sau đây sẽ giúp bạn thực hiện điều đó. Với hiệu ứng ẩn hiện khá đẹp mắt và không chiếm nhiều diện tích trên website của bạn. Hãy cùng theo đổi nhé.

• DEMO

Xem thêm

Mang tính năng Cuộn cảm ứng của Smartphone vào Google Chrome

Enable iPhone like touch scroll interface

Bạn rất thích tính năng cảm ứng được trang bị trên hầu hết các smartphone hiện nay, bạn muốn mang tính năng Cuộn cảm ứng đó vào trình duyệt Chrome trên máy tính của mình. Rất đơn giản hãy làm theo hướng dẫn sau đây của Iris Tips nhé!

>> Xem thêm: Mang hiệu ứng Cuộn cảm ứng vào blog của bạn.

Xem thêm

Trọn bộ All in One SEO Pack cho Blogger

All in One SEO Pack for Blogger - Blogspot Plugin v2.0

Chắc hẳn bạn đã nghe tới All in One SEO Pack được coi là một Plugin tốt nhất cho WordPress, nhưng bạn đã nghe đến All in One SEO Pack cho Blogger chưa? Nó thất sự có thật đấy, với bộ công cụ này bạn có thể cải thiện thứ hạng website của bạn trên tất cả các công cụ tìm kiếm lớn như Google, Bing, Yahoo...
All in One SEO Pack cho Blogger cho phép bot crawlers thu thập các thông tin trang web của bạn hàng ngày, giúp bạn có traffic nhiều hơn cũng như thứ hạn cao hơn trên SERPs.

Xem thêm

Tạo CSS3 Tooltip bằng Shortcode cho Blogger

Create CSS3 Tooltip with Shortcode for Blogger

CSS3 Tooltips là 1 hộp bong bóng được sử dụng để hiện thị thêm thông tin cho người đọc. Chúng có thể được sử dụng trong nhiều cách khác nhau ví dụ, để cung cấp phụ đề cho hình ảnh, hoặc mô tả dài hơn đối với các siêu liên kết, hoặc bất kỳ thông tin hữu ích bằng cách rê chuột trên các phần tử có chứa các class tooltip. Nhờ Blogger Shortcode Plugin bây giờ bạn có thể tạo Tooltips với đầy hiệu ứng màu sắc để tăng cường giao diện người dùng cho Blogspot của bạn.

Xem thêm: Hiển thị chú thích khi rê chuột vào chữ cho Blogger/Blogspot

Xem thêm: Hiển thị chú thích khi rê chuột vào chữ cho Blogger/Blogspot (ver2)

• DEMO

Xem thêm

jQuery Accordion Shortcode cho Blogger

jQuery Accordion Shortcode For Blogger

Đã bao giờ bạn tự hỏi làm thế nào để tạo jQuery accordions với hiệu ứng Toggle. Nay với Blogger Shortcode Plugin bạn sẽ thực hiện điều đó một cách dễ dàng chỉ với 1 dòng code.

• DEMO

Xem thêm

jQuery "Tabs Shortcode" cho Blogger

jQuery "Tabs Shortcode" For Blogger

Ở một bài viết trước: Thêm Multi Tabbed Sidebar vào Blogger Iris Tips đã chia sẻ cho các bạn cách tạo Multi Tab cho sidabar. Hôm nay cũng là Multi Tab nhưng được tạo bằng Shortcode. Dòng lệnh đơn giản chỉ với 1 dòng code, ngoài ra bạn cũng có thể thêm vào bao nhiêu tab bạn thích cũng được và đặc biệt là bạn có thể thêm Multi Tab ở bất kỳ nơi nào trong blog: sidebar, bài viết, bình luận...

• DEMO

Xem thêm