Blogger template và đưa nó lên blog của bạn. Bây giờ, hãy vào Settings> Formatting. Đặt số mong muốn của bài viết được hiển thị trong blog. Theo như hình bên dưới.
Sau đó, di chuyển xuống trang cho đến khi bạn thấy "bài bản" tùy chọn. Dán đoạn mã sau vào vùng văn bản. Và nhấn "Save"
<table border="1" style="width: 660px;"> <tbody> <tr> <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ0lpSJiCy9dwHCbeZJx5BTi8NuhSp1Tg-ulW8AQ18VFsm85RxxoqJPmUXGmbJWdlnGNbZsCcT31MJgK1ebGgzL1ShJTq64hHgIomyp9oH4lNGDM4WH5lafoaXQWLs6Yuuy5ih9FGaz7Hp/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ0lpSJiCy9dwHCbeZJx5BTi8NuhSp1Tg-ulW8AQ18VFsm85RxxoqJPmUXGmbJWdlnGNbZsCcT31MJgK1ebGgzL1ShJTq64hHgIomyp9oH4lNGDM4WH5lafoaXQWLs6Yuuy5ih9FGaz7Hp/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th> <td><input class="item_add" type="button" value="Add to Cart" /></td> </tr> <tr> <th><b>Item Name</b></th> <td class="item_name">Product Name Goes here!</td> </tr> <tr> <th><b>Price</b></th> <td class="item_price">$99.99</td> </tr> <tr> <th><b>Description</b></th> <td class="item_Description">Your product description here!</td> </tr> <tr> <th><b>Available Stock</b></th> <td>Stock count here!</td> </tr> <tr> <th><b>Misc</b></th> <td>Place extra thumbs/images of product here</td> </tr> </tbody> </table>
Dưới đây là ảnh chụp màn hình của bài mẫu đã được bổ sung với mã.
Bây giờ hãy vào đăng bài | (New Post) và bạn sẽ thấy bảng có trong trình soạn thảo bài viết của bạn. Bạn có thể loại bỏ những hình ảnh mặc định rằng tôi đã thêm vào trong mã bằng cách nhấp vào nó và chọn "Hủy bỏ". Sau đó, tải hình ảnh hàng của bạn bên trong ô bảng. Chúng tôi đề nghị bạn sử dụng hình ảnh có kích thước trung bình.
Điền vào các tùy chọn khác như Item Name, Price và mô tả bằng cách thay thế các văn bản mặc định. Chúng được sử dụng như là các giá trị bởi kịch bản SimpleCart trong PayPal Checkout. Và hãy nhớ rằng bạn Item Name phải là duy nhất. Bây giờ, nhấp chuột vào các chế độ HTML trong bài biên tập và loại bỏ không cần thiết <div> .... </ div> trong mã cho hình ảnh item. Chúng tôi chỉ cần <img ... /> mà đã được nhấn mạnh trong hình dưới đây.
Vì vậy, đây là cách nó sẽ trông giống như khi chúng ta loại bỏ các <div> .... và <a href .... mà kết thúc tốt đẹp <img ... code.
Bạn có thể thay đổi nó trở lại "Compose" chế độ, thêm / chỉnh sửa bất kỳ thông tin về các sản phẩm và nhấn nút "Xuất bản".
PayPal Email Hướng dẫn
Đến Thiết kế> HTML. Tìm kiếm simpleCart.email sử dụng tổ hợp phím CTRL + F. Bạn sẽ thấy đoạn mã này.
<script type='text/javascript'> simpleCart.email = "bloggermint@gmail.com"; simpleCart.checkoutTo = PayPal; simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ]; </script>
Thay tài khoản PayPal (email) mặc định mà của tôi là (enjoydalat@gmail.com) bằng e-mail của bạn. Và Lưu mẫu. Bạn đã làm xong! Dưới đây là một ảnh chụp màn hình mẫu của PayPal bật lên cửa sổ trong thanh toán.
Đã phiên bản trả tiền của PRO Giỏ hàng này với các tính năng tiên tiến hơn và cái nhìn chuyên nghiệp. Hãy giữ các liên kết bên dưới còn nguyên vẹn. Nếu bạn muốn loại bỏ các liên kết mà bạn phải trả một khoản phí nhỏ. Và, nếu bạn muốn để có được các mẫu tùy chỉnh, hãy liên hệ với chúng tôi.
Đối với những người không có thẻ PayPal / tín dụng, bạn có thể muốn sử dụng hình thức liên lạc email. Bạn có thể thay thế "Thêm vào giỏ hàng" nút với một hình thức liên kết, liên hệ email / phản hồi bằng cách làm theo các bước dưới đây. Cảm ơn chân thành đến một trong những người đọc blog của chúng tôi, Vivija (Ble) từ Skopje, Macedonia, người đã dành thời gian của mình để tìm phương pháp này.
Trước tiên, hãy để Kontacr.com và đăng ký một tài khoản mới. Một khi bạn đã đăng nhập vào Kontacr, di chuyển xuống trang cho đến khi bạn nhìn thấy "Ajax Embed Widget" hoặc "Buttons Code" và nhận được yourKontacr ID đó sẽ giống như thế này: - id = 39.662;. Copy nó và giữ nó cho việc sử dụng trong các bước tiếp theo.
Bây giờ, hãy để thiết kế> Chỉnh sửa HTML. Thêm mã dưới đây trước thẻ đóng </ head>.
<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>Sau đó, tìm kiếm các đoạn mã hiển thị dưới đây CTRL + F.
input.item_add{ bottom: 9px; font-size: 11px; position: absolute; right: 15px; width: 90px; }
Có hai input.item_add {mã trong mẫu này. Tuy nhiên, bạn có thể phân biệt chúng bằng cách nhìn vào tờ khai CSS bên trong {....}. Tìm kiếm cho các input.item_add {code mà đến trước đó trong phần CSS. Sau đó, thay thế nó với mã này.
span.item_add{ bottom: 9px; font-size: 11px; position: absolute; right: 15px; width: 90px; }
Vì vậy, bây giờ, tìm kiếm các input.item_add thứ hai {code ở dưới cùng của phần CSS.
input.item_add { font-size: 17px; height: 40px; margin: 5px 0 0 140px; position: relative; width: 120px; }Và thay thế nó bằng
span.item_add { font-size: 17px; height: 40px; margin: 5px 0 0 140px; position: relative; width: 120px; }
Và bây giờ click "Save Template". Sau khi đã lưu, hãy vào Settings> Formatting và tìm kiếm cho "bài bản" tùy chọn mà nằm ở dưới cùng của trang đó.
Thêm đoạn mã sau vào vùng văn bản đó và nhấn "Save Settings". Nhưng trước đó, hãy nhớ thay đổi id = 39.662; với ID của bạn trong Kontacr mà bạn nhận được trước đó.
<table border="1" style="width: 660px;"> <tbody> <tr> <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ0lpSJiCy9dwHCbeZJx5BTi8NuhSp1Tg-ulW8AQ18VFsm85RxxoqJPmUXGmbJWdlnGNbZsCcT31MJgK1ebGgzL1ShJTq64hHgIomyp9oH4lNGDM4WH5lafoaXQWLs6Yuuy5ih9FGaz7Hp/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ0lpSJiCy9dwHCbeZJx5BTi8NuhSp1Tg-ulW8AQ18VFsm85RxxoqJPmUXGmbJWdlnGNbZsCcT31MJgK1ebGgzL1ShJTq64hHgIomyp9oH4lNGDM4WH5lafoaXQWLs6Yuuy5ih9FGaz7Hp/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th> <td><span class="item_add"><script type="text/javascript"> id=39662; t=1; ctxt="Order Now"; </script> <script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script></span></td> </tr> <tr> <th><b>Item Name</b></th> <td class="item_name">Product Name Goes here!</td> </tr> <tr> <th><b>Price</b></th> <td class="item_price">$99.99</td> </tr> <tr> <th><b>Description</b></th> <td class="item_Description">Your product description here!</td> </tr> <tr> <th><b>Available Stock</b></th> <td>Stock count here!</td> </tr> <tr> <th><b>Misc</b></th> <td>Place extra thumbs/images of product here</td> </tr> </tbody></table>
Tôi đã cập nhật blog giới thiệu với các liên kết phản hồi email trong một số mặt hàng. Cảm ơn một lần nữa để Vivija.
Cập nhật 25/07/2011:
Do một số thay đổi đáng ngờ trong mã Google của chúng tôi, nơi chúng tôi đã tổ chức kịch bản của chúng tôi, các giỏ Javascript không được làm việc. Chúng tôi đã tải lên lại file js. Chúng tôi rất xin lỗi vì sự bất tiện gây ra.
<script src='http://introbloggerscripts.googlecode.com/files/cart.js' type='text/javascript'/>
Và thay thế nó bằng các URL nguồn mới hơn.
<script src='http://shopppingcart.googlecode.com/files/simplecart.js' type='text/javascript'/>
From: Bloggermint
