2. 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.
Copyright 2013 Handrafted with love by Puzzle Inc.
3. 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
Copyright 2013 Handrafted with love by Puzzle Inc.
4. 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>
Copyright 2013 Handrafted with love by Puzzle Inc.
5. <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>
Copyright 2013 Handrafted with love by Puzzle Inc.
6. 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>
Copyright 2013 Handrafted with love by Puzzle Inc.
7. 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.
Copyright 2013 Handrafted with love by Puzzle Inc.
8. Ganti link dari shoppaholic-boutique.blogspot.com
Agar template anda berjalan sebagaimana mestinya ganti semua link dari shoppaholicboutique.blogspot.com menjadi link blog anda, caranya:
1. Buka layout Designer: Dashboard → Template → Edit HTML
2. Cari semua link shoppaholic-boutique.blogspot.com yang ada di dalam template
dengan menekan ctrl+F lseperti gambar di bawah lalu ganti semua link yang di
highlight
3. Save template anda
Support dan Batuan Implementasi
Bagi anda yang kesulitan untuk mengimplementasikan template Shoppaholic Boutique,
kami menyediakan jasa untuk membantu anda mengimplementasikan template ini pada
halaman blogger anda, cukup membayar biaya implementasinya sekali saja, setelah itu anda
bebas menggunakan template Shoppaholic Boutique ini selamanya.
Keterangan lebih lanjut langsung ke:
http://puzzlemate.blogspot.com/2013/05/jasa-instalasi-template-blog.html
Copyright 2013 Handrafted with love by Puzzle Inc.
