Pengguna Premium

Memasang Keranjang Belanja Gratis - GBankSCart StarterPack #part 1

Memasang Keranjang Belanja Gratis berikut tombol-tombolnya

Pemasangan keranjang belanja gratis tahap pertama ini cukup menyulitkan anda jika anda tidak begitu paham tentang html. Terlebih jika anda melakukan sedikit kesalahan saat melakukan tahap pembuatan formulir keranjang belanja. Itu dikarenakan id setiap kolom yang saya berikan nanti berbeda dengan id kolom toko online yang anda buat. Tetapi jangan khawatir, kami akan tetap membantu anda jika terjadi kesalahan dalam memasang keranjang belanja untuk blogspot.


Baiklah, kita mulai kerjakan saja. Pertama buka blog anda pada halaman design dan pilih gadget/widget blog anda yang berfungsi untuk menanamkan html dalam toko online anda, pastikan tempat anda menaruh gadget/widget mempunyai lebar kurang lebih 360px. Jika kurang dari itu anda bisa menyesuaikan sendiri nanti dengan mengganti size="25" menjadi 20 atau 15. Dalam blogger.com anda tinggal klik "Add a Gadget" dan memilih gadget "html/JavaScript" dalam "Page Elements". Kemudian salin dan tempel code berikut ini : (untuk keamanan dan kenyamanan anda, jangan mengubah apapun dalam script ini, kemudian save)

<center>
<div class="ss-form-container">
<div class="ss-form-heading"><h1 class="ss-form-title" itemprop="name"></h1>
<p></p>

<hr class="ss-email-break" style="display:none;">
</div>

<div class="ss-form"><form action="ganti sesuai dengan formulir yang anda buat" method="POST" id="ss-form"  name="GBankSCart" target="GBankSCheckOut">

<br>
<div class="errorbox-good">
<div class="ss-item  ss-text"><div class="ss-form-entry">
<input type="text" name="entry.0.single" value="-" class="ss-q-short" id="entry_0" size="25" readonly="readonly"/>
<input type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1" size="3" readonly="readonly"/>
<input id="clear1" onclick="CancelProduct1()" class="ss-q-short" type="button" value="" readonly="readonly"/>
<br>

<input type="text" name="entry.2.single" value="-" class="ss-q-short" id="entry_2" size="25" readonly="readonly"/>
<input type="text" name="entry.4.single" value="" class="ss-q-short" id="entry_4" size="3" readonly="readonly"/>
<input id="clear2" onclick="CancelProduct2()" class="ss-q-short" type="button" value="" readonly="readonly"/>
<br>

<input type="text" name="entry.6.single" value="-" class="ss-q-short" id="entry_6" size="25" readonly="readonly"/>
<input type="text" name="entry.8.single" value="" class="ss-q-short" id="entry_8" size="3" readonly="readonly"/>
<input id="clear3" onclick="CancelProduct3()" class="ss-q-short" type="button" value="" readonly="readonly"/>
<br>

<input type="text" name="entry.10.single" value="-" class="ss-q-short" id="entry_10" size="25" readonly="readonly"/>
<input type="text" name="entry.12.single" value="" class="ss-q-short" id="entry_12" size="3" readonly="readonly"/>
<input id="clear4" onclick="CancelProduct4()" class="ss-q-short" type="button" value="" readonly="readonly"/>
<br>

<input type="text" name="entry.14.single" value="-" class="ss-q-short" id="entry_14" size="25" readonly="readonly"/>
<input type="text" name="entry.16.single" value="" class="ss-q-short" id="entry_16" size="3" readonly="readonly"/>
<input id="clear5" onclick="CancelProduct5()" class="ss-q-short" type="button" value="" readonly="readonly"/>
<br>

</div></div></div>
<input type="hidden" name="pageNumber" value="0">
<input type="hidden" name="backupCache" value="">

<div class="ss-item ss-navigate"><div class="ss-form-entry">
<input style="margin: 5px 10px 5px 25px;" type="reset" value="EmptyCart" name="reset" onclick="EmptyCart()"/>
<input onclick="showCheckOut('CheckOutFrame')" style="margin: 5px 25px 5px 10px;" type="submit" name="continue" value="CheckOut" /></div></div></form>

<script type="text/javascript">
     
      (function() {
var divs = document.getElementById('ss-form').
getElementsByTagName('div');
var numDivs = divs.length;
for (var j = 0; j < numDivs; j++) {
if (divs[j].className == 'errorbox-bad') {
divs[j].lastChild.firstChild.lastChild.focus();
return;
}
}
for (var i = 0; i < numDivs; i++) {
var div = divs[i];
if (div.className == 'ss-form-entry' &&
div.firstChild &&
div.firstChild.className == 'ss-q-title') {
div.lastChild.focus();
return;
}
}
})();
      </script></div>

<div class="ss-footer"><div class="ss-attribution"/>
<div class="ss-legal"><span class="ss-powered-by">Powered by <a href="http://docs.google.com">Google Docs</a>
&amp;
<a href="http://id-gbankscart.blogspot.com/" title="Keranjang Belanja Gratis" alt="Keranjang Belanja Gratis" >GBankSCart</a></span>
<br/>
<span class="ss-terms"><small><a href="ganti sesuai dengan formulir yang anda buat">Report Abuse</a>
-

<a href="http://www.google.com/accounts/TOS">Terms of Service</a>
-
<a href="http://www.google.com/google-d-s/terms.html">Additional Terms</a></small></span></div></div></div></div>
</center>

Langkah kedua, anda harus buka google docs anda dan masuk dalam GBankSCart speadsheet yang kita buat tadi dalam tutorial-tutorial sebelumnya. Pada bagian navbar pilih form dan klik edit form. akan muncul halaman baru, yaitu halaman formulir yang sudah kita buat. Di bagian bawah pada tulisan "You can view the published form here" klik tautan berwarna biru di sebelahnya.

Kita akan pindah ke halaman pratinjau, klik kanan dan "view page source". Dalam halaman ini kita akan mencocokkan id="entry_xx" dan name="entry.x.single" (yang diberi warna merah) pada setiap kolom formulir. Pastikan urutan dan nomor id sama dengan yang anda tempelkan dalam keranjang belanja blogspot.

Selain itu di halaman ini silahkan cari "form action=" kemudian salin dan tempel alamat webnya ke dalam code bertanda "ganti sesuai dengan formulir yang anda buat" . Setelah itu cari "https://docs.google.com/spreadsheet/reportabuse" kemudian salin dan tempel semua alamat webnya ke dalam kode bagian bawah yang bertanda "ganti sesuai dengan formulir yang anda buat".


4 komentar:

  1. entry yang dimaksudkn ini mengarah kemana yaaa??

    BalasHapus
  2. kok keterangannya agak sukar dipahami ya kang..?

    BalasHapus
  3. Pada saat saya coba klik checkout, kenapa muncul tulisan ini ya pak "Sorry, the file you have requested does not exist.", tapi kalo di reload baru dia muncul form order nya? mohon pencerahannya......

    BalasHapus

New Update