Grand Final Tour General Ambition Match 3 Dan Cukup Dengan 3 Player Aur...

Read More

[ LIVE ] GARENA FREE FIRE TOUR GENERAL AMBITION AURA NESC VS AURA XCODE ...

Read More

FULL VIDIO March Championship POT 1 M2-M3

Read More

BukaBaju , Template Keren untuk toko online Blogger

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 dengan fitur desain yang simpel dan saya rasa cukup fleksibel untuk berjualan,kalau anda minat yang premium...!!

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.

BukaBaju Template - original capture by BukaBlog

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 :

<div class="product_image">
<a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnx7899tAtBKnCq2bJvOD0bF-ID6rQHL9oSoCnH5CSsKuKk87amucVyANzHbTC4WW7daI1CajS9ldyzsEbqHB482vN04KQPXZ-XPQ73rZIc52ABfNtncFPD7e2nVnWt0Q8rwKJys0pmo/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnx7899tAtBKnCq2bJvOD0bF-ID6rQHL9oSoCnH5CSsKuKk87amucVyANzHbTC4WW7daI1CajS9ldyzsEbqHB482vN04KQPXZ-XPQ73rZIc52ABfNtncFPD7e2nVnWt0Q8rwKJys0pmo/s1600/nike.jpg" /></a>
<span class="item_price">Rp 190.000</span></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.

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...

Read More

Masgusmarket blogger template

 

Sempat linknya terhapus dari Box,kali ini saya akan kembali meng-share template toko blog dimana mungkin sebagian dari anda sudah memakai template yang saya beri nama MasgusMarket. Untuk fitur sendiri masih sama dengan yang sempet saya share kemaren alias tidak ada yang berubah.Perubahan hanya pada footer dan banner yang saya tambahkan di demonya.

MasgusMarket Bloggershop Template

Fitur Template Masgusmarket :

• Shopping cart ( Keranjang belanja )
• Email Invoice ( invoice email otomatis )
• Drop down Menu
• Slide show by Nivo Slider

Tutorial Template MasgusMarket :

1. Format Post MasgusMarket :

Untuk template masgusmarket 2014 harus di posting dengan Format tersendiri agar produk anda memiliki flexibilitas yang sama dengan produk lainnya, alias rapi gan..

<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpBURazLYcW-6g2X4HvgGqBDQeYtPCDCO68oZ_IKhGqmWQtZXJmuQUG1v8IyjzJrTpvjX3HK8X8LCz565VgjIAf8CFEQwSl4WileQWjExYKsDnTIIeiiPGwnoFoZticVnWtH94O5_ZNQ/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpBURazLYcW-6g2X4HvgGqBDQeYtPCDCO68oZ_IKhGqmWQtZXJmuQUG1v8IyjzJrTpvjX3HK8X8LCz565VgjIAf8CFEQwSl4WileQWjExYKsDnTIIeiiPGwnoFoZticVnWtH94O5_ZNQ/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS&nbsp;</div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />

Keterangan :

• Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
• Jangan lupa merubah harga produk di bagian text yang berwarna Merah.

2. Setting data Pemilik Toko Online :

• Masuk ke halaman Template.
• klik Edit Html.
• Cari deretan kode seperti di bawah ini :

simpleCart.email = &#39;masgustemplate@gmail.com&#39;;
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;

• Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.

3. Script Slider by Nivo Slider :

• Masuk ke halaman TataLetak.
• Klik Tambahkan Gadget > Html/JavaScript.
• Pastekan kode Slider berikut.

<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxhQbXqOA4Ce-Hfx10SOZG-bpVrXNXn_HoD70-UaFvkyeaDX73MfTSJiikphWZAY5gl1Yg4mJQz2u-6dyggfvwkP1LQ52qXExGjqNDv6z_-sfC0NaxZtFdI4lL1BrRQxdVSghCfn7_-g/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHr1UFS3-TWjjejGK41zADC21lNl4b9dlAMOqeiqYdT14YVmA73fsqOojfZzpHBldRs7AIr4_V26R8BFvFCRuS93q5XTPkoY8YYKO9JAj3vGxojfhZ3XXo5Y88_LYcECkdK9vRcakUDsE/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb-fAb_8gkkehy6RKoq1jfb8cacXwwyI8YQyOljmuJYYoIKM3TXBanlLoudmpZQuupbBGFWbBjbhP0r3IxSCb6tJwjyRa7MgOXHCnOFeSjaYMuvZZvTR_mZ3ZhGAklylCWuI-J9K6kcWI/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxSx97eyns7EuB0qkxrqofpmhfQS8DOmOcSldZSgSK6sXDvbOzsCIOD8MP88_NxGpwGhqMDPLjoP2CuTO1eAMpuPQYE0dzll8oL05xeTaBuwSWKvd52OI0bXP-syO3aFGlXQitexPp-U/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>

• Silahkan agan rubah kode yang berwarna Merah dengan URL banner anda sendiri.
• Klik Simpan dan lihat hasilnya.

Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.

Read More