Panduan Install Template Toko Boneka - TTO

Template Toko Boneka - TTO
Homepage Template Toko Boneka - TTO



1. Mengganti Template Blogger
Berikut cara-cara untuk mengganti template dengan template dari penyedia template :
  1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
  2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atauWinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online diWobzip.
    ekstrak template
  3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
  4. Silahkan login ke blogger dengan ID anda.
  5. Klik Rancangan.
    rancangan
  6. Klik menu Edit HTML.
    edit html
  7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
    download template lengkap
  8. Klik tombol Browse.., pilih file template yang tadi didownload (file dengan ekstensi .xml). Kemudian klik tombol Unggah.
    unggah template
  9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.
    pertahankan-widget
  10. Selesai.

2.  Mengganti judul Situs



setelah loggin ke blogger >> layout / tata letak >>cari widget header (di bagian paling atas) >> Isi lengkapi bagian judul, keterangan / deskripsi dan upload gambar logo toko anda >> simpan widget

3. Mengganti Gambar Slide Show


Menuju ke Template >> edit HTML (centang expand widget template) >> Temukan url gambar berikut ini dan ganti dengan alamat URL gambar anda sendiri.


<a href='imgN_url' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitweNqWrWCO3myvgtebuzs-L2y3S55MyG_AIeersxICtd-n5fROZNiHyFI5gFjTu61zq-A_7iT5NCXeMALCY2AFHb-Qo2T4qP-rVKpR99x0V7rYmHkBlJ_qPgfRshwV3DWmnXiOjhDQT7J/s660/banner%2520slide%2520boneka.png'/>
<span>
ISI KETERANGAN DI SINI
</span>
</a>

<a href='imgN_url' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBE1n4bfDhTFE_oydrFJ6CU9FnwLhyXUm1_OOH5_-FgtuGjkLb9rf097hhNuFaaoV8XhgdPeiI6Z7o7feHIKAyCyQ60x_KRST-Q5C19sj7yEmZX8Z-fH-MKXQnawnGqDTRTQaI1FDaMhg/s660/boneka%2520lucu.png'/>
<span>
ISI KETERANGAN DI SINI
</span>
</a>

<a href='imgN_url' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hbfJfgtLvo5YN02g5cbE6Qn0E-Zj4-N23_q_Eh4a9eH5NMiDcBbuzH9CVnf5oNGJoUk5PV2UvSSJCStJBaLqOOggexWcFL1m2KOMTnleg5-ThjynUBRBX9FQtdBIAISXTH5eV8hw0FPH/s660/bunny_doll_banner_by_vanil_a_a_a-d38afut.png'/>
<span>
ISI KETERANGAN DI SINI
</span>
</a>
Keterangan :
  • imgN_url : ganti dengan alamat Link Target dari setiap gambar slide show
  • Ganti URL img src (URL yang berwarna  merah) dengan URL gambar anda sendiri
  • ISI KETERANGAN DI SINI: Ganti dengan keterangan masing-masing gambar slide show
4.  Mengganti gambar CS (Customer Service) dan Kalimat Selamat datang
 

Masuk ke template >> Edit HTML (centang expand widget Template) >> temukan url berikut :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9APEi4V2ZQ2DfE353-b-tus0GEpoa9N8E8Bh3pkBq4_lbZeP45Blj37oRFCAfYtYfTileCGuHpXxoBAPOBIzpcIe7jxjmdmRMC4flz5M5ed1cgt7jsziDCNxGYry9SiBsKcMD2pLxnU/s1600/callcenter1.jpg
Setelah ketemu ganti dengan alamat URL gambar Anda sendiri.
Mengganti Kalimat Selamat datang:
Cari kalimat berikut masih di bagian HTML Template :

Selamat datang di Toko Online Kami

Silakan Anda berbelanja di Toko Online Kami ini dengan aman dan nyaman. Apabila Anda memiliki pertanyaan, customer Kami yang sedang online akan dengan sangat senang hati dan ramah dalam melayani Anda saat bertransaksi. Jika Kami sedang offline, Anda masih bisa mengirimkan pertanyaan atau permintaan bantuan mengenai produk kami melalui email , BB, maupun YM.Terima kasih
Kemudian, setelah ketemu, ganti dengan kalimat yang Anda buat sendiri.
Preview/pratinjau hasilnya dulu, lalu Simpan/save template. 
5. Mengganti ID Yahoo! Messenger
Masuk ke template >> Edit HTML (centang expand widget Template) >> temukan ID YM berikut :
 IDYMMU
