petunjuk instalasi shoppaholic boutique
TRANSCRIPT
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
<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/>
1. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file featured-widget.html
2. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file banner-home-widget.html
3. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file banner-post-widget.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 categories-widget.html
6. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file info-tag-widget.html
7. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file promo-side-widget.html
8. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file copyright-footer-widget.html
9. Klik Edit widget nomer 1 pada gambar di atas, lalu masukan kode pada file contact-footer-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='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 == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + " | " + data:blog.title + " | "
+ data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + " | " + data:blog.title + " | "
+ 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.