Shopping Cart-My: Tutorial Integrasi Themes Blogger Kedai On-Line Percuma

Anda berkemungkinan memerlukan tutorial dan panduan bagi pemasangan yang ideal dan mesra enjin carian bagi tema Kedai On-Line Shopping Cart-My. Terima kasih kepada sahabat designers dari Bloggermint.Com, kerana menyediakan tutorial lengkap. Terima kasih juga kepada Simplecart.com kerana membekalkan javascript untuk fungsi integrasi Checkout

Update Mac 2013 - Kini tema MyBlogShop Pro boleh di download/muat-turun percuma. Tutorial dan tips pemasangan disediakan

Namun begitu, untuk memastikan anda tidak mengalami sebarang masalah, kami menyediakan tutorial lengkap tema blogger Shopping Cart-My dan boleh disiapkan dalam 15 minit sahaja!

Untuk edisi ini, ada beberapa "tweaks" yang perlu anda lakukan, dan ada dinyatakan di tutorial Shopping Cart Themes blogger asal. Ia bertujuan untuk memastikan anda boleh terus berniaga dan memaparkan barangan jualan on-line anda dengan cepat, mudah dan lebih efisyen. Disamping itu, terdapat beberapa tips SEO yang boleh anda amalkan bagi memastikan anda menggunakan kuasa enjin carian terutamanya Google sepenuhnya.

Nota: Gambar dan imej dilaman contoh tersebut adalah copyright pemilik masing-masing. Designer tiada kaitan dengan pemilik gambar mahupun imej pada gambar tersebut. Harap maklum

> Melihat live Demo Shopping Cart Themes menggunakan integrasi Paypal dari Bloggermint.Com disini. 

 > Melihat live Demo Shopping Cart-My Tema Blogger tanpa integrasi (bagi mereka yang tiada akaun Paypal).

Panduan dan Tutorial Lengkap Memasang Tema E-Commerce Blogger Shopping Cart-My

Dikemaskini dari : Bloggermint.Com

Penting: Pastikan setting tema asal blogger anda bukannya tema jenis Dynamic sebelum memulakan langkah tema ini. Jika anda setting Dynamic, sila ubah ke tema Standard Blogger sebelum memuat-naik tema Shopping Cart dan memasang.

Integrasi dengan Sistem Bayaran Paypal Checkout

1. Download fail penuh tema Shopping Cart-My dan ekstrak menggunakan WinZip atau WinRar di komputer anda.

2. Buka browser >  pergi ke Dashboard > tekan Template > Tekan butang Backup/Restore > Muaturun tema sedia anda dan simpan di dalam hardware komputer anda.

3. Tekan butang Upload > pilih fail dari folder tema di ekstrak tadi > tekan Open > memuat naik tema dilaksanakan > selesai anda akan keluar dari muatnaik window dan terus ke ruang Edit Template. (perhatikan skrin shot tema sudah bertukar).

4. Tekan butang Edit Template > Proceed > klik Expand Widget > dan tekan Ctrl-F dan taipkan perkataan Paypal dan tekan butang Enter di carian tersebut.

***jika anda tiada akaun Paypal lagi, anda boleh membuat pautan ke page lain anda dengan menggunakan modifikasi Shopping Cart-My Checkout Page ini. 

5. Jika anda sudah sedia dengan akaun "Merchant" Paypal anda serta diverifikasikan, diruang xxxxxxx@gmail.com > masukkan alamat e-mail yang berdaftar dengan akaun Paypal anda tersbut.

Nota: Mendaftar akaun "Merchant" dengan Paypal adalah percuma dan begitu mudah dengan langkah disediakan dilaman tersebut.

6. Sebagai tambahan, oleh kerana template ini adalah kustom, anda dikehendaki untuk tekan Ctrl-F > taipkan Attribution1 > tekan Enter sehingga anda berjumpa kod seperti dibawah:-

Pada perkataan true anda ubah kepada false.

Teknik sama seperti Langkah 6, tekan Ctrl-F > taipkan perkataan  div id='navigation' > tekan Enter sehingga anda berjumpa kod seperti dibawah. > Tukarkan perkataan true kepada false

<div id='navigation'>
<b:section class='nav' id='nav' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>

7. Klik Save dan anda akan keluar dari Edit Template

8. Pergi ke Setting > Post and Comments > Post Template > copy kod dibawah > dan pastekan pada ruang Post Template (anak panah ruang hijau no.3) > Periksa setting comments seperti dikehendaki >  klik 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/AVvXsEhB6UPXhKxcal4xizDEHJaM36SQvzJHxoEZphwyXIZMfJAT9TAWlGq8bc1NezQGE2h8B4wvuKbUAFtFJbzKBvMYmnpDaCjruytHgD8NHq1WSY2t8pIvUTMEIy0wFtVY3IOQpzzVGgYBqZ3v/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/AVvXsEhB6UPXhKxcal4xizDEHJaM36SQvzJHxoEZphwyXIZMfJAT9TAWlGq8bc1NezQGE2h8B4wvuKbUAFtFJbzKBvMYmnpDaCjruytHgD8NHq1WSY2t8pIvUTMEIy0wFtVY3IOQpzzVGgYBqZ3v/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>

8. Pergi ke Pages > Add Page > Bina Pages Bertajuk "About Us"; "Contact Us"; "Services" > Klik Save bagi setiap pages dibina > dan pastikan butang atas kanan anda memilih drop-down Menu Tab Active > sebelum tekan Save Arrangements.

Nota: anda boleh tambah pages selepas ini cuma disini ingin menunjuk asas untuk pemahaman anda.

9. Pergi ke Layout > kotak berlabel Attribute > tekan link Edit > tekan butang Remove

10. Pergi ke kotak berlabel Pages > alihkan (drag and drop) kotak tersebut supaya kedudukan diatas  kotak Main Page > Kemudian alihkan semula ke tempat asal tadi > selepas berjaya klik Save Arrangement.

Nota Penting: Teknik ini diperlukan bagi mengemaskini navigasi paparan menu sahaja. Ia haruslah dilakukan jika anda menambah pages untuk dipaparkan automatik di navigasi menu tersebut. Tidak diperlukan jika dalam keadaan biasa dan ketika membuat Posting ataupun mengolah kotak-kotak widget yang lain.

12. Klik Save Arrangements dan anda boleh membuat pengubahsuian custom anda seperti memasukkan gambar, nama baru blog kedai on line anda dan juga membuat test post memasukkan barang contoh. Semuanya dari panel Dashboard Blogger anda.

13. Gambarajah dibawah menunjukkan langkah-langkah memasukkan data ke dalam post anda yang telah siap sedia.

Kotak berwarna merah tidak perlu diubah suai. Gunakan kreativiti untuk mengisi ruang berkaitan dengan barangan anda untuk dijual. Pastikan informasi bermanfaat kepada bakal pelanggan anda serta "unique" untuk enjin carian terutamanya Google.

> Muaturum tema percuma e-commerce blogger asal Shopping Cart di pautan muaturun ini dri Bloggermint.Com 

> Muaturun tema themes updated Shopping Cart-My anda boleh tekan pautan percuma ini. 

Tips untuk enjin carian SEO/SEM: 

1. Tajuk Post = koleksi barangan (contoh: Koleksi Tudung Terbaik Arianio di Kangar),
2. Item Name = Nama spesifik barangan (cth: Tudung ropol dua warna dengan anak tudung nylon),
3. Description = Nyatakan dengan jelas bagi menarik pelanggan anda untuk membeli.
4. Dan yang lain adalah mengikut kreativiti anda sendiri. Pastikan tajuk post "unique" untuk setiap koleksi bagi mengelakkan pendua di laman carian.
5. Pentingnya setiap Tajuk Post dan description adalah berbeza antara stu sama lain bagi mengelakkan sebagai pendua di enjin carian.

> Demo Shopping Cart Themes menggunakan integrasi Paypal 

> Demo Shopping Cart-My Tema Blogger tanpa integrasi (bagi mereka yang tiada akaun Paypal).

>Muaturun Tema Percuma Shopping Cart 

Penting: Integrasi PAYPAL berurusan dalam US Dolar untuk setting ini. Paypal masih belum menerima nilai RM untuk integerasi pembayaran automatik ini. Akan dimaklumkan dimasa ke semasa.

Menaik-taraf kedai on-line profesional dengan integrasi Checkout untuk blogger seperti anda.

Jika ada sebarang soalan, boleh kemukakan di ruang komen dibawah.  Anda boleh juga mendapat khidmat modifikasi mengikut keperluan anda, jika diperlukan. Membina E-Commerce Blogshop lengkap dengan integrasi Shopping Cart Paypal dalam masa 15 minit sahaja! Anda terus boleh berniaga on-line. Selamat mencuba - irsah indesign.

Update Mac 2013 - Kini tema MyBlogShop Pro boleh di download/muat-turun percuma. Tutorial dan tips pemasangan disediakan