PETUNJUK INSTALASI SHOPPAHOLIC BOUTIQUE

Instalasi Template XML

1. Login ke akun blogger.com anda 2. Download template Shoppaholic Boutiqu dan un-RAR template yang telah anda download 3. Buka template editor (Dashboard Template Backup / Restore button. 4. Backup dan Upload template baru anda.

5. Setelah anda menekan tombol upload apabila anda melihat peringatan seperti di bawah

a. Tekan KEEP WIDGET apabila anda ingin mempertahankan widget yang telah anda punya di template lama anda. b. Tekan DELETE WIDGET apabila anda ingin menghapus widget yang anda gunakan pada template lama anda. 6. Cek apabila template anda telah terinstal dengan menekan tombol view blog.

Setting Widget Template

Template yang telah anda instal belum sempurna, perlu ada beberapa setting yang dilakukan agar template dapat terinstal dengan sempurna

Buka layout Designer: Dashboard Layout Page Elements

1. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file featuredwidget.html 2. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file bannerhome-widget.html 3. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file banner-postwidget.html 4. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada fb-widget.html 5. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada categorieswidget.html 6. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file info-tagwidget.html 7. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file promo-sidewidget.html 8. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file copyrightfooter-widget.html 9. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file contactfooter-widget.html

Setting Logo Blog dan Navigasi

1. Buka layout Designer: Dashboard Template Edit HTML 2. Cari kode berikut dan ganti kode berwarna merah dengan link / gambar anda sendiri
<div class='shop_container'> <div class='top_cont'> <div class='welcome_msg'>Welcome to <a href='http://shoppaholictemplate.blogspot.com/'><strong>Shoppaholic Boutique</strong></a> </div>

<div class='link_top'><a href='#'>About us</a> | <a href='#'>Contact</a> | <a href='#'>Privacy policy</a> // Ganti tanda # untuk link pada bagian paling atas halaman
</div> </div> <div class='header_cont'> <div class='top_head'> <div class='logo'><a href='http://shoppaholictemplate.blogspot.com/'><img alt='logo shoppaholic boutique' height='52' src='https://lh4.googleusercontent.com/wlveYqL3cPM/UX96I5UB1ZI/AAAAAAAAA48/DIfCabIyDdA/s500/logo.jpg' width='297'/></a> // Ganti link di atas dengan link logo anda </div>

number'>Call Us : ( +62 ) 080 696 62000<br/>

<div class='call'> <div id='phone_ico'/> <div id='phone_number'>Call Us : ( +62 ) 080 696 62000<br/> <em><span style='font-size:11px; font-weight:normal;'>Senin - Sabtu : 10.00 22.00</span></em> // Ganti text di atas untuk telepon dan jam buka </div> </div> </div>

<div class='head_separator' style='background:url(https://lh5.googleusercontent.com/vQ9OFUFzb8o/UX96VcKoMTI/AAAAAAAAA5M/H1BvjjYYHu4/s1200/sprites.png) -10px 8px; margin:0 auto; padding:0; height:10px; width:978px;;'/> <div class='navi_cont'> <ul> <li><a href='#'>Home</a></li> // Ganti text berwarna merah untuk edit navigasi <li><a href=#'>Products</a></li> <li><a href='#'>Reseller</a></li> <li><a href='#'>How To Shop</a></li> <li><a href=#'>Contact Puzzle Inc.</a></li> <li><a href=#>Download Template</a></li> </ul>

</div>

<div class='banner'> <img alt='shoppaholic boutique' height='510' src='https://lh4.googleusercontent.com/DSV3CssfYt8/UX96REqbQ3I/AAAAAAAAA5E/3Ate2G7W3po/s1100/banner.jpg' width='978'/> </div> // Ganti link di atas dengan banner anda sendiri

</div> </div>

Setting SEO
1. Buka layout Designer: Dashboard Template Edit HTML 2. Cari kode berikut dan ganti kode berwarna merah dengan link / gambar anda sendiri
<meta content='index, follow' name='robots'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title + &quot; | &quot; + data:blog.pageName' name='description'/> <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title + &quot; | &quot; + data:blog.pageName' name='keywords'/> <meta expr:content='data:blog.pageName' name='subject'/> <meta expr:content='data:blog.pageName' name='abstract'/> <b:else/> <title><data:blog.pageTitle/></title> <meta content='DESKRIPSI BLOG' name='description'/> <meta content='KEYWORD, KEYWORD, KEYWORD, KEYWORD, KEYWORD, KEYWORD' name='keywords'/> </b:if>

Setting POST TEMPLATE

1. Buka layout Designer: Dashboard SETTING Posts and comment 2. Ganti kode pada bagian post template dengan kode di dalam post-template.html

Aktivasi Mobile Template Shoppaholic Boutique

1. Buka layout Designer: Dashboard Template Mobile Setting 2. Setting sesuai gambar di bawah ini.