Ada 2 ID YM, selanjutnya Anda ganti dengan ID YM Anda sendiri 
6. Menggaktifkan Kotak Pencarian
Untuk mengaktifkan kotak pencarian, cari url berikut ini :
http://templatetokoboneka2kolom.blogspot.com/search
Setelah ketemu, ganti text berwarna merah dengan alamat blog anda sendiri. 


7. Mengedit Template dengan Blogger Template Designer

Langsung menuju ke Template >> klik Ubah sesuaikan (lihat gbr di bawah)


Anda akan diarahkan ke halaman seperti berikut ini :



Selanjutnya Anda bisa mencobanya terlebih dahulu DISINI

8. Menambahkan Template Post Editor

Agar pada saat setiap melakukan entri post baru (new post entry), bisa lebih mudah dan memiliki tampilan yang sama pada setiap postingan (Seperti gambar di bawah ini),

maka anda harus menambahkan kode html di bawah ini :

<table style="width: 735px;">
<tbody>
<tr>
<th style="font-weight: normal;" width="50%"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQfFARRig9L-F4JydkBjcXWkexW1X7jF6bPjbIH7symZpn4WcJyNDkgWdRsWRtqEtUYHxMlXFxCeeYd_zR9GUO_UDASbwRX8CrahZ14FIB_s579UmmfGPIqB3DCQoN1WoTWXwcR2Lor0/s1600/boneka+6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQfFARRig9L-F4JydkBjcXWkexW1X7jF6bPjbIH7symZpn4WcJyNDkgWdRsWRtqEtUYHxMlXFxCeeYd_zR9GUO_UDASbwRX8CrahZ14FIB_s579UmmfGPIqB3DCQoN1WoTWXwcR2Lor0/s1600/boneka+6.jpg" width="70%" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</th>
      <td><b>Fitur Produk :</b><br />
<ul>
<li><b>1</b></li>
<li><b>2</b></li>
<li><b>3</b></li>
<li><b>4</b></li>
<li><b>5</b></li>
<li><b>6</b></li>
<li><b>7</b></li>
</ul>
<b>Stock : Available </b></td>
    </tr>
</tbody>
    </table>
<div style="color: #351c75; text-align: center;">
<b><br /></b></div>
<table border="2" style="width: 735px;">
<tbody>
<tr>
      <th style="font-weight: normal;"><a href="http://namabloganda.blogspot.com/p/cara-pemesanan.html" rel="nofollow" target="_blank"><b>Cara Order</b></a></th>
      <td class="item_price" style="text-align: center;">Rp 99.999</td>
    </tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://namabloganda.blogspot.com/p/cara-pemesanan.html" rel="nofollow" target="_blank"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGHL185eRvePLE9InKGP_3bLMoDyZg5aDJOGbvfBQYcglNZMBW9wLLPRwzZUm4AGe4kAwzB8XHVVV8UhGTpbdkU7B0Ua2Lp4QpxRWpUSKjJfVGHOH5DYFiGL-3mXO-ylyYAzJw9taY_L8T/s200/order_now.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-Z8YmZhe-f9figkUJcFiApm_sFSbn-WeC3-gajmGKNBIDLf_qBsIZFoMXQcuXSshuhAkLj1ITDRnvaNwJ3ZCRPvc72TxGfgEoSsEBKYdIBNIxq_pVHFnmwQSdN8IMyw2NEGA0gyO9Qbd/s1600/order_now.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
Keterangan;
Ganti text namabloganda dengan nama alamat blog anda sendiri

Copy dan paste kode html di atas pada bagian :
setting >> post dan comment (posting dan komentar) >> Pada post template klik edit, kemudian copy/paste script di atas pada kolom post template >> lalu Simpan (Lihat gambar di bawah).

Sehingga, setiap kali anda akan melakukan posting di menu entry Post akan muncul template post seperti gambar berikut :
Sehingga lebih memudahkan Anda dalam mengeposkan produk-produk Anda.

9. Mengaktifkan Tombol Order
Agar tombol order bisa berfungsi dengan baik, maka Anda harus membuat sebuah halaman statis (pages) dengan judul "cara pemesanan". Sehingga nantinya alamat halaman statis anda akan seperti ini : 
http://namabloganda.blogspot.com/p/cara-pemesanan.html
jadi setiap pengunjung yang melakukan klik tombol order akan otomatis dibawa ke halaman cara pemesanan tersebut.

Sampai Disini semua panduan Instalasi Template Toko Boneka - TTO dari Tukang Toko Online sudah Selesai.
Jika ada pertanyaan atau bantuan silakan SMS atau email dari SINI.