Toko Online Blogspot Gratis dengan OutFashion Template

Toko Online Blogspot Gratis dengan OutFashion Template - Kali ini mau berbagi template blogspot gratis lagi. Ini merupakan template besutan Maskolis, template yang cukup lama, sebelum ramenya desain responsive yang merupakan salah satu prasyarat SEO dari sebuah template untuk saat ini. Apalagi dengan munculnya algorithma Google terbaru dengan system Mobilegeddon-nya yang mewajibkan sebuah website harus ramah dengan gadget manapun, alias mobile friendly.

Beberapa editing yang ditambahkan supaya bisa memenuhi prasyarat Google terbaru (yang berhubungan dengan SEO) adalah desain responsive, dinamic heading (restructure H1, H2, H3 dst.) serta penambahan badge yang saat ini cukup berguna untuk sebuah toko online meskipun konsepnya tetap sederhana.

Lebih lengkap mengenai template OutFashion ini bisa anda cek melalui link Live Demonya di bawah. Penjelasan mengenai setting dan editing template ini bisa anda simak juga lanjutan tulisan ini, jika anda tertarik menggunakannya.

 

Nama Template : OutFashion

Platform : Blogspot

License : Free/Gratis!!

LIVE DEMO

Fitur Template OutFashion :

- Desain Responsive
- Menu Responsive
- Dinamic Heading (cek dengan menggunakan Tool SEOQuake)
- Slide Show
- Footer Widget
- Sidebar Widget
- 4 Badge menu based Label (Hot, New, Habis, dan Promo)

Panduan Install dan Setting Template OutFashion

1# Install Template
Gunakan cara instan mengganti template Blogspot ini

2# Edit Meta Deskripsi di HTML Template dengan mengganti kode berikut dengan data Blog anda sendiri.

<meta content='Deskripsi blog' name='description'/>
<meta content='keyword blog' name='keywords'/>
<meta content='nama pemilik' name='Author'/>
<meta content='email pemilik blog' name='Email'/>

3# Mengedit Menu Dropdown responsive dengan mengganti kode berikut ini dengan data menu yang anda inginkan

<nav id='menu'><input type='checkbox'/><label>&#8801;<span>Menu</span></label>
<ul><li><a href='/' style='background:#000;' title='Home'>Home</a></li>
<li><a class='prett' title='DropDown Menu'>DropDown Menu</a>
<ul class='menus'>
<li><a href='#' title='DropDown Menu'>DropDown Menu1</a></li>
<li><a href='#' title='DropDown Menu2'>DropDown Menu2</a></li>
<li><a href='#' title='DropDown Menu3'>DropDown Menu3</a></li>
</ul></li>
<li><a href='#' title='Menu1'>Menu1</a></li>
<li><a href='#' title='Menu2'>Menu2</a></li>
<li><a href='#' title='Menu3'>Menu3</a></li>
<li><a href='#' title='Menu4'>Menu4</a></li>
<li><a href='#' title='Menu5'>Menu5</a></li>
</ul></nav>

Note:
Ganti text bercetak tebal dengan data blog anda.

4# Membuat Halaman Order di Laman (Static Page)
Buka laman, buat sebuah laman dengan judul Order, isi kontennya dengan informasi order anda.
Pastikan url laman adalah :

namablog.blogspot.com/p/order.html

5# Menambahkan Badge Label.
Untuk menambahkan badge New, Promo, Habis dan Hot di setiap posting produk, cukup menambahkan pada label di saat membuat posting produk dengan salah satu label (New, Promo, Habis dan Hot), Perhatikan juga huruf besar dan kecil harus sama karena case sensitive agar badge bisa muncul di blog anda.

6# Post Template untuk Posting Produk

Sebenarnya tidak ada yang istimewa dengan cara posting di template ini, karena sama dengan posting di blogspot lainnya. 

Hanya ada sedikit tambahan untuk memunculkan harga produk di homepage dan tampilan harga yang sama dengan live demonya, cukup tambahkan kode berikut di bagian kolom konten posting yang paling atas, pada mode HTML.

<span class="item_price">Rp 100.000</span>

Note:
Ganti Rp 100.000 dengan harga produk anda.

7# Menonaktifkan Fitur Template Seluler Bawaan Blogspot

Fungsinya agar fitur desain responsive dari template OutFashion ini bisa aktif saat di akses dengan perangkat mobile.

DOWNLOAD

Nah, Toko Online Blogspot Gratis dengan menggunakan Template OutFashion ini sudah cukup untuk anda manfaatkan sebagai tempat menjual produk apapun yang anda miliki secara online. Semoga bermanfaat.