Cara Instal Template Blogspot Flatshop untuk Toko Online – Blogspot atau blogger menyediakan banyak sekali template yang terbilang sangat bagus dan rapih layout nya, walaupun begitu kita juga bisa merubah template bawaan dari blogger dengan template yang kita inginkan.
Di internet banyak sekali yang menyediakan tempate blogspot gratisan, salah satunya adalah FLATSHOP SIMPLE TEMPLATE FOR BLOGSPOT yang sangat cocok untuk blog toko online.
Free Download Template Flatshop untuk Toko Online | LIVE DEMO
Mungkin langsung aja kita mulai Bagaimana Cara Instal Template Blogspot Flatshop untuk Toko Online:
Pertama yang harus kalian lakukan adalah masuk ke dashboard blogspot www.blogger.com dengan cara sign in dengan akun gmail kalian. Kemudian pilih menu Theme atau Template. Lalu klik titik 3 di pojok kanan atas, kemudian pilih edit HTML.
Ekstrak file template flatshop yang sudah kalian download, kemudian klik kanan file FLATSHOP.xml open with notepad/ms word. Copy semua isi coding dari file tersebut. Lalu paste kan di halaman HTML blogger kalian. Kemudian klik tombol/icon save di pojok kanan bawah.
SELESAI – Kini template Flatshop anda sudah terinstal, lalu sekarang kita coba edit dengan produk dan sesuaikan dengan kebutuhan kalian.
MENGGANTI TOP MENU
Masih di Mode HTML menu Template kalian lalu cari deretan kode seperti di bawah ini:
<li><a href=’/’>Home</a></li>
<li><a href=’#’>Aksesoris</a>
<ul>
<li><a href=’#’>Gelang</a></li>
<li><a href=’#’>Sabuk</a></li>
<li><a href=’#’>Topi</a></li>
<li><a href=’#’>Tas</a></li>
<li><a href=’#’>Sepatu</a></li>
</ul>
</li>
<li><a href=’#’>Teknologi</a>
<ul>
<li><a href=’#’>Laptop</a></li>
<li><a href=’#’>iPad</a></li>
<li><a href=’#’>Smartphone</a></li>
<li><a href=’#’>Cpu</a></li>
<li><a href=’#’>HandPhone</a></li>
Ganti semua teks yang berwarna merah sesuai dengan kebutuhan toko online kalian. Kemudian klik tombol/icon save di pojok kanan bawah.
BUAT HALAMAN PEMBELIAN
Silahkan buat halaman kalian terlebih dahulu > klik menu Page > kemudian klik New Page > dan buat halaman yang anda inginkan ( misal menu kontak, alamat toko dan panduan cara pembelian ataupun pemesanan dan juga cara bayar).
Setelah itu copy URL halaman kalian dan sekarang masuk ke menu TEMPLATE > kemudian klik Edit HTML dan cari kode berikut ini :
<a class=’belitdetail’ href=’http://flatshoptemplate.blogspot.com/p/cara-pemesanan-produk.html‘>Pesan Sekarang</a>
Gantikan url yang sudah anda copy tadi pada url yang berwarna merah. Kemudian klik tombol/icon save di pojok kanan bawah.
POSTING PRODUK
Pertama yang harus anda lakukan adalah klik menu POST > New Post. Lalu paste kan code di bawah ini ke halaman postingan kalian. Jangan lupa berikan title/judul nama produk pada kolom POST TITLE.
<div class=”product_image”>
<a class=”cloud-zoom” href=”http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/s1600/nike.jpg” rel=”softFocus: true, position:’inside’, smoothMove:2″><img border=”0″ class=”item_thumb” src=”http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/s1600/nike.jpg” /></a>
<span class=”item_price”>Rp 190.000</span></div>
<div class=”product_describe”>
Deskripsi Produk anda</div>
- Ganti url yang berwana merah dengan url gambar produk yang sudah anda upload ke blogger.
- Untuk text berwarna hijau itu adalah harga produk ( silahkan anda ganti sesuai harga produk anda sendiri )
- Untuk text berwarna ungu adalah deskripsi produk anda.