Tutorial Template

BukaBaju Template,ya itulah nama template yang akan saya bagikan untuk anda yang ingin membuka lapak online alias berjualan dengan modal yang cekak. Template toko online blog ini Gratis dengan fitur desain yang simpel dan saya rasa cukup fleksibel untuk berjualan,kalau anda minat yang premium...!! Silahkan berkunjung ke www.dinotemplate.com .

Fitur-fitur di BukaBaju template :

Full Post Product.
Currency IDR ( Indonesia Rupiah )
Related Post.
Footer 4 Columns
Drop Down Menu.
Price Button.
Ads Ready header.
Widget ongkir.
widget bank.

Template ini sengaja tidak saya masukkan fitur shopping cart atau invoice email karna terkendala pada hosting yang sering mengalami gangguan. Tidak hanya itu,selain alasan di atas..!! Saya juga sudah pernah membagikan template yang memiliki fitur invoice MasgusMarket Template.

Download || Live Demo

Gimana..?? Simpel bukan..?? saya membuat template ini dengan sedikit perpaduan CSS untuk mempercantik tampilannya. Masalah warna..!! perpaduan antara biru,merah dan hitam membuat semakin elegant tampilan template ini.Untuk panduannya,silahkan di simak tutorial berikut ini :

Persiapan sebelum menggunakan BukaBaju template :

Buatlah halaman cara pembelian produk di toko online anda.
Banner iklan ( jika ada )

Setting Posting Produk :

Template ini memiliki tampilan khusus dan tertata agar terlihat lebih keren.Maka dari itu anda harus menyesuaikan struktur posting yang satu dengan yang lainnya.

Buat postng baru.
Pastekan kode posting berikut pada mode HTML bukan ~~Compose~~ :

1A). Format Posting Dengan Item Harga

<div class="product_image">
<a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnVbJ9sb-2c0mx8W9bP_l0NZCj724i12TNEdQE_PwbwRD0lCtY3h7CpTkifYW_q1Aa9P-3SI8rXiSGaGSNTfKxwHM3Z6XJb5qgQ1K7DxjG2Z1Z9jryOPqFyIsKMljeAB0KwMQ172aQ3M/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnVbJ9sb-2c0mx8W9bP_l0NZCj724i12TNEdQE_PwbwRD0lCtY3h7CpTkifYW_q1Aa9P-3SI8rXiSGaGSNTfKxwHM3Z6XJb5qgQ1K7DxjG2Z1Z9jryOPqFyIsKMljeAB0KwMQ172aQ3M/s1600/nike.jpg" /></a>
<span class="item_price">Rp 190.000</span></div>
<div class="product_describe">
Deskripsi Produk anda</div>

1B). Format Posting Tanpa Item Harga

<div class="product_image">
<a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnVbJ9sb-2c0mx8W9bP_l0NZCj724i12TNEdQE_PwbwRD0lCtY3h7CpTkifYW_q1Aa9P-3SI8rXiSGaGSNTfKxwHM3Z6XJb5qgQ1K7DxjG2Z1Z9jryOPqFyIsKMljeAB0KwMQ172aQ3M/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnVbJ9sb-2c0mx8W9bP_l0NZCj724i12TNEdQE_PwbwRD0lCtY3h7CpTkifYW_q1Aa9P-3SI8rXiSGaGSNTfKxwHM3Z6XJb5qgQ1K7DxjG2Z1Z9jryOPqFyIsKMljeAB0KwMQ172aQ3M/s1600/nike.jpg" /></a>
</div>
<div class="product_describe">
Deskripsi Produk anda</div>

Ganti text yang mas gusti beri warna merah dengan data masing-masing produk seperti URL Gambar,Harga dan deskripsi produk
Klik publikasikan.

# Cara Menghilangan Tulisan 'Lihat Detail" Pada Halaman Postingan Depan Blog

Edit Template --> tekan Ctrl + F --> lalu ketikan tulisan 'Lihat Detail' --> Lalu hapus teks dan kode yang berkaitan dengan hal tersebut

Setting HTML Template :

Klik menu Template.
pilih Edit HTML
Cari URL berikut ini,gunakan Ctrl+F untuk mempercepat pencarian :

<a class='belitdetail' href='http://demo-bukabaju.blogspot.com/p/cara-pembelian-barang.html'>Pesan Produk Sekarang</a>

Silahkan ganti url yang berwarna merah dengan URL halaman anda yang sudah dibuat.
Klik simpan Template.

Silahkan agan download template ini gratis dan saya mohon dengan sangat untuk tidak menghapus ataupun merubah link footer tanpa sepengetahuan saya.Anda bebas memakai template toko online blog terbaru ini di banyak blog yang anda punya,selamat berjualan dan salam SUKSES...