Cara Setup Value Shopping Store Blogger Templates

Value dirancang untuk digunakan sebagai bisnis e-Commerce dan sebagian besar untuk blog Multi Kategori Produk. Template ini  memiliki desain minimal tapi fitur dan juga tampil sangat baik di search engine. Template Value dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog Anda secara lebih profesional. 

Groovy tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  

Anda bisa melihat Demo dan Mengunduh Value Blogger Templates.   

1. Setting Up The Menu - Top

Untuk Mengedit Menu dalam tema ini Anda bisa mengikuti langkah ini:

Di Blogger Dashbord Klik Template
Klik Edit HTML

(Menu Atas) Gulir ke bawah dan Temukan Kode ini:

<nav id='navigation'>
        <ul>
          <li class='active'><a href='/'>Home</a></li>
          <li><a href='#'>Labels</a></li>
          <li><a href='#'>Drop down</a>
            <ul>
              <li><a href='#'>Grid style</a></li>
              <li><a href='#'>Free logo's</a></li>
              <li><a href='#'>Bages style</a></li>
            </ul>
          </li>
          <li><a href='#'>Sample</a></li>
          <li><a href='/404'>Error 404</a></li>
          <li><a href='#'>Page</a></li>
        </ul>

      </nav>

Ubah # dengan link URL milik Anda

2. Info Box

Untuk Info Box dalam tema ini Anda bisa mengikuti langkah ini:

Di Blogger Dashbord Klik Template
Klik Edit HTML

(Info Box) Gulir ke bawah dan Temukan Kode ini:

<div class='widget-html text-center box   '>
 <div class='body-wg-html'>

     <div class='bg-red col-lg-4 col-md-4 col-sm-4 col-xs-12'>  <p>FREE WORLDWIDE SHIPPING</p> </div> <div class='bg-gold col-lg-4 col-md-4 col-sm-4 col-xs-12'>  <p>BUY ONLINE - PICK UP AT STORE</p> </div> <div class='bg-blue col-lg-4 col-md-4 col-sm-4 col-xs-12'>  <p>ONLINE BOOKING SERVICE</p> </div> </div>

Ubah yang berwarna merah dengan link URL milik Anda

3. Featured Posts

Akses Layout/tata letak blog Anda> klik Tambahkan Gadget> HTML / JavaScript di bagian Intro Posts, Anda harus menempatkan nama berikut yang disorot dengan warna merah di bawah ini.

01 - Tag/Label: Sports
02 - Recent Posts: recent

03 - Random Posts: random

Contoh :

4. Flickr Images

Untuk Info Box dalam tema ini Anda bisa mengikuti langkah ini:

Pada Blogger Dashbord Klik Layout / tata letak.
Klik Edit tambahkan gadget-> pilih HTML / javascript.

Salin kode di bawah ini dan simpanlah:

div class="flickr_plugin">
<script src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript">
</script>

</div>

Ganti 52617155 @ N08 ini dengan Id Flicker Anda
Anda Bisa Menggunakan http://idgettr.com/ untuk menghasilkan Id Flicker Anda

5. Error 404

Halaman ini sudah terintegrasi dengan template anda tidak perlu melakukan apapun.
Tapi jika Anda ingin mengeditnya Klik Content Ctrl + F dan Cari Kode berikut ini:

<div class='error-page'>
  <div class='error-title'>
    <i class='fa fa-trash-o'/> 404 - Page not found
  </div>
  <div class='error-description'>
    <div class='error-line1'>The page you are looking for might have been removed,<br/>had its name changed, or is temporarily unavailable</div>
    <div class='error-line2'>Go to <a expr:href='data:blog.homepageUrl'>Home</a> to check it again, Search For It or Just Contact Us</div>
  </div>

</div>

Selamat berkarya, dan sekali lagi Anda bisa melihat Demo dan Mengunduh Value Blogger Templates. 

,