reset and begin
11/13/2011

1 vài Template shopping cart cho blogspot

Hiện nay nhu cầu mở shop online là khá nhiều, với chi phí thấp nhất ta có thể dễ dàng  mở 1 shop bán hàng online thanh toán qua paypal  quốc tế hay ngân lượng của việt nam .Để quảng bá sản phẩm cho shop online của các bạn ,1 số designer đã phát triển template cho blogspot có  khả năng thanh toán online ,với nhiều ưu điểm và chuyên nghiệp.
Template Số 1
được khá nhiều blogger lựa chọn làm site bán hàng online , template blogger store  này khá ấn tượng với slide của jquery được tích hợp sẵn sàng, màu sắc bắt mắt , chỉ cần cài đặt là sử dụng dễ dàng.
view demon  download here
bonus với templates blogger store này thì cách post bài ( sản phẩm ) theo 1 mẫu sẵn đỡ mất time -
setting->postting and comment->post template click add  và dán code mẫu này vào
<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" /> <span class="item_price">$00.00</span></div>
<div class="item_Description">
Descriptions... </div>

1-để post sản phẩm mới ta chỉ cần thay
-src là link ảnh  của sản phẩm
-$00.00 thay là giá sản phẩm
-Descriptions thay mô tả sản phẩm

2-Để thanh toán qua paypal ta mở template->edit html tìm dòng này
simpleCart.email thay bằng email của bạn trên paypal cụ thể
<script type='text/javascript'>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email =
'email@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment',  'decrement','Total'];
//]]>
</script>

-
3- thay menu (top menu)
tìm dòng code
<div class='clearfix' id='container'>
<div id='top-bar'>
<ul id='top-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Category</a>
 <ul class='sub-menu'>
 <li><a href='#'>Category 1</a></li>
 <li><a href='#'>Category 2</a></li>
 <li><a href='#'>Category 3</a></li>
 </ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>
thay đường link hay hiển thị vào cho nó phù hợp
ví dụ
<li><a href='http://shimivn.blogspot.com/'>Home</a></li>
<li><a href='http://www.atsuu.com/search/label/facebook'></a></li>
 4- thay menu icon mạng xã hội có sẵn bằng địa chỉ của bạn
<ul id='top_social'>
<li class='social_facebook'>
<a href='#' tooltip='facebook'><span>facebook</span></a></li>
<li class='social_twitter'>
<a href='#' tooltip='twitter'><span>twitter</span></a></li>
<li class='social_linkedin'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
<li class='social_rss'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>        
</ul>

5- thay menu ngang - menu chính
<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
    <ul>
    <li><a href='#'>Camera</a></li>
    <li><a href='#'>Gadget</a></li>
    <li><a href='#'>Electronic</a></li>
    <li><a href='#'>Phone</a></li>
    </ul>
6 thay đổi thông số slide - sản phẩm nổi bật
tìm dòng code product_image = new Array();
đầy đủ
<script type='text/javascript'>
//<![CDATA[
random = true;
product_image = new Array();
product_image[0] = "/noimage.png"; // đường dẫn ảnh hiển thị khi sản phẩm không có ảnh minh họa.
product_image_width = 250; // chiều rộng ảnh.
product_image_height = 260; // chiều cao ảnh
product_image_number = 9; // số  sản phẩm để trong slide.
//]]>
</script>
Template số 2   có tên simplex eshop  do đinh quang huy design đây là template nguyên thủy cho các template trên,vì chú trọng các tính năng mà ít để ý đến template ,để sử dụng chắc phải sửa template này lại khá nhiều .
Các chức năng tương tự template trên
Thay đổi Các thông số cho hợp với shop thì bạn có thể vào đây đọc thêm
ưu điểm nổi bật của template này  so các template khác ,là không chỉ post sản phẩm mà template này cho phép bạn post cả tin tức vào shop .
Template sô 3 
shopping cart blogger
tương tự như template số 1 chỉ đơn thuần là  quảng bá sản phẩm ,
 Template nhìn khá đơn giản màu sắc bố cục , đẹp.
Demo         Download template
thay đổi thông số cho phù hợp bạn vào đây

Lựa chọn blogger hay blogspot sẽ Tiết kiệm 1 khoản chi phí host khá đắt trong khi nhu cầu của bạn chỉ là để quảng bá sản phẩm.
ưu điểm
*  không sợ hack,ddos ,hay vấn đề kỹ thuật do sự cố host. 
* Cài đặt đơn giản nhanh chóng chỉ cần tài khoản blogger ( gmail ) là có ngay shopping cart 
* khả năng SEO mạnh mẽ với url friendly sẽ nhanh chóng đưa bạn vào top SE.
* Tiết kiệm chi phí khi mà chỉ cần mua thêm 1 domain quốc tế add vào blogspot là ok.
* tích hợp javascript hay jquery tăng hiệu ứng cho website


Bloger Comments
G+ Comments
Comments FaceBook

9 comments:

  1. Mình muốn tích hợp thêm ngân lượng vào có được ko?????

    ReplyDelete
  2. tất nhiên là được , tuy nhiên vì blogspot chỉ là mã html , cho nên để bán từng sản phẩm( từng post trên blogspot) bạn sẽ phải tạo trên ngân lượng từng đó nút thanh toán .

    ReplyDelete
  3. Bạn ơi hướng dẫn chi tiết mình cách post sản phẩm cho mẫu số 1 .
    Mình làm thử mà chưa đc như demo

    Bạn xem thử giùm mình nhé http://klinkthainguyen.blogspot.com/
    Cảm ơn bạn đã chia sẻ Tempale

    ReplyDelete
  4. Cần chỉnh sửa như nào để khi click vào More Info thì nó hiện thêm thông tin vậy bạn?

    ReplyDelete
  5. đoạn này trên bài nè
    setting->postting and comment->post template click add và dán code mẫu này vào.....

    ReplyDelete
  6. để sửa lỗi template này khi click more info ta làm như sau

    mở rộng giao diện HTML (Expand Widget Templates ) tìm đến code
    a class='more_info'.......
    thay bằng
    a class='more_info' expr:href='data:post.url'
    giao diện nào cũng cần sửa chữa - không lỗi ie thì FF ..

    ReplyDelete
  7. Mình tự thiết kế một mẫu đơn giản tại đây: SiEMobi - Mẫu cửa hàng Online cho Blogger
    Nó rất dễ cài đặt và sử dụng và đặc biệt là gần như tự động, bạn ít phải cài đặt các tính năng.

    ReplyDelete
  8. mình có thể thay đổi cột menu bên phải sang bên trái được không bạn,mong bạn giúp đỡ.cảm ơn bạn nhiều

    ReplyDelete

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .