Free Template Toko Online Blogspot OutFashion Responsive

Toko Online Blogspot Gratis dengan OutFashion yang 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.

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)

Install dan Setting Template OutFashion

• 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'/>

• 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 berwarna biru sesuai keinginan

• 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

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

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

• Menonaktifkan Fitur Template Seluler Bawaan Blogspot

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