Trong bài viết tổng hợp các Template bán hàng cho Blogspot tôi nhận được rất nhiều câu hỏi xung quanh việc cài đặt và thiết lập các template (mẫu) này cho blogspot như thế nào? Cấu hình làm sao cho chuẩn… Vì thế tôi quyết định viết bài hướng dẫn này hy vọng sẽ giúp các bạn có được câu trả lời và làm quen với việc cài đặt một template bán hàng cho Blogspot.
Trong phần hướng dẫn tôi sẽ hướng dẫn các bạn cài đặt Johny Black Store Blogger Template vì thế trước tiên bạn cần tải template này về tại đây.
1. Sửa thông tin template Blogger
Việc đầu tiên sau khi bạn tải template về là giải nén file tải về. Các bạn sẽ thấy một file với tên Johny Blackstore.xml hãy mở file này lên bằng một phần mềm hỗ trợ chỉnh sửa code như Sublime Text, Notepad ++. Sửa các thông số về phần miêu tả cho Shop (Description), từ khóa (keyword), tác giả (author)… như hình. Sau khi sửa xong lưu file này lại.
2. Cài đặt template bán hàng cho blogspot
Các bạn truy cập vàp http://blogger.com chọn Shop mà mình muốn cài đặt. Trong trang quản lý Blogger chọn menu Mẫu (Template) ở cột bên trái để được đưa tới khu vực quản lý Template của Blogger.
Trong khu vực này chọn Sao lưu/Khôi phục ở góc trên bên phải màn hình. Làm theo thứ tự ghi trong hình.
Một cửa sổ sẽ hiện ra cho phép bạn tải lên Template cho blogger hãy chọn file bạn mới chỉnh sửa sau đó nhấn Tải lên. (Làm theo các bước 1-5).
Cuối cùng bạn đã cài đặt xong template bán hàng này và chúng ta sẽ đi tiếp sang phần tiếp theo.
3. Thiết lập Post Template cho Blogger – Blogspot
Do không có khu vực quản lý sản phẩm nên mặc định trong template blogspot quy định các bài đăng chính là các sản phẩm. Và để định dạng cho các sản phẩm trong Blogger bạn cần một đoạn Code. Hãy truy cập vào phần Cài đặt – Bài đăng và nhận xét.
Trong mục Mẫu bài đăng hãy copy đoạn Code bên dưới và dán vào khung mẫu bài đăng.
1
2
3
4
5
6
| <div class= "product_image" > <a class= "cloud-zoom" href= "url-image.jpg" rel= "softFocus: true, position:'inside', smoothMove:2" ><img border= "0" class= "item_thumb" src= "url-image.jpg" /></a> <span class= "item_price" >$ 00.00 </span></div> <div class= "product_describe" > Description your product............. </div> |
Sau khi copy nhấn lưu cài đặt ở góc trên bên phải màn hình.
4. Đăng sản phẩm trong Blogger – Blogspot
Để đăng sản phẩm trong shop bán hàng trên blogger – blogspot bạn có thể làm hai cách. Cách 1 bấm vào nút có biểu tượng cây bút chì trên đầu trang hoặc nhấn nút Bài đăng mới ở Menu bên trái màn hình blogger.
Tiếp theo nhấn vào nút HTML để định dạng cơ bản cho sản phẩm:
Hình ảnh sản phẩm: Thay 2 mục url-image.jpg thành đường dẫn cho hình ảnh của sản phẩm
Giá cho sản phẩm: thay $00.00 thành giá mà bạn mong muốn.
Miêu tả sản phẩm: Thay Description your product…. thành đoạn miêu tả cho sản phẩm.
Bước cuối cùng bạn chỉ cần nhấn nút Xuất bản và xem thành quả của mình.
Hình ảnh sản phẩm: Thay 2 mục url-image.jpg thành đường dẫn cho hình ảnh của sản phẩm
Giá cho sản phẩm: thay $00.00 thành giá mà bạn mong muốn.
Miêu tả sản phẩm: Thay Description your product…. thành đoạn miêu tả cho sản phẩm.
Bước cuối cùng bạn chỉ cần nhấn nút Xuất bản và xem thành quả của mình.
Trên đây là cách cài đặt một mẫu template bán hàng cho blogger – blogspot hoàn chỉnh. Nếu gặp vướng mắc gì bạn có thể để lại bình luận ở cuối bài viết.
0 nhận xét:
Đăng nhận xét